Here is how to make Rome datepicker look like the rest of your Bootstrap 4 application. Rome comes with very...

Webpacker is Rails' way of integrating Webpack, and version 4 has been released just a few days ago, allowing us...

makandra dev

This is a presentation from 2019-01-21. Summary We want to move away from jQuery in future projects

When building an application that sends e-mails to users, you want to avoid those e-mails from being classified...

makandra Curriculum

When your code does not behave as expected, you can use a debugger statement ("breakpoint") at any point in your...

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

The Ace editor is a great enhancement when you want users to supply some kind of code (HTML, JavaScript, Ruby...

codepen.io

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

TL;DR: All modern browsers default to using the element as the main document viewport. In CSS, prefer to set...

Font Awesome 5 is a comprehensive solution for vector icons on your website. Originally, Font Awesome came as an icon...

plnkr.co

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...

makandra dev
litmus.com

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

makandra dev
developer.mozilla.org

Here is how to model basic logic in media queries. AND With keyword and. # Target viewport widths between 500 and...

caniuse.com

Since late 2015, all major browsers (still excluding Firefox) support pointing device media queries. These can be used to distinguish...

rspec.info

RSpec let's you chain a matcher with .or. The expectation will then pass if at least one matcher matches...

developer.mozilla.org

Browsers' printing methods usually don't print background colors. In most cases this is the desired behavior, because you don...

caniuse.com

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.

hackernoon.com

CSS Flexbox has become extremely popular amongst front-end developers the last couple of years. This isn’t surprising, as...