When making requests using curl, no cookies are sent or stored by default. However, you can tell curl to re...
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...
When your public-facing application has a longer downtime for server maintenance or long migrations, it's nice to setup...
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...
Download the dictionary from http://www.winedt.org/dict.html, e.g. http://www.winedt.org/dict/de_neu.zip unzip de_neu.zip mkdir ~/Documents/dic iconv -f UTF-16 -t...
The linked article shows how to exploit websites that include unsanitized user input in their CSS. Although the article often...
Hack to implement an inverted "night mode" theme with a few lines of CSS. Colors in images are preserved.
select2 is a great jQuery library to make (large) fields more usable. For Bootstrap 3 there is select2-bootstrap-theme...
I needed to make sure that an element is visible and not overshadowed by an element that has a higher...
This is useful if, for example, you want to use a background-image that has to scale with the width...
By default Middleman generates files with a .html extension. Because of this all your URLs end in /foo.html instead of...
Middleman is a static page generator that brings many of the goodies that Rails developers are used to.
Solved with flexbox is a collection of css problems which were hard or impossible to solve without flexbox: Better, Simpler...
The parallel-gem is quite easy to use and can speed up rendering time if you want to render the...
Imagine the following HTML structure, where the scrolling container has overflow-y: scroll: +--scrolling container+-+ | | | +-child element+----+ | | | ++iframe++ | | | | | | | | | | | | | | +-----------------------+ | | | | <-- actually cut...
Some pseudo-elements need to be addressed with vendor prefixes. E.g. ::selection is not supported by Firefox, you need to...
Sass lets you easily specify multiple selectors at once like this: .some-block &.has-hover, &:hover outline: 1px solid red...
Sometimes you want/have to send specific http(s) requests. You can do that easy with curl or just write the...
iOS Safari tries to be helpful and enlarges some(!) texts when you turn to landscape mode. In precise CSS building...