CSS & SCSS Parsing

Pretty Checkboxes

SCSSPHP

scssphp is an open-source compiler for SCSS (Sassy CSS) written in PHP. It allows you to compile SCSS code into standard CSS directly within a PHP environment without requiring Node.js or Ruby.

Has been in my toolbox for years, as I love to organise CSS using SCSS. Github

You can install scssphp via Composer:


composer require scssphp/scssphp

composer require scssphp/scssphp

Example PHP usage:


require 'vendor/autoload.php';

use ScssPhp\ScssPhp\Compiler;

$scss = new Compiler();
$scssCode = '$color: red; body { background-color: $color; }';
$css = $scss->compile($scssCode);

echo "<style>$css</style>";

require 'vendor/autoload.php';

use ScssPhp\ScssPhp\Compiler;

$scss = new Compiler();

$scssCode = '$color: red; body { background-color: $color; }';

$css = $scss->compile($scssCode);

echo "<style>$css</style>";

CSS RULES THAT ROCK

text-wrap: balance; for readability & UX

A classic typography technique of hand-authoring line breaks for balanced text blocks.


.your_selector{
    text-wrap: balance;
}

.your_selector{

text-wrap: balance;

}

_hyperscript: The Time-Traveling Web Language That Wants You to Just… Talk to Your Browser

Design / Development / Javascript

Or: How I Learned to Stop Worrying and Love the Underscore Remember when you could just tell your computer what to do, in plain English, and it would actually do it? No? Well, grab your DeLorean, because we’re going back to the future with _hyperscript (yes, that underscore is part of the name, and yes, […]

Best SSH / SFTP Extensions for VSCode in 2025

Development / Automation / Build-Tools / Debugging / Deployment

As Visual Studio Code continues to dominate the code editor landscape in 2025, developers working with remote servers face an important decision: which SFTP extension should they use? The marketplace offers numerous options, but not all extensions are created equal. Some have been abandoned by their maintainers, while others have evolved into robust, actively maintained […]

Building a Chrome Extension – A Guide!

Development / Chrome

Hey there! So you wanna build a Chrome extension? Awesome! It’s way easier than you think. Seriously, you can have a basic one running in like 5 minutes. Let me walk you through everything you need to know. Just build a leads data extractor for myself and a client! Not my first Chrome Extension, but […]

CSS Library Highlights 2025

Table of Contents

Awesome curated CSS / SASS libraries & resources

Design Templates & Images

Free Country Flags in SVG

Free CSS Loaders