...precompilation. This opens a world of pain when CSS files reference images (like jQuery UI) or fonts (like webfont kits from Font Squirrel), since all those url(images/icon.png) will now...
...than necessary, containing comments, metadata, hidden elements etc. Optimize them with this tool. Web UI: https://jakearchibald.github.io/svgomg/ Binary: https://github.com/svg/svgo Note that for a properly scaling SVG, you...
jQuery UI's date picker and date time picker doesn't work on touch interfaces. Solution 1: Use Mobiscroll Another way is to detect touch devices and for those devices...
...if (isTouchDevice()) { $('.date_picker').scroller(); } else { $('.date_picker').datepicker(); } Mobiscroll uses a spinning wheel UI for picking dates and times, as known from iOS (see the demo). It works okayish...
...as the default. Popular command line tools (>= 4 mentions) tig (17 users) Command line UI for git. htop (10 users) An improved "top". fzf (8 users) Provides super-fast fuzzy...
...same resources. Take the following step which signs in a user through the browser UI and then sets a flag on the user that was just signed in:
...in => days.days.ago end Note that you should strive to do everything through the browser UI in Cucumber features, but occasionally a step like this is too convenient to pass up...
There are several options, but most of them are impractical. The best way is to use the :ruby filter:
...styles that need to be pretty. The standard drag'n'drop solution from jQuery UI (draggable/droppable) do not work well for nested lists. Nor do they give you precise enough...
...emulate drag/drop events (mouseup/mousedown) with evaluate_script and jQuery. You must make some hard UI decisions when your items can be both leaf nodes and containers of other items. E.g...
...a program on a remote machine (e.g. to your office PC) with a graphical UI (and you trust the remote machine), you can use SSH X-Forwarding. I sometimes use...
...add -X to the ssh call. Now, when you start a program with a UI (e.g. virtualbox) in that SSH session, a window will open on your local machine. It...
...select "Command" Paste this: ^ #!/usr/bin/env ruby -wKU require File.join(ENV['TM_SUPPORT_PATH'], 'lib', 'ui.rb') cucumber_paths = File.join ENV['TM_PROJECT_DIRECTORY'], 'features', 'support', 'paths.rb' if File.exist? cucumber_paths
...s+when /^?([^$]*)$?/[im]?$/, 1) # @param 1: return first matched group end paths = lines.compact.sort TextMate::UI.complete(paths, :extra_chars => " ") else %x{ "$DIALOG" tooltip --html 'File /features/support/paths.rb not found.' } end
TinyMCE is a WYSIWYG editor which is quite customizable. Add a custom button to the tinyMCE toolbar and tell tinyMCE...
...available packages here. An example Bowerfile: # ./Bowerfile asset 'angular' asset 'angular-i18n' asset 'angular-ui-router' asset 'angular-ui-bootstrap' asset 'lodash' asset 'restangular' asset 'moment', '1.2.3' The following commands...
...that there are "ghost" shortcuts in the OS which can't be changed via UI. But there is hope! You have to use the default GNOME keymap in your RubyMine...
...throughput: 2 * 1024, upload_throughput: 2 * 1024} The settings will match to the following UI component in Chrome: Were the values for the default profiles might match the values from...
...the step definition talks to jQuery to obtain details about the CSS. Test that UI controls and secondary elements are hidden Form fields, navigation bars, footers, etc., should be hidden...
...any number of images immediate uploads with a progress bar per image a snappy UI Enter jQuery File Upload. It's a mature library that can do the job frontend...
File upload with nice UI, progress bar and preview, allowing multiple files and supports drag & drop. Its default is built on Bootstrap, but there's a version for jQuery-UI...
For instance, the UI finds that a certain card is in the graveyard. It is essential that the UI sub-system does not care why the card is there, or...
...prefer unix linebreaks, but also support DOS linebreaks set guioptions-=T " remove toolbar in UI mode set ignorecase " search is case insensitive, unless you use upper case characters
...a million options to configure your panels. Together with Xfce's sometimes arcane configuration UI, this can be a huge time waster and super-annoying if you need to get...
...about the variable your values are based on. Example Consider some default padding for UI tabs that you want to increase. $pad: 10px 15px .tab padding: $pad + 2px // WRONG
When using jQueryUI's Sortable plugin (either directly or via Angular's ui.sortable), you might struggle testing your nice drag&drop GUI since Selenium webdriver does not support native dragging...
...Mobiscroll for date pickers on touch devices, here is how to localize the Mobiscroll UI into German: var germanMobiscrollLocalization = { preset: 'datetime', ampm: false, cancelText: 'Abbrechen', dateFormat: 'dd.mm.yy', dateOrder: 'ddmmyy',
Some other Material Design CSS + JS Frameworks with partial pending release: Materializecss Material-ui Material Design for Bootstrap (note that this is incomplete, and free only for non-commercial...
...table rows (use case would be clicking the 1st link inside it for better UI). Consider this setup: hello ^ $(document).on('click', 'tr', function () { alert('row clicked') }); While this works...