Trending

#css

Latest posts tagged with #css on Bluesky

Latest Top
Trending

Posts tagged #css

Preview
theaardvark / aardCSS · GitLab A fork from µCSS, which was a fork from Pico.css

I have my very own* CSS Framework! The world has gone nuts!

https://gitlab.com/theaardvark/aardcss

*I forked one and changed all the names. But that counts, right?

#CSS #GitLab #LookMoreCompetentThanIAm

0 1 0 0

We, @krangelie.bsky.social and I are hiring a Master's student (Computer Science / Comp. Social Science / related) for our "GrokiWiki" project @weizenbauminstitut.bsky.social

📍Berlin | 🕐10h/wk | Start May '26
📅Apply by 31 March

👉 bit.ly/3PphI2e

#Berlin #StudentJob #CSS #CS #Python #NLP

0 0 1 0
Preview
Virtual Scroll-Driven 3D Scenes You can capture scrolling events and do your own work with the information in them. It can do cool things, but you've got work to do.

Virtual Scroll-Driven 3D Scenes, by @frontendmasters.com:

frontendmasters.com/blog/virtual-scroll-driv...

#css #scrolling #animations

0 0 0 0
Preview
comiCSS #241: The Perfect CSS Stylesheet Should Be... The perfect CSS stylesheet should be... Visible as display:none; Clear as filter:blur(50px); Sharp as image-rendering:pixelated; Always on top as z-index:-1; Actionable as pointer-events:none; Dynamic as animation-play-state:paused; Fast as animation-delay:1000s; Consistent as order:random(1,999)…

The Perfect CSS Stylesheet Should Be…, by @alvaromontoro@front-end.social:

https://comicss.art/comics/241/

#css

0 1 0 0
Preview
una.im | contrast-color() beyond black & white Two techniques that bypass the black-or-white limit of contrast-color() for custom color palettes.

#Development #Techniques
CSS contrast-color() beyond black & white · How to unlock more colorful theming options ilo.im/16bdci by Una Kravets

_____
#ModernCSS #Theming #ColorPalettes #Colors #Contrast #Accessibility #Browsers #WebDev #Frontend #CSS

1 0 0 0
🎯 CSS Battle Mardi, 17 Mars 2026
🎯 CSS Battle Mardi, 17 Mars 2026 YouTube video by Olivier Maghe

🎯 CSS Battle Mardi, 17 Mars 2026
Moins évident, le défi du jour ! Il a fallu ruser.
Et rendez-vous demain pour la 150ème : un beau milestone dans mon parcours sur CSS Battle
youtu.be/jxdnGJMfOyM
#CSSBattle #WebDesign #CodingLife #CSS #Frontend #WebDev #CleanCode #CSSinfrench

1 1 0 0
Preview
Issue #117 ✣ UI Dev Newsletter In this issue: customizable select, visually-hidden CSS, Google Search flaws, a11y bookmarklets, and more.

Issue #117 of the UI Dev Newsletter is out!

In this issue: customizable select, visually-hidden CSS, Google Search flaws, a11y bookmarklets, and more.

www.silvestar.codes/side-project...

Subscribe to the latest UI Dev news:

www.silvestar.codes/side-project...

#ui #html #css #js #a11y #webdev

0 2 0 0
Preview
una.im | Automated accessible text with contrast-color() Let the browser pick the most readable text color for any background with this new CSS function.

#Development #Overviews
Automated accessible text with CSS · contrast-color() is available soon in all major browsers ilo.im/16bcgt by Una Kravets

_____
#ModernCSS #Baseline #Color #ColorPalettes #Contrast #Accessibility #Browsers #WebDev #Frontend #CSS

0 1 0 0
Preview
Abusing Customizable Selects | CSS-Tricks Let’s go over a few demos using the new customizable <select> feature that may be wild, but also give us a great chance to learn new things in CSS.

#css

css-tricks.com/abusing-cust...

