Search

Items tagged with: CSS

Web developers, if you have sites using -webkit-line-clamp, please make sure to test them with Chrome with experimental web platform features enabled!

If you can also test the new line-clamp property, that'd also be great!

#CSS #webdev

bkardell

2026-05-26 13:28:57

mastodon - Link zum Originalbeitrag

New on the blog - Some (suprisingly fun) history of a CSS problem and a resolution that my colleague @andreu
has been working on @igalia - we could use your help testing!

bkardell.com/blog/GetClamped.h…


Get Clamped: Unwinding Some Difficult CSS History

Sometimes features take a long and winding road on the way to a good solution. We could use your help testing improvements for something that's been somehow developing for about a
bkardell.com

#css #webdev

#css #webdev #html

Bootstrap (née Twitter Bootstrap)¹ was a nice HTML/CSS library because it made the default style for a website look much better than previous HTML/web defaults.

Is that still the best option for “I have a simple HTML page, and I want it to look OK?” or is there any other CSS style library I can just drop in? Some predefined “modern looking” style for things? What do you recommend?

¹ getbootstrap.com/
#webdev #css #html

Bootstrap

Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life with powerful JavaScript plugins.
getbootstrap.com
#css #webdev #html

#css #webstandards #webdesign

#mastodon #askfedi #css #fedi #brutaldon

👋 Hi, I'm looking for work!

🚀 I am...
- a detail oriented #frontend senior engineer with 15 years of experience
- proficient with #JavaScript & #TypeScript, #CSS, #Vue, TDD
- experienced with #React, Ember.js, GCP, Terraform

🔎 I'm looking for:
- a collaborative environment between eng + product & design teams
- a #Bonn based (onsite) or a Germany / EU-based (remote) company
- ability to learn and grow

🚫 no crypto, big oil, gambling, gen-ai, web3

🙇 boost appreciated!

#FediHire #GetFediHired

#getfedihired #Bonn #javascript #css #FediHire #frontend #typescript #react #vue

#news #javascript #it #css #html #react #webentwicklung #angular

The media in this post is not displayed to visitors. To view it, please go to the original post.

The CSS Working Group published a First Public Working Draft of CSS Image Animation Module Level 1. This CSS module proposes facilities to control the rendering of animated images.

CSS is a language for describing the rendering of structured documents (such as HTML and XML) on screen, on paper, etc.
#WebStandards #CSS
w3.org/news/2026/first-public-…

First Public Working Draft: CSS Image Animation Module Level 1

W3C
#css #webstandards

The media in this post is not displayed to visitors. To view it, please go to the original post.

I was working on adding Simplified Chinese support to my site when I stumbled across this layout.
With `writing-mode: vertical-rl;`, it's looking really refreshing. Chinese the language started as vertical writing mode but then transitioned into horizontal writing mode in modern era, but we still see lots of vertical writing mode in our daily life, just didn't see that quite often on a web page, or maybe I wasn't looking broadly enough. photos.heybran.tech/speckled-p…

#css #webdev #wildlifephotography

Speckled Piculet

heybran (Wildlife Photos by Brandon Zhang)
#css #wildlifephotography #webdev

#css #php #webdev #programming #memes

#css #html @SELFHTML e.V.

Built a small tool called Borderlab for generating image borders in the browser. Useful for experimenting with decorative frames and exporting results for your images.

ronaldsvilcins.com/borderlab/

Feedback welcome. #webdev #design #tools #indieweb #css #programming #photography #photo #marketing #socialmedia

Image Border Tool for Social Media Posts | BorderLab

Create clean image borders with live preview, platform presets, background modes, image outline controls, and batch export.
ronaldsvilcins.com
#photography #socialmedia #indieweb #photo #css #webdev #design #programming #marketing #tools

If your #CSS works fine in Chrome, but results in white-on-white colors on Firefox, then your CSS doesn't work fine, and whoever leads your CSS team needs to go back to their bootcamp and start over.

It's 2026. It's simply unprofessional to have that kind of basic color scheme failure in *any* browser.

#WebDev

#css #webdev

#news #wissenschaft #it #python #css #mathematik #rsa

The CSS Working Group has published CSS Snapshot 2026 as a W3C Group Note. This document collects together into one definition all the specs that together form the current state of Cascading Style Sheets (CSS) as of 2026.

CSS is a language for describing the rendering of structured documents (such as HTML and XML) on screen, on paper, etc.
#CSS #WebStandards
w3.org/news/2026/css-snapshot-…

CSS Snapshot 2026 published as a Group Note

CSS snapshots are all the specs that together form the current state of Cascading Style Sheets (CSS).
W3C
#css #webstandards

