Pawb.Social Reports @transparency

0 posts0 participants0 posts today

CodropsPure CSS meets voxel art! 🧊✨ Agustin Capeletto takes us behind the scenes of the CSS Voxel Editor, showing how stacked grids, transforms, and perspective create a fully addressable 3D space—no JavaScript required.Read the article: <a href="https://tympanus.net/codrops/2025/03/03/css-meets-voxel-art-building-a-rendering-engine-with-stacked-grids/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://tympanus.net/codrops/2025/03/03/css-meets-voxel-art-building-a-rendering-engine-with-stacked-grids/</a><a href="https://mastodon.social/tags/3d" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#3d</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/voxelart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#voxelart</a> <a href="https://mastodon.social/tags/purecss" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#purecss</a>

Ana Tudor 🐯We can simplify things further to not even include a wave animation. Instead, the 3D surface is static in this case.Live on <a href="https://fosstodon.org/@codepen" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@codepen</a> <a href="https://codepen.io/thebabydino/pen/gOzGEqb" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://codepen.io/thebabydino/pen/gOzGEqb</a>Basically, we don't have z = f(x, y, t) but z = f(x, y) because the surface shape doesn't change in time anymore.<a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/3D" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#3D</a> <a href="https://mastodon.social/tags/pureCSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#pureCSS</a> <a href="https://mastodon.social/tags/noJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#noJS</a> <a href="https://mastodon.social/tags/Maths" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Maths</a> <a href="https://mastodon.social/tags/geometry" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#geometry</a> <a href="https://mastodon.social/tags/Mathematics" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Mathematics</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/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#coding</a> <a href="https://mastodon.social/tags/surface" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#surface</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/function" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#function</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/webDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webDevelopment</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>

Ana Tudor 🐯If that's laggy for you, check out this version <a href="https://codepen.io/thebabydino/pen/LYJQpzQ" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://codepen.io/thebabydino/pen/LYJQpzQ</a> which just uses 1 element per square grid cell, instead of 1 element and its 2 pseudos, each creating one of the 2 triangles for that grid cell.This also doesn't use an SVG filter for corner rounding.<a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/3D" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#3D</a> <a href="https://mastodon.social/tags/pureCSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#pureCSS</a> <a href="https://mastodon.social/tags/noJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#noJS</a> <a href="https://mastodon.social/tags/Maths" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Maths</a> <a href="https://mastodon.social/tags/geometry" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#geometry</a> <a href="https://mastodon.social/tags/Mathematics" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Mathematics</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/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#coding</a> <a href="https://mastodon.social/tags/surface" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#surface</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/function" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#function</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/webDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webDevelopment</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>

Ana Tudor 🐯8⃣ Pure CSS prisms with rounded corners <a href="https://codepen.io/thebabydino/pen/wvmRXeM" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://codepen.io/thebabydino/pen/wvmRXeM</a>In case you're wondering about the how behind <a href="https://github.com/w3c/csswg-drafts/issues/9843#issuecomment-1951351003" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/w3c/csswg-drafts/issues/9843#issuecomment-1951351003</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/3D" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#3D</a> <a href="https://mastodon.social/tags/pureCSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#pureCSS</a> <a href="https://mastodon.social/tags/noJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#noJS</a> <a href="https://mastodon.social/tags/Maths" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Maths</a> <a href="https://mastodon.social/tags/geometry" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#geometry</a> <a href="https://mastodon.social/tags/Mathematics" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Mathematics</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/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#coding</a> <a href="https://mastodon.social/tags/surface" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#surface</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/function" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#function</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/webDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webDevelopment</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>

Ana Tudor 🐯7⃣ Pure CSS waving surface <a href="https://codepen.io/thebabydino/pen/rNZJmPa" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://codepen.io/thebabydino/pen/rNZJmPa</a>Given a 3D function varying in time z = f(x, y, t) make a pure CSS 3D representation of it.Went through a lot of iterations, partly because support for some features wasn't always there, partly because I had ideas to improve.<a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/3D" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#3D</a> <a href="https://mastodon.social/tags/pureCSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#pureCSS</a> <a href="https://mastodon.social/tags/noJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#noJS</a> <a href="https://mastodon.social/tags/Maths" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Maths</a> <a href="https://mastodon.social/tags/geometry" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#geometry</a> <a href="https://mastodon.social/tags/Mathematics" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Mathematics</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/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#coding</a> <a href="https://mastodon.social/tags/surface" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#surface</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/function" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#function</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/webDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webDevelopment</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>

Ana Tudor 🐯6⃣ This big collection of pure <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a>, no SVG 1 div <a href="https://mastodon.social/tags/spinners" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#spinners</a> <a href="https://codepen.io/thebabydino/pen/WNrbGBz" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://codepen.io/thebabydino/pen/WNrbGBz</a>They are all different - can you spot the differences between similar ones?<a href="https://mastodon.social/tags/pureCSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#pureCSS</a> <a href="https://mastodon.social/tags/noJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#noJS</a> <a href="https://mastodon.social/tags/loader" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#loader</a> <a href="https://mastodon.social/tags/cssVariables" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#cssVariables</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/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#coding</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/webDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webDev</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/webDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webDevelopment</a>

