There are a million ways to center s or text in CSS, horizontally or vertically. All the ways are unsatisfying...

github.com

Note The maintenance mode is enabled on all application server as soon as the file /public/system/maintenance.html is present. Installation

makandra dev
github.com

A list of surprisingly clever CSS expressions for common use cases.

Until recently, you could open a new tab via window.open when using execute_script in Selenium tests. It no longer...

CSS4 comes with :has. E.g. h1:has(b) would select all tags that contain a tag. This is implemented in...

Spreewald 1.4.0 comes with this step: When I click on the element ".sidebar" We recommend to define a selector_for...

Spreewald 1.3.0 comes with these steps: Then I should see an element ".panel" Then I should not see an element...

cssfontstack.com

Web safe fonts are fonts that are pre-installed by many operating systems. While not all systems have the same...

makandra dev
github.com

Note This card does not reflect the current state of lazy loading technologies. The native lazy attribute could be used...

Our applications not only need to be functional, they need to be fast. But, to quote Donald Knuth, premature optimization...

makandra dev
csstriggers.com

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

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

stackoverflow.com

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

makandra Curriculum

Understand how nested attributes appear in the params. See how the Rails form helpers encode the names of nested...

devdocs.io

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

makandra dev
blog.getbootstrap.com

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

We are using the BEM pattern ("Block, Element, Modifier") to structure our CSS in all new projects. We try to...

Read the following material: World's shortest UI/UX design course 7 Rules for Creating Gorgeous UI (Part 1)

makandra dev
cssanimation.rocks

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

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

makandra Curriculum

How do HTTP requests and responses look like? What are HTTP headers? What are they used for?

There is no single place to look up documentation for our stack. This card includes some hints where you can...

makandra dev
bootswatch.com

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

Rubymonk training Read the following Rubymonk articles: Ruby Primer: Ascent (archived copy) Metaprogramming Ruby (archived copy) Metaprogramming Ruby: Ascent (archived...