0 0 0 0
Preview
Abusing Customizable Selects | CSS-Tricks Let’s go over a few demos using the new customizable <select> feature that may be wild, but also give us a great chance to learn new things in CSS.

#css

css-tricks.com/abusing-cust...

1 0 0 0
El Documento HTML “perfecto” debe ser...

Visible como <div hidden>
Accesible como <div role="button">
Descriptivo como <img alt="">
Seguro como <iframe src="http://...">
Moderno como <marquee>
Sin ambigüedades como <i>
Fácil de encontrar como <a tabindex="-1">
Superior como <sub>
Soportado ampliamente como <fencedframe>
Ordenado como <ul>
Relevante como <h6>
Útil como <section>
Confiable como <a ping="...">
Atemporal como <blink>
Dinámico como <noscript>

El Documento HTML “perfecto” debe ser... Visible como <div hidden> Accesible como <div role="button"> Descriptivo como <img alt=""> Seguro como <iframe src="http://..."> Moderno como <marquee> Sin ambigüedades como <i> Fácil de encontrar como <a tabindex="-1"> Superior como <sub> Soportado ampliamente como <fencedframe> Ordenado como <ul> Relevante como <h6> Útil como <section> Confiable como <a ping="..."> Atemporal como <blink> Dinámico como <noscript>

La viñeta de hoy, ¡en español!

#css #desarrolloWeb #español

0 1 0 0
Preview
font-variation-settings The font-variation-settings CSS property provides low-level control over variable font characteristics by letting you specify the four letter axis n…

🦖 Random MDN: font-variation-settings 🦖

developer.mozilla.org/en-US/docs/Web/CSS/Refer...

The font-variation-settings CSS property provides low-level control over variable font characteristics by letting you specify the four letter axis n…

#webdev #CSS

0 0 0 0
Post image

A #Tutorial on how to add Drop Caps to an #EPUB by modifying the #CSS and #XHTML. Using the #Calibre #EBook tool, these changes allows Google Play, Apple iBooks, and Kobo readers to view #EBooks with enhanced formatting.
bit.ly/3xekpb0

0 0 0 0
Preview
SVGs on the web: performance comparison based on how you load them | Joan León Inline, sprite with <use>, <object>, <img>... each way of loading an SVG has different implications for performance, caching and rendering. A practical analysis to help you choose well.

#Development #Comparisons
SVGs on the web · When to use which loading technique ilo.im/16b9sv by Joan León

_____
#Loading #SVG #Images #Browsers #WebPerf #WebDev #Frontend #HTML #CSS

1 0 0 0
Preview
font-size-adjust - CSS | MDN The font-size-adjust CSS property provides a way to modify the size of lowercase letters relative to the size of uppercase letters, which defines the overall font-size. This property is useful for sit...

If you've no idea what `font-size-adjust` does, see developer.mozilla.org/en-US/docs/W...

#css #typography

0 0 0 0
Font metrics calculator for font-size-adjust

I made a big upgrade to my little `font-size-adjust` tool. You can now upload a font, configure some variable axes if needed, and it will spit out the values you'd need for `ex-height`, `cap-height` or `ch-width`.

clagnut.com/sandbox/font...

#css #typography

30 8 2 0
100 CSS3 Pagination Styles

100 CSS3 Pagination Styles

100 CSS3 Pagination Styles

https://code.stylelib.org/?p=19797

#codecanyon #css #css3

0 0 0 0
Preview
Scroll progress animations in CSS | MDN Blog Scroll-driven animations are coming to CSS! In this post, we'll look at a few types of animations and learn how to link them to the scroll progress of a container.

developer.mozilla.org/en-US/blog/s... - #CSS transitions on scroll: `animation-timeline: scroll();`

0 0 0 0
Preview
Mixed nuts #17 | BryceWray.com A new name for Eleventy, trying CachyOS, some new powers for Hugo, and other folderol from my noggin.