Ana Tudor 🐯4⃣ Pure CSS sphere of randomly positioned, non-intersecting spheres <a href="https://codepen.io/thebabydino/pen/LYXJPEb" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://codepen.io/thebabydino/pen/LYXJPEb</a>Uses the spherical distribution tactic described here <a href="https://mastodon.social/@anatudor/110745736820689528" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://mastodon.social/@anatudor/110745736820689528</a> and then makes sure no two spheres intersect. Also: pure CSS 3D shading!<a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/3D" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#3D</a> <a href="https://mastodon.social/tags/pureCSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#pureCSS</a> <a href="https://mastodon.social/tags/css3d" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css3d</a> <a href="https://mastodon.social/tags/transform" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#transform</a> <a href="https://mastodon.social/tags/sphere" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#sphere</a> <a href="https://mastodon.social/tags/maths" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#maths</a> <a href="https://mastodon.social/tags/geometry" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#geometry</a> <a href="https://mastodon.social/tags/3dGeometry" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#3dGeometry</a> <a href="https://mastodon.social/tags/noJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#noJS</a> <a href="https://mastodon.social/tags/shading" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#shading</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/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#coding</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/webDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webDev</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/webDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webDevelopment</a>

Ana Tudor 🐯3⃣ Pure CSS morphing polyhedra: dodecahedron → rhombicosidodecahedron → snub dodecahedron → rhombicosidodecahedron → icosahedron <a href="https://codepen.io/thebabydino/pen/gOjGyby" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://codepen.io/thebabydino/pen/gOjGyby</a>Positions & makes faces morph using CSS transforms. Which depend on CSS vars to keep code compact <a href="https://css-tricks.com/logical-operations-with-css-variables/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://css-tricks.com/logical-operations-with-css-variables/</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/3D" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#3D</a> <a href="https://mastodon.social/tags/pureCSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#pureCSS</a> <a href="https://mastodon.social/tags/noJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#noJS</a> <a href="https://mastodon.social/tags/booleanLogic" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#booleanLogic</a> <a href="https://mastodon.social/tags/cssVariables" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#cssVariables</a> <a href="https://mastodon.social/tags/transform" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#transform</a> <a href="https://mastodon.social/tags/css3d" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css3d</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/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#coding</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/polyhedra" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#polyhedra</a> <a href="https://mastodon.social/tags/maths" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#maths</a> <a href="https://mastodon.social/tags/geometry" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#geometry</a> <a href="https://mastodon.social/tags/3dGeometry" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#3dGeometry</a> <a href="https://mastodon.social/tags/mathematics" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#mathematics</a> <a href="https://mastodon.social/tags/platonicSolids" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#platonicSolids</a> <a href="https://mastodon.social/tags/Archimedean" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Archimedean</a>

Ana Tudor 🐯Here's a pure CSS char by char text reveal on scroll! <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/MWPeLmp" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://codepen.io/thebabydino/pen/MWPeLmp</a>No splitting text into individual characters!Inspired by an old Toblerone Story page, except that used JS (reasonable for cross-browser support) and was splitting the text into individual characters (yikes! 😱)cc <a href="https://front-end.social/@bramus" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@bramus</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/pureCSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#pureCSS</a> <a href="https://mastodon.social/tags/noJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#noJS</a> <a href="https://mastodon.social/tags/scroll" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#scroll</a> <a href="https://mastodon.social/tags/scrollAnimation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#scrollAnimation</a> <a href="https://mastodon.social/tags/text" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#text</a> <a href="https://mastodon.social/tags/textEffect" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#textEffect</a> <a href="https://mastodon.social/tags/revealEffect" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#revealEffect</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/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#coding</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/webDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webDev</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/webDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webDevelopment</a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dev</a>

Ana Tudor 🐯I turn 12 on <a href="https://fosstodon.org/@codepen" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@codepen</a> in less than a month, so here are my most hearted demos ever:1️⃣ 955 ❤️ Pure CSS gravity button <a href="https://codepen.io/thebabydino/pen/bGzeQrv" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://codepen.io/thebabydino/pen/bGzeQrv</a>My only demo to ever pass 850 ❤️ - a bit mixed about it, it was just an exercise in getting a certain result - please don't use it in the wild!<a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a> <a href="https://mastodon.social/tags/pureCSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#pureCSS</a> <a href="https://mastodon.social/tags/gravity" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#gravity</a> <a href="https://mastodon.social/tags/button" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#button</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/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#coding</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/webDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webDevelopment</a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webDev</a>

Recent searches

Search options

Administered by:

Server stats:

#purecss