retro.pizza

37 posts35 participants4 posts today

VincentuxQuelqu'un aurait un bout de code .css pour réduire la colonne de gauche de Mastodon ? 🧐 🔁 <a href="https://pouet.chapril.org/tags/stylus" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#stylus</a> <a href="https://pouet.chapril.org/tags/firefox" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#firefox</a> <a href="https://pouet.chapril.org/tags/Mastodon" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Mastodon</a> <a href="https://pouet.chapril.org/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a>

Daniel TurnerFINALLY! I always put colour instead of color in my CSS<a href="https://hackaday.com/2025/03/13/britcss-write-css-with-british-english-spellings/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://hackaday.com/2025/03/13/britcss-write-css-with-british-english-spellings/</a><a href="https://mas.to/tags/webDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webDev</a> <a href="https://mas.to/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a>

Honora NiwlCraftIt only took 6 months of casual Neocities usage to enjoy writing my HTML/CSS from scratch better than using Wordpress. <a href="https://mastodon.art/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://mastodon.art/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a>

Adam Argyle :chrome:amazing what a few lines of <a href="https://front-end.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> can do<a href="https://codepen.io/argyleink/pen/LEYOgxy" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://codepen.io/argyleink/pen/LEYOgxy</a>

Ronalds VilciņšI built a free and simple tool to count characters, words, sentences, and more in your text as you type. <a href="https://ronaldsvilcins.com/character-count/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ronaldsvilcins.com/character-count/</a><a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://mastodon.social/tags/character" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#character</a> <a href="https://mastodon.social/tags/count" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#count</a> <a href="https://mastodon.social/tags/tool" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#tool</a> <a href="https://mastodon.social/tags/programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#programming</a> <a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a> <a href="https://mastodon.social/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#coding</a> <a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#javascript</a> <a href="https://mastodon.social/tags/marketing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#marketing</a> <a href="https://mastodon.social/tags/howto" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#howto</a> <a href="https://mastodon.social/tags/design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#design</a> <a href="https://mastodon.social/tags/linux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#linux</a> <a href="https://mastodon.social/tags/windows" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#windows</a> <a href="https://mastodon.social/tags/macos" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#macos</a> <a href="https://mastodon.social/tags/apple" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#apple</a> <a href="https://mastodon.social/tags/development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#development</a> <a href="https://mastodon.social/tags/unit" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#unit</a> <a href="https://mastodon.social/tags/converter" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#converter</a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#code</a> <a href="https://mastodon.social/tags/free" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#free</a> <a href="https://mastodon.social/tags/freesoftware" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#freesoftware</a> <a href="https://mastodon.social/tags/tool" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#tool</a> <a href="https://mastodon.social/tags/online" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#online</a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#web</a>

Skora, Willi remember reading a while back, a good article on the tradeoffs of loading <a href="https://mastodon.xyz/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a> conditionally in multiple files (& only loading it on page when used & the extra network requests that results in) vs. placing that css all in one file.. <a href="https://mastodon.xyz/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://mastodon.xyz/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#frontend</a> - any ideas?

Jeff StarrSmallest possible data URI for 1x1 transparent image: data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7 Found at <a href="https://rb.gy/s32ka1" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://rb.gy/s32ka1</a> <a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a>

CSS by T. Afif :verified:An infinite logos animation? Here is the real infinite logos animations! ♾️<a href="https://css-tip.com/infinite-logos-animation/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://css-tip.com/infinite-logos-animation/</a> <a href="https://front-end.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://front-end.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a>

st1nger :unverified: 🏴‍☠️ :linux: :freebsd:<a href="https://infosec.exchange/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> Relative Colors <a href="https://ishadeed.com/article/css-relative-colors/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ishadeed.com/article/css-relative-colors/</a>

Mark Wyner Won’t Comply :vm:This is wild. I began designing and building websites in 1995. From today, in 2025, I’ve been designing and writing code for most of the internet’s existence. 👀<a href="https://mas.to/tags/Web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Web</a> <a href="https://mas.to/tags/Internet" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Internet</a> <a href="https://mas.to/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Design</a> <a href="https://mas.to/tags/Code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Code</a> <a href="https://mas.to/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://mas.to/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://mas.to/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a> <a href="https://w3c.social/@w3c/114150554471950167" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://w3c.social/@w3c/114150554471950167</a>

Andy Broomfield Web DevHere's what I'm stuck on. Select box is width: 100%; but options are getting truncated.<a href="https://phpc.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://phpc.social/tags/FrontEnd" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FrontEnd</a> <a href="https://phpc.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://phpc.social/tags/Chrome" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Chrome</a>

