Mastodon
2 give a heart | 28th June 2020 | CSS, General dev

6 tricks to make your CSS file smaller

…without making it look weird or/and hard to read.

1. if it’s 0, drop the units

Easy. If you’re setting a margin, padding, box-shadow or anything like that, you can just put 0 instead 0px. 0 in CSS is always a zero.

The difference is usually 2 characters.

continue reading
11 give a heart | 20th March 2020 | CSS, jQuery, Snippets, WordPress

Quickly achieved lazy-loading

Lazy loading is one of those easy wins, that will please Google PageSpeed score. It’s also a nice gesture for all your readers, that are using a poor or metered connection.

If you’re using WordPress, the fastest way is to use one of 27354 plugins available in WordPress’ repository. You can use a dedicated solution that does only that, or maybe turn on that option inside Autoptimize plugin (that I highly recommend).

continue reading
1 give a heart | 30th June 2019 | CSS, Design, General dev, Weekly Gems

💎 Weekly Gems (24.06 – 30.06)

Second week and I’m still doing it, yay me!

I’m reading Cari Mora (newest book by Thomas Harris) but it’s awful. But I’m not ditching books because of my FOMO. (Well, someone printed that, so maybe the ending will be worth the misery.)

continue reading
3 give a heart | 15th January 2019 | CSS

Cute little CSS bug in Chrome

Okay, it’ll be quick.

Chrome: version 71

continue reading
3 give a heart | 3rd May 2018 | CSS, Geeky, Snippets

Little snippets #1: CSS only mobile menu

You may probably think, that it’s nothing new and everyone already did that.

Yeah, well, maybe, probably. But this is better (or just cooler).

Did you use pointer-events: none; ? Nah? Did you make super-cool and super-easy animations with Font Awesome? Did you really take care of the traps that might be a challenge for some browsers? 

Well, let me show you then.

continue reading