makandra dev

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

A common task in web applications is to add client-side JavaScript behavior to existing HTML elements.

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

makandra dev

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

Get an idea of the varying support for HTML/CSS/JavaScript features in different browsers like Chrome, Firefox, Internet Explorer, Edge...

makandra Curriculum

Understand why we use pagination Exercises Create 7500 movies in MovieDB (hint: Doing it in a single transaction is...

makandra dev
getmdl.io

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

makandra Curriculum

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...

campaignmonitor.com

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

css-tricks.com

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

duri.me

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...

bevacqua.github.io

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

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

makandra dev
yoyo.io

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

yoyo.io

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

techblog.livingsocial.com

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...

makandra dev
github.com

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

w3.org

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

tech.bellycard.com

The debate between using mixins or extends in Sass has been heating up recently. From the surface it appears they...

When you are using the #selector_for helper in Cucumber steps, as e.g. Spreewald does, the following snippet will save...

The CSS property z-index is not as global as you might think. Actually, it is scoped to a so...