The media in this post is not displayed to visitors. To view it, please go to the original post.
The CSS Working Group published a First Public Working Draft of Selectors Level 5. Selectors are patterns that match against elements in a tree, and as such form one of several technologies that can be used to select nodes in a document. Selectors have been optimized for use with HTML and XML, and are designed to be usable in performance-critical code.
#css #webstandards
w3.org/news/2026/first-public-…

First Public Working Draft: Selectors Level 5

W3C
#css #webstandards

So I was reading the new #CSS selectors level 5 draft, like one does, and what do I see? `label /for/ input` will let us select the input referenced by a label's for attribute? I don't have a good use case right now, usually `label + input` or `label > input` does the trick, but still… very cool to have the option. Interested to see what other use cases people come up with.

w3.org/TR/2026/WD-selectors-5-…

Selectors Level 5

www.w3.org
#css

#css #html

#css #frontend #webdev

Haceros un favor y dejad de usar #Bootstrap en vuestros proyectos web, no cuesta tanto hacer un responsivo en #CSS y si vas a usarlo, aprendes a usarlo bien.
#css #bootstrap

#getfedihired #css #frontend #wcag #semanticweb #accessibillity #informationarchitecture #solutionarchitect #componentlibraries

The media in this post is not displayed to visitors. To view it, please go to the original post.

#28 No libraries, no canvas, only HTML elements.

There are many elements but because I was late with this prompt I already saw buttons and checkboxes, so I picked the slider and experimented.

And yes, I'm curious what I could do with sliders in the future - beside a slide puzzle. ;)

#genuary #html #css #slider #genart #art #mastoart #fediart #p5js #noai #genuary2026 #code #math #programming #artwork #minimalism #coding #generativeart #generative #artforsale #simplify #creativecoding #random #web #dev #frontend #website #apache #ajax #js #nodejs

#art #MastoArt #artwork #dev #css #minimalism #frontend #web #coding #code #website #programming #html #math #fediart #artforsale #js #NodeJS #creativecoding #Apache #noai #random #generativeart #slider #GENUARY #genuary2026 #p5js #GenArt #generative #simplify #ajax

The media in this post is not displayed to visitors. To view it, please go to the original post.

#Genuary Day 28: "No libraries, no canvas, only HTML elements."

Used a technique I learned from @rebane2001 in her awesome #39c3 talk "CSS Clicker Training", and made a light switch!

No Javascript, not even a <style> tag! The trick is a <details> tag + lots of inline styles.

#genuary2026 #genuary28 #css

#css #39c3 #GENUARY #genuary2026 #genuary28 @Rebane

I'm #colorblind and I use xkcd.com/color/rgb/ frequently.

Randall 'xkcd' Monroe did a survey of over 100,000 readers where he showed them random rgb colors and said "what would you call this?" and afterwards he did his best to sort the results into the most popular color names and the colors they refer to.

It's like a box of Crayola for the internet. Finally, my colorblind self can grab a sample of "dark magenta" that doesn't just look like "grape purple" to everyone else.

The data is freely available as a .txt file under CC0, which I've converted into a .css file here: git.hatspace.net/nycki/nycki.n…

so now when I want a color on my website I can just write `color: var(--xkcd-off-white)` or so on. it's really convenient 😀

edit: blog post discussing this data in more detail: blog.xkcd.com/2010/05/03/color…

#programming #color #css #website

Color Survey Results

Who in the rainbow can draw the line where the violet tint ends and the orange tint begins? Distinctly we see the difference of the colors, but where exactly does the one first blendingly enter int…
Randall (xkcd)
#css #website #programming #color #colorblind

#linux #css #firefox #startseite #usercontent

Holy crap, #CSS really is on a crusade to eliminate JS libraries... And I am here for it!

youtu.be/HXIHpDnsizk

NEW CSS Scroll Features are Game Changers