Post >> Mixed nuts #17 • A new name for Eleventy, trying CachyOS, some new powers for Hugo, and other folderol from my noggin.

#webdev #CSS #Linux #CachyOS #Eleventy #Hugo #AI

2 0 0 0

#css #anchor

0 0 0 0
Preview
Property Deed Retrieval Web App PHP & Web Development Projects for ₹1500-12500 INR. I need a lightweight web application that lets users locate and download property documents. The entire focus is speed



#API #Development #CSS #Database #Management #HTML #JavaScript #Node.js #PHP #Python #Web

Origin | Interest | Match

1 0 1 0

#til #css

0 1 0 0

Figured to move my services from my website over to Fiverr (www.fiverr.com/s/rE4oA3N) for a more [focused experience], I guess...

#html #css #js #webdev #website #websites #code #commission #commissions #work

0 1 0 0
Preview
Generate 10 page React Code using Claude + Fill images using NanoBanana 2 Graphic Design & Web Development Projects for ₹37500-75000 INR. I need a clean, professional-looking React website built from the ground up. The site’s role is purely inf



#AI #Content #Creation #CSS #Frontend #Development #Graphic #Design #HTML #JavaScript #React.js

Origin | Interest | Match

1 0 0 0
Preview
mask-border-source The mask-border-source CSS property sets the source image used to create an element's mask border.

🦖 Random MDN: mask-border-source 🦖

developer.mozilla.org/en-US/docs/Web/CSS/Refer...

The mask-border-source CSS property sets the source image used to create an element's mask border.

#webdev #CSS

0 0 0 0
Preview
Abusing Customizable Selects | CSS-Tricks Let’s go over a few demos using the new customizable <select> feature that may be wild, but also give us a great chance to learn new things in CSS.

Abusing Customizable Selects: "Let’s go over a few demos using the new customizable `<select>` feature that may be wild, but also give us a great chance to learn new things in #CSS." css-tricks.com/abusing-cust...

3 2 0 0
Preview
una.im | Automated accessible text with contrast-color() Let the browser pick the most readable text color for any background with this new CSS function.

Automated accessible text with contrast-color(): "Let the browser pick the most readable text color for any background with this new #CSS function." una.im/contrast-col...

2 1 0 0
Basic Clean Pricing Tables – Easy To Modify!

Basic Clean Pricing Tables – Easy To Modify!

Basic Clean Pricing Tables – Easy To Modify!

https://code.stylelib.org/?p=19800

#codecanyon #css

0 0 0 0
The perfect CSS stylesheet should be...

- Visible as display:none;
- Clear as filter:blur(50px);
- Sharp as image-rendering:pixelated;
- Always on top as z-index:-1;
- Actionable as pointer-events:none;
- Dynamic as animation-play-state:paused;
- Fast as animation-delay:1000s;
- Consistent as order:random(1,999);
- Restrained as overflow:visible;
- All-round as border-radius:0;
- Straight as text-decoration-style:wavy;
- Readable as background:currentColor;
- Bold as font-weight:100;
- Maintainable as !important.

The perfect CSS stylesheet should be... - Visible as display:none; - Clear as filter:blur(50px); - Sharp as image-rendering:pixelated; - Always on top as z-index:-1; - Actionable as pointer-events:none; - Dynamic as animation-play-state:paused; - Fast as animation-delay:1000s; - Consistent as order:random(1,999); - Restrained as overflow:visible; - All-round as border-radius:0; - Straight as text-decoration-style:wavy; - Readable as background:currentColor; - Bold as font-weight:100; - Maintainable as !important.

The cartoon with characters for today's comiCSS was published here: comicss.art/comics/241/

#css #cartoon #joke #webdev

5 2 0 0
Awakari App

The “Perfect” CSS Stylesheet Should Be… comiCSS cartoon for March 16, 2026 (text version) Continue reading on comi_CSS »

#front-end-development #web-development #humor #css #html

Origin | Interest | Match

0 0 0 0