Mia (web luddite)From the CSS Working Group meeting today…RESOLVED: Add a 'size' shorthand property (for 'width'/'height'), no relation to @page's 'size' descriptor<a href="https://front-end.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a>

Ian K. Rogers ikr?╭ರ_ಠWARNING WARNING not universally supported CSS witchcraft ahead.... now you can do functions in css!?!<a href="https://mstdn.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://mstdn.social/tags/witchcraft" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#witchcraft</a> <a href="https://mstdn.social/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#frontend</a> <a href="https://mstdn.social/tags/ui" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ui</a><a href="https://css-tricks.com/functions-in-css/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://css-tricks.com/functions-in-css/</a>

c't Magazinheise+ | Webservices programmieren in Go: Frontends entwickelnEin Webservice wird mit einem guten Frontend schick und praktisch. Wir zeigen, wie Sie eines programmieren und mit CSS stylen, das Fehleingaben vorbeugt.<a href="https://www.heise.de/hintergrund/Webservices-programmieren-in-Go-Frontends-entwickeln-10311617.html?wt_mc=sm.red.ho.mastodon.mastodon.md_beitraege.md_beitraege&utm_source=mastodon" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.heise.de/hintergrund/Webservices-programmieren-in-Go-Frontends-entwickeln-10311617.html?wt_mc=sm.red.ho.mastodon.mastodon.md_beitraege.md_beitraege&utm_source=mastodon</a><a href="https://social.heise.de/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://social.heise.de/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://social.heise.de/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a> <a href="https://social.heise.de/tags/Software" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Software</a> <a href="https://social.heise.de/tags/Softwareentwicklung" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Softwareentwicklung</a> <a href="https://social.heise.de/tags/Webdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Webdesign</a> <a href="https://social.heise.de/tags/news" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#news</a>

CSS by T. Afif :verified:Can I beat the "Final Boss" one day? 👀At least I am getting closer for particular keywords 😅<a href="https://front-end.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a>

Random GeekThere's a special place in H E double hockey sticks for folks who set their site's base font size to 16px.I'm sure it's fine on small displays, and I dunno it's probably adjusted for in HiDPI displays.But me in between @ 5120 x 1440 and preferences adjusted for steadily aging vision such that default font size is 20pt, or about 26px?My eyes hurt. Just don't set base font size, or set it to 1rem if you must have a value.<a href="https://hackers.town/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://hackers.town/tags/Accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Accessibility</a>

CSS by T. Afif :verified:Demo: <a href="https://codepen.io/t_afif/full/YPzreVv" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://codepen.io/t_afif/full/YPzreVv</a> via <a href="https://fosstodon.org/@codepen" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@codepen</a> <a href="https://front-end.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://front-end.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a>

sb arms & legsMy thinking behind <a href="https://metroholografix.ca/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a> is to try to be close to classless as possible - meaning all styling is applied to root elements. Semantics then dictate layout.Classes are then used very sparingly for specific cases, like indicating the currently displayed page on the main menu. I started writing <a href="https://metroholografix.ca/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</a> in 1996 - it has come a long way, and it is pretty awesome.

CSS by T. Afif :verified:💫 New CSS Loaders!The "glowing" collection: <a href="https://css-loaders.com/glowing/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://css-loaders.com/glowing/</a>Single-element and 100% CSS magic! 🪄 Pick your favorite one 👇<a href="https://front-end.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://front-end.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a>

Ana Tudor 🐯Because someone just hearted a 5 year old <a href="https://fosstodon.org/@codepen" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@codepen</a> demo <a href="https://codepen.io/thebabydino/pen/GRooBJm?editors=0100" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://codepen.io/thebabydino/pen/GRooBJm?editors=0100</a> I made using a <a href="https://mastodon.social/tags/Sass" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Sass</a> function + looping to generate a <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> 🌈: we don't need *any* Sass for this anymore! 🎉We can now do it withbackground: linear-gradient(in hsl longer hue 90deg, hsl(0, 95%, 65%) 0 0)<a href="https://mastodon.social/tags/SCSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SCSS</a> <a href="https://mastodon.social/tags/loop" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#loop</a> <a href="https://mastodon.social/tags/looping" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#looping</a> <a href="https://mastodon.social/tags/newCSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#newCSS</a> <a href="https://mastodon.social/tags/rainbow" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#rainbow</a> <a href="https://mastodon.social/tags/cssGradient" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#cssGradient</a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#coding</a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#code</a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#frontend</a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#web</a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dev</a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webDev</a> <a href="https://mastodon.social/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webDevelopment</a> <a href="https://mastodon.social/tags/hueInterpolation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#hueInterpolation</a>

Recent searches

Search options

Administered by:

Server stats:

#css