#cssart — Public Fediverse posts

Storytelling through CSS: Recreating Georgian Khachapuri with HTML & CSS🇬🇪🧀
13 clip-path slices, layered gradients, steam, and zero JavaScript 👩🏻‍💻
#CSSArt #GeorgianCuisine
https://dev.to/highflyer910/khachapuri-georgian-cheese-bread-in-pure-css-47o7

Storytelling through CSS: Recreating Georgian Khachapuri with HTML & CSS🇬🇪🧀
13 clip-path slices, layered gradients, steam, and zero JavaScript 👩🏻‍💻
#CSSArt #GeorgianCuisine
https://dev.to/highflyer910/khachapuri-georgian-cheese-bread-in-pure-css-47o7

Storytelling through CSS: Recreating Georgian Khachapuri with HTML & CSS🇬🇪🧀
13 clip-path slices, layered gradients, steam, and zero JavaScript 👩🏻‍💻
#CSSArt #GeorgianCuisine
https://dev.to/highflyer910/khachapuri-georgian-cheese-bread-in-pure-css-47o7

Storytelling through CSS: Recreating Georgian Khachapuri with HTML & CSS🇬🇪🧀
13 clip-path slices, layered gradients, steam, and zero JavaScript 👩🏻‍💻
#CSSArt #GeorgianCuisine
https://dev.to/highflyer910/khachapuri-georgian-cheese-bread-in-pure-css-47o7

I remember seeing Diana Smith/Cyan Harlow talk about the pure CSS Francine project at XOXO a few years ago—pure CSS renditions of oil paintings and other art techniques.

I still think about these works year later and would love to discover more projects in this style if anyone knows.

https://github.com/cyanharlow/purecss-francine

https://github.com/cyanharlow/purecss-lace

#CSSart #cssartist

I remember seeing Diana Smith/Cyan Harlow talk about the pure CSS Francine project at XOXO a few years ago—pure CSS renditions of oil paintings and other art techniques.

I still think about these works year later and would love to discover more projects in this style if anyone knows.

https://github.com/cyanharlow/purecss-francine

https://github.com/cyanharlow/purecss-lace

#CSSart #cssartist

I remember seeing Diana Smith/Cyan Harlow talk about the pure CSS Francine project at XOXO a few years ago—pure CSS renditions of oil paintings and other art techniques.

I still think about these works year later and would love to discover more projects in this style if anyone knows.

https://github.com/cyanharlow/purecss-francine

https://github.com/cyanharlow/purecss-lace

#CSSart #cssartist

I remember seeing Diana Smith/Cyan Harlow talk about the pure CSS Francine project at XOXO a few years ago—pure CSS renditions of oil paintings and other art techniques.

I still think about these works year later and would love to discover more projects in this style if anyone knows.

https://github.com/cyanharlow/purecss-francine

https://github.com/cyanharlow/purecss-lace

#CSSart #cssartist

I remember seeing Diana Smith/Cyan Harlow talk about the pure CSS Francine project at XOXO a few years ago—pure CSS renditions of oil paintings and other art techniques.

I still think about these works year later and would love to discover more projects in this style if anyone knows.

https://github.com/cyanharlow/purecss-francine

https://github.com/cyanharlow/purecss-lace

#CSSart #cssartist

This city is built with CSS. No SVG. No images. No HTML. Just gradients... and a bit of patience.
https://codepen.io/alvaromontoro/pen/mdZKxEr

I haven't touched this in a while, but it still holds up. I'd love to expand it into a full city someday.

#css #cssart #webdev

This city is built with CSS. No SVG. No images. No HTML. Just gradients... and a bit of patience.
https://codepen.io/alvaromontoro/pen/mdZKxEr

I haven't touched this in a while, but it still holds up. I'd love to expand it into a full city someday.

#css #cssart #webdev

This city is built with CSS. No SVG. No images. No HTML. Just gradients... and a bit of patience.
https://codepen.io/alvaromontoro/pen/mdZKxEr

