This is a presentation from 2019-01-21. Summary We want to move away from jQuery in future projects
Suggested Workflow Set the ruby version in .ruby-version to 2.3.5, then perform these steps one by one, fixing errors...
Rails ships with two separate build pipelines: Sprockets ("asset pipeline") and Webpacker. Webpacker has many more moving parts, but allows...
Occasionally, your designer will hand you designs where elements break the layout's horizontal container width, like navigation buttons of...
Accessing pseudo elements via JavaScript or jQuery is often painful/impossible. However, accessing their styles is fairly simple. Using getComputedStyle
When you are using lambdas in RSpec to assert certain changes of a call, you know this syntax: expect { playlist.destroy...
Ubuntu has decided to disable PDF processing because ImageMagick and the underlying Ghostscript had several security issues. When your Ghostscript...
In this example we assume that not only the storage gem changes but also the file structure on disc.
Masonry is a famous library to dynamically arrange a grid of items that have different aspect ratio, like horizontal and...
As a web developer, you know Google Analytics (GA). Probably you've dropped the GA snippet into more than one...
For webpages to load fast it's recommended to optimize images. Ideally an image's file size should be as...
The 90s are calling: they want their tables back. Unfortunately, you need them all for laying out your HTML emails...
Ruby has this handy block shortcut map(&:to_i) for map { |x| x.to_i }. However, it is limited to argument...
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...
In medium-sized to large Rails applications, asset compilation can take several minutes. In order to speed up deployment, asset...
There is a kinda secret, yet well supported CSS feature called currentColor. It's like a special CSS variable that...
CarrierWave comes with some RSpec matchers which will make testing more comfortable. Let's say you have an Uploader like...
Lets say we have a user with a contract whereas contract is a mounted carrierwave file. Now we want to...
When you need test images, instead of using services like lorempixel or placehold.it you may generate test images yourself.
Boot partitions from installations prior to the 16.04 era are terribly small. When you install updates and encounter errors due...
When you have string contents (e.g. a generated binary stream, or data from a remote source) that you want to...
If you want to make a screenshot of a website that works well in print or on a high-DPI...