CSS Selector Cheat Sheet: [https://webdevsimplified.com/specificity-cheat-sheet.html](https://webdevsimplified.com/specificity-cheat-sheet.html)Web Dev Roadm...
YouTube

(URL replace addon enabled for X, YouTube, Instagram and some news sites.)

#css

#javascript #linux #css #code #html #editor

Heartbreaking update from #tailwindcss. They had to lay off 75% of their staff yesterday due to #AI driven losses.

I really don't see how the #OpenSource industry survives this. The days of making your source and your docs open to the public is quickly disappearing.

github.com/tailwindlabs/tailwi…

#CSS #PHP #WebDev #HTML #coding #programming #LLM

feat: add llms.txt endpoint for LLM-optimized documentation by quantizor · Pull Request #2388 · tailwindlabs/tailwindcss.com

Add /llms.txt endpoint that serves a concatenated, text-only version of all Tailwind CSS documentation pages optimized for Large Language Model consumption. Extract text from MDX files, removing J...
GitHub
#ai #opensource #css #php #coding #webdev #llm #programming #html #tailwindcss

#css #inkscape @Hans

The media in this post is not displayed to visitors. To view it, please go to the original post.
How does one fix these in iOS26 Safari? #CSS
#css

#css #minimalism #webdev

#barrierefreiheit #css #selfhtml #html

The media in this post is not displayed to visitors. To view it, please go to the original post.

𝟯𝟬 𝗦𝗲𝗰𝗼𝗻𝗱𝘀 𝗼𝗳 𝗖𝗦𝗦:

#CSS #Learning

thewhale.cc/posts/30-seconds-o…

A curated collection of useful CSS snippets you can understand in 30 seconds or less.

Resources and Tools for Web Developers

Technological monitoring for web developer. Daily curated list of web resources, tools, services.
The Whale - Resources and Tools for Web Developers - Open Source & Free Tools for Web Workers
#css #learning

⌨️ As promised! In today’s blogitude, I use #HTML Custom Elements and a little light JavaScripting to do the necessary massaging of text content and the DOM, plus #CSS anchored positioning, to create sidenotes that are 100% progressively enhanced: meyerweb.com/eric/thoughts/202…

Custom Asidenotes

In which I turn inline asides into robustly enhanced sidenotes with CSS and just a touch of JS.
meyerweb.com
#css #html

The media in this post is not displayed to visitors. To view it, please go to the original post.
Katja Potensky challenges the "CSS + JS for everything" mindset at c't <webdev>: "Code is not an asset, it's a liability." She'll show how modern CSS features can replace JavaScript solutions and reduce your codebase complexity.
#ctwd25 #CSS #JavaScript #WebDev #Frontend
#javascript #css #frontend #webdev #ctwd25

#news #javascript #it #css #html #webentwicklung

Hey Fediverse 👋

I am currently looking for a new #remote #job and maybe #FediHire can help me with that.

I am a #Frontend #Web #Developer based in Germany (CET) with over 10 years of experience creating complex web applications, websites and design systems in interdisciplinary teams.

My main expertise evolves around semantic #HTML, #CSS, #JavaScript, (including #TypeScript and #ReactJS) and #Accessibility.

You find some more infos here: hnnng.space/career/

Boosts are appreciated ❤️

Daniel Henning

hnnng.space
#javascript #accessibility #css #remote #FediHire #frontend #web #developer #html #job #typescript #reactjs

There really needs to be some way to create modern web applications that doesn’t force you to use JavaScript. That shit’s just awful for a sane mind. Preferably not CSS either as that shit’s a total garbage fire.

Seems PHP is still the best (only?) alternative and that’s just sad. Why did we allow the web to get so bad? It all started out great 30 years ago and look at the state now…

#web #javascript #css #dumpsterfire #php

#javascript #css #php #web #dumpsterfire

#css #webdev #html #websencilla

@Okuna @stubenhocker @HarryHurry
Bei #CSS wird 1. verletzt - was für Anbieterinnen von sicheren Messengern bedeutet sie müssen die Implementierung ihrer Apps unsicherer machen da, sie eine Option für das Ausleiten der Materialien erlauben müssten.
#css @Schlüssellochkind 👁️ @HarryHurry @Okuna

The media in this post is not displayed to visitors. To view it, please go to the original post.
#followerpower #javascript #python #django #css #html #job #typescript #datenspuren25 #ds25 #fairdebate

#css #html #presentación #filosofia #marketing #diseno #programacion #publicidad #espiritualidad @Roberto

#news #javascript #it #css #html #webentwicklung

Natürlich darf man auch den ganzen Samstag zum Barcamp kommen. Bisher gibt es von den Jugendlichen aus der Teckids-Gemeinschaft u.a. die Vorschläge::

* #HTML und #CSS richtig lernen
* 3D-Design mit #OpenSCAD
* Rechtliche Fragen zur eigenen Website/Server
* Vokabelscanner mit #Python programmieren

forum.teckids.org/t/teckids-ca…

#Jugendliche und Erwachsene willkommn, ab 10 Uhr im Grünen Würfel #Bielefeld!

@HSB @chaostreff_osnabrueck @warpzone @digitalcourage

Teckids-Campdays Herbst (September 2025) in Bielefeld

Hiermit laden wir euch zu den nächsten Teckids-Campdays ein, diesmal vom 13. bis 14. September (Anreise 12. September) im Grünen Würfel in Bielefeld.
Teckids-Forum
#python #css #bielefeld #html #jugend #openscad @Digitalcourage @warpzone.ms @Hackerspace Bielefeld e.V. @Chaostreff Osnabrück e.V.

#css #svg #ui #liquidglass

#css #html

#css #selfhtml #html

#css #frontend #selfhtml #html

Diese Webseite verwendet Cookies. Durch die weitere Benutzung der Webseite stimmst du dieser Verwendung zu. https://inne.city/tos

⇧