I haven't touched this in a while, but it still holds up. I'd love to expand it into a full city someday.

#css #cssart #webdev

This city is built with CSS. No SVG. No images. No HTML. Just gradients... and a bit of patience.
https://codepen.io/alvaromontoro/pen/mdZKxEr

I haven't touched this in a while, but it still holds up. I'd love to expand it into a full city someday.

#css #cssart #webdev

This city is built with CSS. No SVG. No images. No HTML. Just gradients... and a bit of patience.
https://codepen.io/alvaromontoro/pen/mdZKxEr

I haven't touched this in a while, but it still holds up. I'd love to expand it into a full city someday.

#css #cssart #webdev

To celebrate something-or-other, I created a retro CRT using only vanilla CSS!

📺 https://codepen.io/ivorjetski/pen/qEaRjBw

No images. No JavaScript. No SASS.

Fully turn-off-and-on-able!

Also a documentary about the making of it: https://www.youtube.com/watch?v=wdNHwIqMFDk

@CodePen #css #cssart #cssonly

To celebrate something-or-other, I created a retro CRT using only vanilla CSS!

📺 https://codepen.io/ivorjetski/pen/qEaRjBw

No images. No JavaScript. No SASS.

Fully turn-off-and-on-able!

Also a documentary about the making of it: https://www.youtube.com/watch?v=wdNHwIqMFDk

@CodePen #css #cssart #cssonly

To celebrate something-or-other, I created a retro CRT using only vanilla CSS!

📺 https://codepen.io/ivorjetski/pen/qEaRjBw

No images. No JavaScript. No SASS.

Fully turn-off-and-on-able!

Also a documentary about the making of it: https://www.youtube.com/watch?v=wdNHwIqMFDk

@CodePen #css #cssart #cssonly

To celebrate something-or-other, I created a retro CRT using only vanilla CSS!

📺 https://codepen.io/ivorjetski/pen/qEaRjBw

No images. No JavaScript. No SASS.

Fully turn-off-and-on-able!

Also a documentary about the making of it: https://www.youtube.com/watch?v=wdNHwIqMFDk

@CodePen #css #cssart #cssonly

To celebrate something-or-other, I created a retro CRT using only vanilla CSS!

📺 https://codepen.io/ivorjetski/pen/qEaRjBw

No images. No JavaScript. No SASS.

Fully turn-off-and-on-able!

Also a documentary about the making of it: https://www.youtube.com/watch?v=wdNHwIqMFDk

@CodePen #css #cssart #cssonly

Well, in other news, I’ve made some CSS-Art, including a detailed explanation of how it works.

I’m calling it “purple cosmos” and it is made purely from gradients, meaning that I can apply it as the background of arbitrary css elements. 😊

#CSS #WebDev #Art #CssArt

Well, in other news, I’ve made some CSS-Art, including a detailed explanation of how it works.

I’m calling it “purple cosmos” and it is made purely from gradients, meaning that I can apply it as the background of arbitrary css elements. 😊

#CSS #WebDev #Art #CssArt

Well, in other news, I’ve made some CSS-Art, including a detailed explanation of how it works.

I’m calling it “purple cosmos” and it is made purely from gradients, meaning that I can apply it as the background of arbitrary css elements. 😊

#CSS #WebDev #Art #CssArt

Well, in other news, I’ve made some CSS-Art, including a detailed explanation of how it works.

I’m calling it “purple cosmos” and it is made purely from gradients, meaning that I can apply it as the background of arbitrary css elements. 😊

#CSS #WebDev #Art #CssArt

Well, in other news, I’ve made some CSS-Art, including a detailed explanation of how it works.

I’m calling it “purple cosmos” and it is made purely from gradients, meaning that I can apply it as the background of arbitrary css elements. 😊

#CSS #WebDev #Art #CssArt

