On the old website I had a new single post for things I discovered and looked at! Crazy…
I will update this post with CSS related things I find, enjoy and you might like these too over the coming months.
Far more organised on my own page now!
Awesome curated CSS / SASS libraries & resources
Design Templates & Images
Free Country Flags in SVG
A curated collection of all country flags in SVG — plus the CSS for easier integration.
Github
Free CSS Loaders
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:
|
1 2 3 |
composer require scssphp/scssphp |
Example PHP usage:
|
1 2 3 4 5 6 7 8 9 10 11 |
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.
|
1 2 3 4 5 |
.your_selector{ text-wrap: balance; } |
