Convert and optimize videos for website, reduce mp4 size
Video team sending huge video files and telling you that’s the smallest they can get is common. The smallest is often too big for web. I use this online tool to reduced video size.
Category: blog
Slick carousel animation blinking after the last slide / cloned slide in infinite looping
Slick is a great touch responsive carousel. From time to time you might have issues with it and one of them is when you have the carousel set as infinite and some CSS transitions on the active slide. The CSS3 animation doesn’t apply and users experience a blink.
Disable skrollr on mobile, the good way
Skrollr is a JavaScript library doing a Scroll-jacking basically means we replace native scrolling to link actions to the scroll. Here is the good way to disable skrollr on mobile.
Do a cross browser CSS lettrine for CMS content
HTML lettrine (first letter) are not easy to implement, we play with the font-size and line height. It’s easier to have a tag around the first letter but a bit of a pain to add, especially if the copy come from a CMS. Here how I handle that.
Efficient new tab links
Use your web browser’s default new tab page to access a handy list of links, grouped and sorted how you like.
Chrome remove the yellow background on input autocomplete, CSS
Quick CSS to remove the yellow input background colour for Chrome autocomplete.