A print stylesheet is easy to create. Choose a font suited for paper, hide some elements, done. Unfortunately print stylesheets...

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

tl;dr Individual transform properties are great because they allow you to write more readable and maintainable CSS, especially when...

Setting the colorbox opacity by hash parameter when initializing doesn't work the way like the documentation tells you.

dev.opera.com

Since version 11.10 Opera provides support for linear gradients using -o-linear-gradient. The syntax is pretty similar to Mozilla...

makandracards.com

The step we used in the past (Then "foo" should not be visibile) doesn't reliably work in Selenium features...

makandra dev
litmus.com

The 90s are calling: they want their tables back. Unfortunately, you need them all for laying out your HTML emails...

By default, browsers will not wrap text at syllable boundaries. Text is wrapped at word boundaries only. This card explains...

makandra dev

Webpack builds can take a long time, so we only want to compile when needed. This card shows what will...

makandra dev
blog.getbootstrap.com

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

makandra dev

If you want to play music or sounds from a browser, your choice is to use either Flash or the...

tech.bellycard.com

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

Here is a Javascript function reloadUsers() that fetches a HTML snippet from the server using AJAX and replaces the current...

The rendered font often depends on the local font your system provides, therefore you often find a rule like below...

makandra dev
phrogz.net

...The and tags both come with some non-default behavior that you know from other tags.

makandra dev
iamvdo.me

Line-height and vertical-align are simple CSS properties. So simple that most of us are convinced to fully understand...

Google Chrome has a subtle rendering bug that hits me once in a while. It usually occurs in sliders with...

The error unexpected 'x' after 'DESCENDANT_SELECTOR' (Nokogiri::CSS::SyntaxError) (where x may be basically any character) occurs when the...

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

makandra dev
developers.google.com

Chrome has a built-in utility to check performance and accessibility (and more) of your web app: Lighthouse.

makandra dev
unpoly.com

Unpoly 3.11.0 is a big release, shipping many features and quality-of-life improvements requested by the community. Highlights include...

makandra dev

An end-to-end test (E2E test) is a script that remote-controls a web browser with tools like Selenium...

gedd.ski

Within a Flexbox layout, there are multiple CSS attributes that may affect a child's basis (the initial width before...

Imagine you have a list you want to render inline on large screens, but stacked on small screens. high