He publicado un análisis sobre la evolución de la estética de la cobardía, uniendo la épica de la Ilíada con el arte visual del anime bishōnen y el arte generativo en CSS.
Para ni fue un ejercicio de refactorización heroica donde exploré cómo las formas geométricas y los gradientes pueden narrar la tensión clásica entre el hedonismo y la fuerza.
https://open.substack.com/pub/hugui8b/p/inheritance-and-specificity-la-evolucion?utm_source=share&utm_medium=android&r=7btdxl

#DigitalHumanities #Classics #CSSArt #Substack #AnimeEsthetic #WebDev #CSS #CodingArt #Bishonen

​

​

He publicado un análisis sobre la evolución de la estética de la cobardía, uniendo la épica de la Ilíada con el arte visual del anime bishōnen y el arte generativo en CSS.
Para ni fue un ejercicio de refactorización heroica donde exploré cómo las formas geométricas y los gradientes pueden narrar la tensión clásica entre el hedonismo y la fuerza.
https://open.substack.com/pub/hugui8b/p/inheritance-and-specificity-la-evolucion?utm_source=share&utm_medium=android&r=7btdxl

#DigitalHumanities #Classics #CSSArt #Substack #AnimeEsthetic #WebDev #CSS #CodingArt #Bishonen

​

​

He publicado un análisis sobre la evolución de la estética de la cobardía, uniendo la épica de la Ilíada con el arte visual del anime bishōnen y el arte generativo en CSS.
Para ni fue un ejercicio de refactorización heroica donde exploré cómo las formas geométricas y los gradientes pueden narrar la tensión clásica entre el hedonismo y la fuerza.
https://open.substack.com/pub/hugui8b/p/inheritance-and-specificity-la-evolucion?utm_source=share&utm_medium=android&r=7btdxl

#DigitalHumanities #Classics #CSSArt #Substack #AnimeEsthetic #WebDev #CSS #CodingArt #Bishonen

​

​

He publicado un análisis sobre la evolución de la estética de la cobardía, uniendo la épica de la Ilíada con el arte visual del anime bishōnen y el arte generativo en CSS.
Para ni fue un ejercicio de refactorización heroica donde exploré cómo las formas geométricas y los gradientes pueden narrar la tensión clásica entre el hedonismo y la fuerza.
https://open.substack.com/pub/hugui8b/p/inheritance-and-specificity-la-evolucion?utm_source=share&utm_medium=android&r=7btdxl

#DigitalHumanities #Classics #CSSArt #Substack #AnimeEsthetic #WebDev #CSS #CodingArt #Bishonen

​

​

He publicado un análisis sobre la evolución de la estética de la cobardía, uniendo la épica de la Ilíada con el arte visual del anime bishōnen y el arte generativo en CSS.
Para ni fue un ejercicio de refactorización heroica donde exploré cómo las formas geométricas y los gradientes pueden narrar la tensión clásica entre el hedonismo y la fuerza.
https://open.substack.com/pub/hugui8b/p/inheritance-and-specificity-la-evolucion?utm_source=share&utm_medium=android&r=7btdxl

#DigitalHumanities #Classics #CSSArt #Substack #AnimeEsthetic #WebDev #CSS #CodingArt #Bishonen

​

​

A cat. On the moon. In a spacesuit.
Built with HTML + CSS only 🚀🐱 (reusing some previously coded parts)

Source code on @codepen: https://codepen.io/alvaromontoro/pen/MYeVvgr

#CSS #CSSArt #WebDev

A cat. On the moon. In a spacesuit.
Built with HTML + CSS only 🚀🐱 (reusing some previously coded parts)

Source code on @codepen: https://codepen.io/alvaromontoro/pen/MYeVvgr

#CSS #CSSArt #WebDev

A cat. On the moon. In a spacesuit.
Built with HTML + CSS only 🚀🐱 (reusing some previously coded parts)

Source code on @codepen: https://codepen.io/alvaromontoro/pen/MYeVvgr

#CSS #CSSArt #WebDev

A cat. On the moon. In a spacesuit.
Built with HTML + CSS only 🚀🐱 (reusing some previously coded parts)

