Font Awesome 5 is a comprehensive solution for vector icons on your website. Originally, Font Awesome came as an icon...
Flexbox is awesome. Most of it even works in IE11, but flex: 1 won't work reliably in Internet Explorer...
Most forms have a single submit button that will save the record when pressed. Sometimes a form needs additional submit...
At makandra, we've built a few gems over the years. Some of these are quite popular: spreewald (> 1M downloads...
Google Chrome has a subtle rendering bug that hits me once in a while. It usually occurs in sliders with...
As a web developer, you know Google Analytics (GA). Probably you've dropped the GA snippet into more than one...
The 90s are calling: they want their tables back. Unfortunately, you need them all for laying out your HTML emails...
Here is how to model basic logic in media queries. AND With keyword and. # Target viewport widths between 500 and...
Since late 2015, all major browsers (still excluding Firefox) support pointing device media queries. These can be used to distinguish...
RSpec let's you chain a matcher with .or. The expectation will then pass if at least one matcher matches...
Browsers' printing methods usually don't print background colors. In most cases this is the desired behavior, because you don...
There is a kinda secret, yet well supported CSS feature called currentColor. It's like a special CSS variable that...
For outputting a given String in HTML, you mostly want to replace line breaks with or tags.
CSS Flexbox has become extremely popular amongst front-end developers the last couple of years. This isn’t surprising, as...
When you need test images, instead of using services like lorempixel or placehold.it you may generate test images yourself.
Form fields can be rendered as noneditable by setting the disabled or the readonly attribute. Be aware of the differences...
This is painful. Consider using Microsoft Office or switching careers. If you need to write < 20 letters consider doing it...
wrap the text with a span use line-height for the spacing between lines ("margin")
When you print (or print preview) and elements are cut off (e.g. after 1st page, or "randomly") you should check...
By default, browsers will not wrap text at syllable boundaries. Text is wrapped at word boundaries only. This card explains...
When writing XLSX files, there are gems like rubyXL or axlsx. While they do offer features like formatting or graphs...
An end-to-end test (E2E test) is a script that remote-controls a web browser with tools like Selenium...
Slides for Henning's talk on Sep 21st 2017. Understanding sync vs. async control flow Talking to synchronous (or "blocking...
If you are using PDFKit / wkhtmltopdf, you might as well want to use custom fonts in your stylesheets. Usually this...