This collection contains some useful design resources for developers. Many of them were mentioned in the Refactoring UI tutorials.
You can use constraints in your routes.rb to avoid getting ActionView::MissingTemplate errors when wrong routes are called. Instead, the...
The main benefit of our convention to prefix commits by their corresponding Pivotal Tracker ID is that we can easily...
The ruby sass gem also installs a command line tool to convert to and from SCSS. Use it for a...
CSS transitions are a simple animation framework that is built right into browsers. No need for Javascript here. They're...
This favicon generator will guide you to a perfect set of favicon files, suitable for all devices and situations (browser...
Within a Flexbox layout, there are multiple CSS attributes that may affect a child's basis (the initial width before...
When a user shares your content, a snippet with title, image, link and description appears in her timeline. By default...
General hints on the DOM the root of the DOM is document custom elements inherit from HTMLElement. They need a...
When an AJAX request raises an exception on the server, Rails will show a minimal error page with only basic...
webpack is a very powerful asset bundler written in node.js to bundle (ES6) JavaScript modules, stylesheets, images, and other assets...
Inspecting the source of an email does not always reveal the plain HTML source, but some encoded byte mess. In...
RubyMine comes with a nice way to grep through your project's files: The finder (ctrl + shift + f). Don't...
The goal is to get Jasmine specs running in a Rails project using Webpacker, with the browser based test runner...
Katapult was an endeavor to dramatically speed up starting a new Rails application. However, it turned out to save less...
Not all versions of Node.js are compatible with each other. Also npm packages may require a minimum or maximum version...
Until Capybara 2, node finders that accept a text option were able to find nodes based on rendered text, even...
Webpacker can automatically create an icon font from SVG files, which is really handy. When you're using the asset...
It is quite easy to migrate from CoffeeScript to ES6. You can use decaffeinate to convert your CoffeeScript source to...
Over the years we have tried several solution to have vector icons in our applications. There are many ways to...
To keep JavaScript sources small, it can sometimes make sense to split your webpack bundles. For example, if your website...
Download buttons can be difficult to test, especially with Selenium. Depending on browser, user settings and response headers, one of...
We're always striving towards keeping our website's JavaScript as small as possible. If you're using webpack(er...
TL;DR Most web applications do not require action on this. SameSite=None (old browser default) will continue to work...