Know what makes your browser pant

Posted Over 8 years ago by Dominik Schöler.
csstriggers.com

I figure we needed a definitive reference for what work is triggered by changing various CSS properties. It's something...

Improving browser rendering performance

Posted Over 8 years ago by Dominik Schöler.

As the web is being used for more and more tasks, expectations rise. Not only should web pages offer rich...

Angular: Quick and easy animation on changed binding value

Posted Over 8 years ago by Dominik Schöler.
stackoverflow.com

With ngAnimate, you can easily animate certain events (see directive support). We'll make use of ngClass animations to style...

CSS has a well-supported :empty selector

Posted Over 8 years ago by Dominik Schöler.
devdocs.io

All browsers + IE9 know the CSS :empty selector. It lets you hide an element when it has no content, i.e...

Bootstrap 4 is coming

Posted Over 8 years ago by Dominik Schöler.
blog.getbootstrap.com

Moved from Less to Sass. Bootstrap now compiles faster than ever thanks to Libsass, and we join...

Creating spheres with CSS

Posted Over 8 years ago by Henning Koch.
cssanimation.rocks

Using the CSS border-radius property, we can create rounded shapes and circles. Add some gradients and they become spheres...

An auto-mapper for ARIA labels and BEM classes in Cucumber selectors

Posted Over 8 years ago by Henning Koch.

Spreewald comes with a selector_for helper that matches an English term like the user's profile into a CSS...

Bootswatch: Paper

Posted Over 8 years ago by Arne Hartherz.
bootswatch.com

Free Bootstrap theme resembling Material Design. Bootswatch offers Sass and Less files, so the theme can easily be integrated into...

List of Helpful RubyMine Shortcuts

Posted Over 8 years ago by Dominik Schöler.

CTRL + SHIFT + ALT + N : Search for any symbol in your application, like CSS classes, Ruby classes, methods, helpers etc...

How to fix: iPad does not trigger click event on some elements

Posted Almost 9 years ago by Arne Hartherz.

iPads will not trigger click events for all elements. You can fix that, but you don't want to know...

little known CSS facts

Posted Almost 9 years ago by Henning Koch.

This blew my mind today: 12 Little-Known CSS Facts 12 Little-Known CSS Facts (The Sequel) Please make sure...

Material Design Lite

Posted Almost 9 years ago by Tobias Kraze.
getmdl.io

CSS (+ some Javascript) framework, implementing Google's material design for static web pages. Can be used for plain websites without...

CSS Support Guide for Email Clients

Posted Almost 9 years ago by Arne Hartherz.
campaignmonitor.com

CSS support in major e-mail clients is horrible. This will give you an overview what you will not be...

Copy & Paste & The Web | CSS-Tricks

Posted Almost 9 years ago by Henning Koch.
css-tricks.com

Insanely detailled guide about controlling copy & paste behavior using web technology in 2015. Note that you can now trigger a...

image-to-DataURI converter: Duri.me

Posted Almost 9 years ago by Arne Hartherz.
duri.me

Small web application where you can upload an image (PNG, JPEG, GIF) and generate a base64-encoded version of it...

Reverse-proxying web applications with Apache 2.4+

Posted Almost 9 years ago by Henning Koch.

Note: Making a reverse proxy with nginx is much more straightforward. A reverse proxy is a "man in the middle...

Customizable date (and time) picker: Rome

Posted Almost 9 years ago by Arne Hartherz.
bevacqua.github.io

Datetime picker that offers: simple UI without a specific framework several of customization options allows custom date/time validations Localization happens...

Make "rake notes" learn about Haml, Sass, CoffeeScript, and other file types

Posted About 9 years ago by Arne Hartherz.

Rails comes with a Rake task notes that shows code comments that start with "TODO", "FIXME", or "OPTIMIZE".

Fontawesome 4 helper classes

Posted About 9 years ago by Dominik Schöler.
yoyo.io

Fontawesome 4 ships with many useful CSS helper classes. Enlarge Icon Add fa-lg (133%), fa-2x, fa-3x, fa...

Fontawesome 4+ icon naming conventions

Posted About 9 years ago by Dominik Schöler.
yoyo.io

Fontawesome 4 has introduced new naming conventions that make it easy to retrieve variants of a given icon.

Responsive Tables in Pure CSS

Posted About 9 years ago by Henning Koch.
techblog.livingsocial.com

Clever hack using data-attributes to assign labels to cells. It's still a massive duplication of code (labels), but...

How to use CSS to rotate text by 90° in IE8 (and modern IEs)

Posted About 9 years ago by Arne Hartherz.

If you want to rotate text, you can use CSS transforms in somewhat modern browsers to rotate the container element...

Angular Style Guide

Posted About 9 years ago by Tobias Kraze.
github.com

Opinionated Angular style guide for teams by @john_papa Not everything in this guide works perfectly for us, but is...

Use CSS sibling selectors instead :last-child (or :first-child)

Posted About 9 years ago by Arne Hartherz.
w3.org

Often times you want to give a bunch of elements the same style, except for the last. For example borders...