#CSSart

2025-06-29

It's been a while since I posted a new video with CSS Art... or any type of live coding video.

This past week I drew a cute(-ish) koala with HTML and CSS. Here's how it was done: youtube.com/watch?v=DbwOi84y86

#css #cssArt #html #webdev

teddymatayoshiteddymatayoshi
2025-06-28

CSS Art – Using the CSS shape() Function to Make Advanced Shapes: Heart, Crosses, Arcs, and Smooth Curves
pyxo.me/318253

Pyxofypyxofy
2025-06-28

CSS Art – Using the CSS shape() Function to Make Advanced Shapes: Heart, Crosses, Arcs, and Smooth Curves
pyxo.me/318253

2025-06-16

New comiCSS cartoon: (Bad) Kerning the Frog
comicss.art/comics/191/

#css #font #joke #cssArt

cartoon of a puppet frog saying 'It is not easy being #00800' with poor kerning (the letters are oddly spaced). It has the title (bad) kerning the frog
teddymatayoshiteddymatayoshi
2025-06-14

CSS Art – Using the CSS shape() Function to Make Basic Shapes: Squares, Rectangles, Circles, Ellipses, and Triangles
pyxo.me/5c37c1

Pyxofypyxofy
2025-06-14

CSS Art – Using the CSS shape() Function to Make Basic Shapes: Squares, Rectangles, Circles, Ellipses, and Triangles
pyxo.me/5c37c1

N-gated Hacker Newsngate
2025-06-10

🎉 Congrats to the scientists for discovering that wrapping Co-Ni alloy in a cozy blanket makes CO2 electroreduction slightly less boring at high temperatures! 🔥 Meanwhile, Nature.com suggests upgrading your stone-age browser to fully enjoy their groundbreaking CSS art. 🚀
nature.com/articles/s41586-025

2025-06-01

June is Pride Month. In this article, I explore several LGBTQ+ flags, how to recreate them using CSS and a single HTML element (fully responsive so they could double as icons), and share the history behind some of them.
alvaromontoro.com/blog/68009/l

#css #webDevelopment #PrideMonth #CSSArt

teddymatayoshiteddymatayoshi
2025-05-17

CSS Art – Radial Gradient Techniques for Realistic Isometric Design - Part 2
pyxo.me/3580d6

Pyxofypyxofy
2025-05-17

CSS Art – Radial Gradient Techniques for Realistic Isometric Design - Part 2
pyxo.me/3580d6

teddymatayoshiteddymatayoshi
2025-05-03

CSS Art – Radial Gradient Techniques for Realistic Isometric Design - Part 1
pyxo.me/2h7

Pyxofypyxofy
2025-05-03

CSS Art – Radial Gradient Techniques for Realistic Isometric Design - Part 1
pyxo.me/2h7

2025-04-29

Next week's comic as cartoon has a cat in it 😊🐱

#css #cssArt

Cartoon of a cat
teddymatayoshiteddymatayoshi
2025-04-19

CSS Art - Isometric Image Design with CSS Transforms and Linear Gradients - Part 2
pyxo.me/fcbed0

Pyxofypyxofy
2025-04-19

CSS Art – Isometric Image Design with CSS Transforms and Linear Gradients - Part 2
pyxo.me/fcbed0

Chris Jarvis :battery_full:jarvisscript@hachyderm.io
2025-04-17

CSS Eggs the new Batch. I made more CSS Egg art. This time I tired to make them more realistic by using shading.

dev.to/jarvisscript/css-eggs-t

#CSS #Blog #CSSArt

teddymatayoshiteddymatayoshi
2025-04-05

CSS Art – Isometric Image Design with CSS Transforms and Linear Gradients - Part 1
pyxo.me/955d8c

Pyxofypyxofy
2025-04-05

CSS Art – Isometric Image Design with CSS Transforms and Linear Gradients - Part 1
pyxo.me/955d8c

teddymatayoshiteddymatayoshi
2025-03-09

CSS Art – Position Multiple Isometric Cubes using CSS
pyxo.me/8abce2

Client Info

Server: https://mastodon.social
Version: 2025.04
Repository: https://github.com/cyevgeniy/lmst