Source code on @codepen: https://codepen.io/alvaromontoro/pen/MYeVvgr

#CSS #CSSArt #WebDev

A cat. On the moon. In a spacesuit.
Built with HTML + CSS only 🚀🐱 (reusing some previously coded parts)

Source code on @codepen: https://codepen.io/alvaromontoro/pen/MYeVvgr

#CSS #CSSArt #WebDev

Tomorrow is Groundhog Day. Remember: if Phil sees his shadow, that's 6 more Tailwind classes (in every HTML tag, in every page)

#css #cssArt #joke #groundhogDay

Tomorrow is Groundhog Day. Remember: if Phil sees his shadow, that's 6 more Tailwind classes (in every HTML tag, in every page)

#css #cssArt #joke #groundhogDay

Tomorrow is Groundhog Day. Remember: if Phil sees his shadow, that's 6 more Tailwind classes (in every HTML tag, in every page)

#css #cssArt #joke #groundhogDay

Tomorrow is Groundhog Day. Remember: if Phil sees his shadow, that's 6 more Tailwind classes (in every HTML tag, in every page)

#css #cssArt #joke #groundhogDay

Tomorrow is Groundhog Day. Remember: if Phil sees his shadow, that's 6 more Tailwind classes (in every HTML tag, in every page)

#css #cssArt #joke #groundhogDay

comiCSS #119: Winner
https://comicss.art/comics/119/winner.html

February 5, 2024 – This slightly animated cartoon continued the series for the 2nd anniversary. The trophy is actual `gold` color but the medal is `orange` so there would be enough contrast with the shirt.

#html #css #cartoon #cssArt #webdev

comiCSS #119: Winner
https://comicss.art/comics/119/winner.html

February 5, 2024 – This slightly animated cartoon continued the series for the 2nd anniversary. The trophy is actual `gold` color but the medal is `orange` so there would be enough contrast with the shirt.

#html #css #cartoon #cssArt #webdev

comiCSS #119: Winner
https://comicss.art/comics/119/winner.html

February 5, 2024 – This slightly animated cartoon continued the series for the 2nd anniversary. The trophy is actual `gold` color but the medal is `orange` so there would be enough contrast with the shirt.

#html #css #cartoon #cssArt #webdev

comiCSS #119: Winner
https://comicss.art/comics/119/winner.html

February 5, 2024 – This slightly animated cartoon continued the series for the 2nd anniversary. The trophy is actual `gold` color but the medal is `orange` so there would be enough contrast with the shirt.

#html #css #cartoon #cssArt #webdev

comiCSS #119: Winner
https://comicss.art/comics/119/winner.html

February 5, 2024 – This slightly animated cartoon continued the series for the 2nd anniversary. The trophy is actual `gold` color but the medal is `orange` so there would be enough contrast with the shirt.

#html #css #cartoon #cssArt #webdev

comiCSS #116: Cloud Developer
https://comicss.art/comics/116/cloud-developer.html

February 2, 2024 – This was the first cartoon of a series to celebrate the second anniversary of comiCSS (the 4th is in 3 weeks!). Fun fact: the background color is azure, which is appropriate for this cartoon.

#css #webDev #cartoon #cssArt

comiCSS #116: Cloud Developer
https://comicss.art/comics/116/cloud-developer.html

February 2, 2024 – This was the first cartoon of a series to celebrate the second anniversary of comiCSS (the 4th is in 3 weeks!). Fun fact: the background color is azure, which is appropriate for this cartoon.

#css #webDev #cartoon #cssArt

comiCSS #116: Cloud Developer
https://comicss.art/comics/116/cloud-developer.html

February 2, 2024 – This was the first cartoon of a series to celebrate the second anniversary of comiCSS (the 4th is in 3 weeks!). Fun fact: the background color is azure, which is appropriate for this cartoon.

#css #webDev #cartoon #cssArt

comiCSS #116: Cloud Developer
https://comicss.art/comics/116/cloud-developer.html

