CSS (+ some Javascript) framework, implementing Google's material design for static web pages. Can be used for plain websites without...
Understand at least the following CSS concepts: Classes Selecting elements for styling Basic styling (color, typography, spacing)
Rails is our web framework. Goals Be able to write a simple Rails application. Understand how Rails talks to the...
CSS support in major e-mail clients is horrible. This will give you an overview what you will not be...
Insanely detailled guide about controlling copy & paste behavior using web technology in 2015. Note that you can now trigger a...
Small web application where you can upload an image (PNG, JPEG, GIF) and generate a base64-encoded version of it...
Note: Making a reverse proxy with nginx is much more straightforward. A reverse proxy is a "man in the middle...
Rails comes with a Rake task notes that shows code comments that start with "TODO", "FIXME", or "OPTIMIZE".
Fontawesome 4 ships with many useful CSS helper classes. Enlarge Icon Add fa-lg (133%), fa-2x, fa-3x, fa...
Clever hack using data-attributes to assign labels to cells. It's still a massive duplication of code (labels), but...
If you want to rotate text, you can use CSS transforms in somewhat modern browsers to rotate the container element...
Often times you want to give a bunch of elements the same style, except for the last. For example borders...
The debate between using mixins or extends in Sass has been heating up recently. From the surface it appears they...
The CSS property z-index is not as global as you might think. Actually, it is scoped to a so...
Use it like this for inline icons: Germany They also work as block elements:
Here is a Javascript function reloadUsers() that fetches a HTML snippet from the server using AJAX and replaces the current...
This jasmine plugin helps with testing DOM manipulation in two ways: It gives you DOM-related matchers like toBeVisible() or...
jQuery comes with .animate() that lets you transition some CSS selectors: function floatIn($element) { $element.css({ 'opacity': 0, 'margin-top': 200px...
Bourbon is a library of pure Sass mixins that are designed to be simple and easy to use. No configuration...
The benefit of the Rails asset pipeline is that it compiles your stylesheets and javascripts to a single file, respectively...
The Rails asset pipeline improves delivery of application assets (javascripts, stylesheets, images, fonts). Here are some basic facts about its...
Clamps (ie. cuts off) an HTML element's content by adding ellipsis to it if the content inside is too...
The asset pipeline changes the paths of CSS files during precompilation. This opens a world of pain when CSS files...
We upgraded a Rails 2 application to Rails 3.2 and Ruby 2.1, changed the mysql adapter from mysql to mysql2...