Its all HTML
Recent searches
Search options
Administered by:
#css
76 posts70 participants0 posts today
I was try to animate a menu button’s picker icon (as a down arrow), when the menu expands, the icon should rotate clockwise for 180º, but when the menu collapses, instead of making the icon rotate back to 0º (with simple CSS Transition), I wanted it to continue rotate clockwise for another 180º. This is the solution I came up with that requires the least amount of Javascript. Still trying to figure out if there’s a #CSS only solution: https://codepen.io/marchbox/pres/bNNVdmx
GIF
The April Issue of the Joomla Magazine is out! And I wrote something about footers:
https://magazine.joomla.org/all-issues/april-2025/pushed-to-the-bottom-3-brilliant-footer-hacks-with-minimal-coding
#Joomla #JoomlaMagazine #CSS
#Design #Approaches
Designing in the browser · Your starting point for in-browser mockups https://ilo.im/163dnu
_____
#Browser #DesignProcess #UiDesign #WebDesign #Development #WebDev #Frontend #HTML #CSS #JavaScript
Better typography with text-wrap pretty
So, You Want to Give Up CSS Pre- and Post-Processors…, by @zellwk.bsky.social (@csstricks):
https://css-tricks.com/so-you-want-to-give-up-css-pre-and-post-processors/
CSS-Tricks · So, You Want to Give Up CSS Pre- and Post-Processors... | CSS-TricksThere was once upon a time when native CSS lacked many essential features, leaving developers to come up with all sorts of ways to make CSS easier to write over the years.
Expanding CSS Shadow Effects: "Shadows in #CSS can be multi-directional, layered, and are animate-able. On top of being all that, they don’t affect the layout and computed size of an element even though they can make it appear bigger or smaller." https://frontendmasters.com/blog/expanding-css-shadow-effects/
frontendmasters.comExpanding CSS Shadow Effects – Frontend Masters BlogShadows don't have to be used for... shadows. Inset shadows can layer over backgrounds and because they are animatable, it's just another tool for drawing what we want to the page.
Modern #CSS Theming | Light Mode / Dark Mode and More! "In this video CJ shows some modern CSS features you can use to create a dark / light theme. He shows how to create a CSS only theme switcher and also shows how to save a users theme preference to localStorage." https://www.youtube.com/watch?v=F1s8MZoGVL8
Digital Toolbox: CSS
Is a style sheet language used for specifying the presentation and styling of a document written in a markup language such as HTML/CFML.
https://wadebach.blackcatwhitehatsecurity.com
#Digital #Toolbox #CSS #programming
Grid First, Flex Third: "I’ve been mulling this topic for months now, and I’m pretty firmly of the opinion if you are attempting to do some layout in #CSS, you should reach for display:grid first, followed by display:block, followed by display:flex." https://alex.party/posts/2025-03-23-grid-first-flex-third/
alex.partyGrid First, Flex ThirdI’ve been mulling this topic for months now, and I’m pretty firmly of the opinion if you are attempting to do some layout in CSS, you should reach for display:grid first, followed by display:block, followed by display:flex. Grid allows the layout element to be in control of how things get placed, where as flex really relies on the children to define their widths, which most of the time is not how layout should function at all.
CSS Custom Properties vs. Sass Variables: A Pragmatic Guide: "When to use #CSS custom properties vs Sass variables in design systems: runtime theming vs compile-time constants, dynamic flexibility vs immutable foundations." https://www.alwaystwisted.com/articles/css-vs-sass
Always TwistedCSS Custom Properties vs. Sass Variables: A Pragmatic Guide Always Twistedwhen to use CSS custom properties vs Sass variables in design systems: runtime theming vs compile-time constants, dynamic flexibility vs immutable foundations
a tiny codepen for a quick CSS tip. probably old news to some people but i still encounter devs who don't know this little nugget.
My IndieWeb blog carnival entry on “renewal”!
I talk about reconnecting w/ what I most enjoy about composing & coding, and avoiding treating leisure & projects as if I need to impress someone.
reillyspitzfaden.com/posts/2025/0...
#IndieWeb #Blog #Blogging #WebDev #WebDesign #Coding #HTML #CSS
IndieWeb Blog Carnival — “Rene...
reillyspitzfaden.comIndieWeb Blog Carnival — “Renewal”
More from 
Reilly Spitzfaden (they/them)
My April IndieWeb blog carnival entry on “renewal”!
I often feel compelled to tweak and redesign my website at the expense of other things I value. I talk about reconnecting with what I most enjoy about composing and coding, and avoiding treating my leisure and projects as if I need to impress someone.
https://reillyspitzfaden.com/posts/2025/04/indieweb-blog-carnival-renewal/
reillyspitzfaden.comIndieWeb Blog Carnival — “Renewal”
More from Reilly Spitzfaden (they/them)
Did you know that the #Django admin can be themed?! 
Here are 10 packages for the Django admin which can transform it with a Dracula theme, #Bootstrap #CSS, #Tailwind, and more!
Jazz up your Django admin today! 
https://www.djangoproject.com/weblog/2025/apr/18/admin-theme-roundup/
Django ProjectDjango Admin Theme Roundup 2025Posted by Adam Hill on April 18, 2025
This is cool!
Because Google Fonts isn't #GDPR compliant, someone built "Bunny Fonts" to be a GDPR-compliant alternative.
Drop-in replacement with an identical API!
fonts.bunny.netBunny Fonts | Explore Faster & GDPR friendly FontsBunny Fonts help make the internet faster, safer and GDPR compliant!
If It Works, It’s Right, by @bell.bz (@piccalil.li):
PiccalilliIf it works, it’s rightI read a really interesting article on CSS layout that I don’t really agree with, so I thought I’d lay out some advice related to that.