February 2, 2024 – This was the first cartoon of a series to celebrate the second anniversary of comiCSS (the 4th is in 3 weeks!). Fun fact: the background color is azure, which is appropriate for this cartoon.

#css #webDev #cartoon #cssArt

comiCSS #116: Cloud Developer
https://comicss.art/comics/116/cloud-developer.html

February 2, 2024 – This was the first cartoon of a series to celebrate the second anniversary of comiCSS (the 4th is in 3 weeks!). Fun fact: the background color is azure, which is appropriate for this cartoon.

#css #webDev #cartoon #cssArt

comiCSS #115: Do Web Developers Dream of CSSheep?
https://comicss.art/comics/115/counting-sheep.html

January 22, 2024 – With so many web technologies out there, it can be overwhelming to choose one and keep up to date. I liked the idea behind this cartoon, but the execution... not so much.

#css #webDev #cartoon #cssArt

comiCSS #115: Do Web Developers Dream of CSSheep?
https://comicss.art/comics/115/counting-sheep.html

January 22, 2024 – With so many web technologies out there, it can be overwhelming to choose one and keep up to date. I liked the idea behind this cartoon, but the execution... not so much.

#css #webDev #cartoon #cssArt

comiCSS #115: Do Web Developers Dream of CSSheep?
https://comicss.art/comics/115/counting-sheep.html

January 22, 2024 – With so many web technologies out there, it can be overwhelming to choose one and keep up to date. I liked the idea behind this cartoon, but the execution... not so much.

#css #webDev #cartoon #cssArt

comiCSS #115: Do Web Developers Dream of CSSheep?
https://comicss.art/comics/115/counting-sheep.html

January 22, 2024 – With so many web technologies out there, it can be overwhelming to choose one and keep up to date. I liked the idea behind this cartoon, but the execution... not so much.

#css #webDev #cartoon #cssArt

comiCSS #115: Do Web Developers Dream of CSSheep?
https://comicss.art/comics/115/counting-sheep.html

January 22, 2024 – With so many web technologies out there, it can be overwhelming to choose one and keep up to date. I liked the idea behind this cartoon, but the execution... not so much.

#css #webDev #cartoon #cssArt

comiCSS #114: Types of Headaches
https://comicss.art/comics/114/headaches.html

January 15, 2024 – A good thing of this cartoon is that it allows for many alternatives (check the reply)... but making it about Tailwind made it more fun for me :P

#css #html #joke #cartoon #tailwind #cssArt

comiCSS #114: Types of Headaches
https://comicss.art/comics/114/headaches.html

January 15, 2024 – A good thing of this cartoon is that it allows for many alternatives (check the reply)... but making it about Tailwind made it more fun for me :P

#css #html #joke #cartoon #tailwind #cssArt

comiCSS #114: Types of Headaches
https://comicss.art/comics/114/headaches.html

January 15, 2024 – A good thing of this cartoon is that it allows for many alternatives (check the reply)... but making it about Tailwind made it more fun for me :P

#css #html #joke #cartoon #tailwind #cssArt

comiCSS #114: Types of Headaches
https://comicss.art/comics/114/headaches.html

January 15, 2024 – A good thing of this cartoon is that it allows for many alternatives (check the reply)... but making it about Tailwind made it more fun for me :P

#css #html #joke #cartoon #tailwind #cssArt

comiCSS #114: Types of Headaches
https://comicss.art/comics/114/headaches.html

January 15, 2024 – A good thing of this cartoon is that it allows for many alternatives (check the reply)... but making it about Tailwind made it more fun for me :P

#css #html #joke #cartoon #tailwind #cssArt

comiCSS #113: GoldiloCSS and the Three Breaks
https://comicss.art/comics/113/goldilocks.html

December 25, 2023 – Sometimes I do comics to showcase CSS properties and how they work. This is one of them. I like the idea and the first panel, the other three are a bit weird... but Ok.

#css #html #cartoon #cssArt