dvh units & hero sections ✦
Just leaving this bookmarked so I can copypaste it later:
Notes
PHP for Beginners ✦
I recently got asked about a good resource for learning PHP and I think this course by Jeffrey Way is really it. It starts from the very basics and you end up slowly building your own little Laravel-like framework, which is of course intentional, since it’s a Laravel tutorial site, but that doesn’t make it…
Learning Blender ✦
I’ve been learning Blender and I think that’s reason enough to start posting again. Learning new things is exciting and also frustrating. Blender is a huge beast and at first its interface can be daunting. Slowly you start getting familiarized with its commands, shortcuts and menus and you’re able to convert that little cube into…
Font Matrix & An Interactive Guide to Flexbox ✦
CSS Flexbox Josh W. Comeau gives an great deep dive into Flexbox. He put more than 60h compiling this amazing resource: An Interactive Guide to Flexbox
Equal width columns with CSS grid ✦
How to take a timed screenshot in macOS ✦
UI MacOS Mojave introduced a new screenshot interface with lots of options. One of them being the ability to set up a fixed timer to grab screenshots. Bring up the screenshot utility by pressing Shift + ⌘ + 5 or by pressing ⌘ + Space and looking for “screenshot.app” Once in the Screenshot utility, click…
Custom, accessible checkboxes ✦
Usually I tend to vouch for not messing with the browser’s default inputs, for various reasons. Mainly: they’re still a pain to style in a consistent and accessible way across different browsers. But also, you’re introducing new form controls for your users. Ones that they have never seen in their lives. So make sure that…
Every WordPress configuration setting ✦
While researching on a WordPress config I found this beautiful compilation of all the settings available in wp-config.php, by Mike Garret: Also check out the default constants defined by WordPress in this file: WordPress/default-constants.php
Fix: “Using / for division is deprecated” on Sass ✦
Recently Sass announced they’re going to include a breaking change in order to comply with the latest CSS syntax. This affects everything that uses the / symbol. Because Sass is a CSS superset, we’re matching CSS’s syntax by redefining / to be only a separator. / will be treated as a new type of list separator, similar to how , works today. Division will instead be written…
Creating and using variants in Figma ✦
Check out this great explanation for using variants in Figma, by MDS: