Jonathan Schofield
boosted
We’ve been saying 'Mobile First' for a decade, but 90% of us still design the Desktop version first because it’s 'more fun.' 👨💻
Be honest: do you actually start with the 390px screen, or do you design the big version and just 'shrink it down' at the end?
We’ve been saying 'Mobile First' for a decade, but 90% of us still design the Desktop version first because it’s 'more fun.' 👨💻
Be honest: do you actually start with the 390px screen, or do you design the big version and just 'shrink it down' at the end?
Roni Rolle Laukkarinen
boosted
Pure #CSS #3D demo on @codepen: polyhedra morphing sequence https://codepen.io/thebabydino/pen/abmNveW
Absolutely no magic numbers, everything computed.
See Pen description for the how behind 😼
#transform #cssTransform #polyhedron #cssTransforms #polyhedra #octahedron #tetrahedron #cube #Maths #geometry #cssVariables #code #coding #frontend #web #dev #webDev #webDevelopment
Pure #CSS #3D demo on @codepen: polyhedra morphing sequence https://codepen.io/thebabydino/pen/abmNveW
Absolutely no magic numbers, everything computed.
See Pen description for the how behind 😼
#transform #cssTransform #polyhedron #cssTransforms #polyhedra #octahedron #tetrahedron #cube #Maths #geometry #cssVariables #code #coding #frontend #web #dev #webDev #webDevelopment
Seth of the Fediverse 🕎
and 1 other
boosted
Why I 🧡 the web.
A minimalist text editor that lives entirely in your browser and stores everything in the URL hash. 🤔
Why I 🧡 the web.
A minimalist text editor that lives entirely in your browser and stores everything in the URL hash. 🤔
maco
boosted
Fuck You, I Won't Use Tailwind.
｢ Tailwind is a tool. It's not a religion or a way of life. Get off your high horse and stop obsessing over a fucking hammer, I promise your life is not full of nails.
Just git gud at CSS. We believe in you ｣
Fuck You, I Won't Use Tailwind.
｢ Tailwind is a tool. It's not a religion or a way of life. Get off your high horse and stop obsessing over a fucking hammer, I promise your life is not full of nails.
Just git gud at CSS. We believe in you ｣
A great thing happened today. After a lot of hard work I finally launched the redesign of my website. 🎉
I’m in love with my new typeface and the simple, typography-focused design. I also explored some neat page-transition animations.
It has a sustainability score better than 98% of all websites and is fully accessible even with complex animations.
Crossing the finish line feels great.
#Design #UI #FrontEnd #CSS #JavaScript #Animation #Website #Redesign #WebDesign
Alex Russell
boosted
Single element, minimal #CSS (20 declarations and only that many to even out browser inconsistencies), minimal #JS (just updates a custom property value), comparison slider (original image vs. desaturated one) on @codepen https://codepen.io/thebabydino/pen/MWMvxxX
#code #coding #frontend #blending
#web #dev #webDev #webDevelopment
#blendMode
Single element, minimal #CSS (20 declarations and only that many to even out browser inconsistencies), minimal #JS (just updates a custom property value), comparison slider (original image vs. desaturated one) on @codepen https://codepen.io/thebabydino/pen/MWMvxxX
#code #coding #frontend #blending
#web #dev #webDev #webDevelopment
#blendMode
Ubuntu was assaulting me with some errors I couldn't figure out, so I uninstalled and installed some stuff again and some settings got lost.
So I got hit with an abomination produced by Search Assist when I looked up my article to reference it in the description of a CodePen demo.
#CSS #AI #code #coding #frontend #cssGradient #halftone #imageEffect #web #dev #webDev #webDevelopment #cssPattern #aiSlop
Jonathan Schofield
boosted
#Development #Pitfalls
Fit text responsibly · ”Be careful of the shiny new things.” https://ilo.im/168yam
_____
#ModernCSS #Text #Content #Accessibility #Print #Chrome #Browser #WebDev #Frontend #CSS
#Development #Pitfalls
Fit text responsibly · ”Be careful of the shiny new things.” https://ilo.im/168yam
_____
#ModernCSS #Text #Content #Accessibility #Print #Chrome #Browser #WebDev #Frontend #CSS
Andrew Wooldridge 🎆
boosted
#Development #Launches
HTMHell Advent Calendar 2025 · It’s back again with twenty-four more posts! https://ilo.im/168s40
_____
#AdventCalendar #Accessibility #Security #Website #WebPerf #WebDev #Frontend #HTML #CSS #JavaScript
#Development #Launches
HTMHell Advent Calendar 2025 · It’s back again with twenty-four more posts! https://ilo.im/168s40
_____
#AdventCalendar #Accessibility #Security #Website #WebPerf #WebDev #Frontend #HTML #CSS #JavaScript
2am. Finished coding my designs. My brain is fried. And it feels good anyway.
Tomorrow I’ll wake up and forget I was even exhausted from coding and start all over again.
😴
Brand New Layouts with CSS Subgrid
https://www.joshwcomeau.com/css/subgrid/
#HackerNews #CSS #Subgrid #Web #Design #Layouts #Grid #Layouts #Frontend #Development #Responsive #Design