2026-09-08T07:26:54Z https://njump.me CodePen https://njump.me/npub1sf7l7d33zz968ght93z4v9gkd3pjpcgvuzr0xxh6d2n9022v58ds48gl68 https://cdn.fosstodon.org/accounts/avatars/109/614/832/710/561/380/original/6c4bd8e113b8304a.jpg https://cdn.fosstodon.org/accounts/avatars/109/614/832/710/561/380/original/6c4bd8e113b8304a.jpg https://njump.me/nevent1qqs276s2ke0phz8j9qdgex9h88yyzjsxue2qt4amxeka7fxnssxxraczyzp8mlekxygghgazavky24s4zekyxg8ppnsgduc6lf42v4affjsakwj56j9 Live streamin&#39; soon! (10am Pacific)<br/><br/>I think we&#39;re gonna call it CodePen School. We hang out, build stuff, look at interesting things, try to be educational, etc. <br/><br/>YouTube: <a href="https://youtube.com/live/ioOYSdvsax8">https://youtube.com/live/ioOYSdvsax8</a> <br/>Twitch: <a href="https://www.twitch.tv/codepen">https://www.twitch.tv/codepen</a> 2026-09-11T16:55:34Z https://njump.me/nevent1qqsd7y6k7gn6u58kvlk3e8fstu6e73ndrxezcd3f0ul66va7qu0z4uqzyzp8mlekxygghgazavky24s4zekyxg8ppnsgduc6lf42v4affjsak4vxdjg &#34;3D Dancing Bugs&#34; by Grant Jenkins<br/><br/><a href="https://codepen.io/editor/grantjenkins/pen/01a014f5-6f30-7117-8e8e-47962b9ea84c">https://codepen.io/editor/grantjenkins/pen/01a014f5-6f30-7117-8e8e-47962b9ea84c</a><br/><video controls width="100%" class="max-h-[90vh] bg-neutral-300 dark:bg-zinc-700"><source src="https://cdn.fosstodon.org/media_attachments/files/117/175/273/669/724/824/original/a2b875665b99a176.mp4"></video><br/> 2026-08-28T21:33:14Z https://njump.me/nevent1qqsv52gzsszdqp6nt2vd5pfpgvuv7tctup4c9uxjcpx8lqhmjh85qjgzyzp8mlekxygghgazavky24s4zekyxg8ppnsgduc6lf42v4affjsakayyecy &#34;Analog Email Alert&#34; by Zerde Turdybek<br/><br/><a href="https://codepen.io/editor/zerdebek/pen/019ffcaf-a4bd-7436-9063-bea36afa1b94">https://codepen.io/editor/zerdebek/pen/019ffcaf-a4bd-7436-9063-bea36afa1b94</a><br/><video controls width="100%" class="max-h-[90vh] bg-neutral-300 dark:bg-zinc-700"><source src="https://cdn.fosstodon.org/media_attachments/files/117/150/909/850/547/188/original/434c3d1c20c1420f.mp4"></video><br/> 2026-08-24T14:17:04Z https://njump.me/nevent1qqsprm0yppewvvdrjclxxw35lku2zjghekpvsnzlnhl2n7k4lc42r9gzyzp8mlekxygghgazavky24s4zekyxg8ppnsgduc6lf42v4affjsakw26y9n Just saw <a href="https://www.morphicons.com/">https://www.morphicons.com/</a> <br/><br/>6kb library for morphing icons. Works pretty nicely on CodePen.<br/><br/><a href="https://codepen.io/editor/team/CodePenTemplates/pen/019fce35-9f75-7b1a-bcfa-dee24dba5d46">https://codepen.io/editor/team/CodePenTemplates/pen/019fce35-9f75-7b1a-bcfa-dee24dba5d46</a><br/><video controls width="100%" class="max-h-[90vh] bg-neutral-300 dark:bg-zinc-700"><source src="https://cdn.fosstodon.org/media_attachments/files/117/039/378/431/183/018/original/92a01bf00d2f9e35.mp4"></video><br/> 2026-08-04T21:33:13Z https://njump.me/nevent1qqsdrm0e97zy2a5gs9avmtds9arqzl2tzu3edt7p8278tej4pg5h2ygzyzp8mlekxygghgazavky24s4zekyxg8ppnsgduc6lf42v4affjsakd5plnl What if there is a specific file in a Pen you want to use elsewhere? Just grab the URL for it and use it. <br/><br/>Global Assets is more specifically designed for that, though — especially for images where it&#39;s got extra superpowers like resizing, quality control, and auto-formatting.<br/><video controls width="100%" class="max-h-[90vh] bg-neutral-300 dark:bg-zinc-700"><source src="https://cdn.fosstodon.org/media_attachments/files/117/022/391/313/693/986/original/e339e9f0edd9cc30.mp4"></video><br/> 2026-08-01T21:33:11Z https://njump.me/nevent1qqszchkwj8vgepzdusq8cry3gmf2yg709wjtyw2ct406jhx67hc6wmszyzp8mlekxygghgazavky24s4zekyxg8ppnsgduc6lf42v4affjsakx2pf5d &#34;Swiper Js Carousel with progress animations&#34; by Timothee Guignard<br/><br/><a href="https://codepen.io/TimGuignard/pen/WbGzRvE">https://codepen.io/TimGuignard/pen/WbGzRvE</a><br/><video controls width="100%" class="max-h-[90vh] bg-neutral-300 dark:bg-zinc-700"><source src="https://cdn.fosstodon.org/media_attachments/files/116/580/731/070/075/563/original/95b388c3aa043d81.mp4"></video><br/> 2026-05-15T21:33:12Z https://njump.me/nevent1qqswree3fm6kvkalgg7xc2ka8arrp2l8nmd0j97wj24rz37wz5vtsvczyzp8mlekxygghgazavky24s4zekyxg8ppnsgduc6lf42v4affjsakmv700a &#34;CSS Only Marching Ants Border Effect&#34; by Niklas Knaack<br/><br/><a href="https://codepen.io/NiklasKnaack/pen/vEyKzBY">https://codepen.io/NiklasKnaack/pen/vEyKzBY</a><br/><video controls width="100%" class="max-h-[90vh] bg-neutral-300 dark:bg-zinc-700"><source src="https://cdn.fosstodon.org/media_attachments/files/116/573/354/293/017/450/original/42b942dd4eea0ec2.mp4"></video><br/> 2026-05-14T14:17:10Z https://njump.me/nevent1qqsdgxq0c3le57zj30pl75kpcl2t6jpjxp93755l7ztma5x4asly9gczyzp8mlekxygghgazavky24s4zekyxg8ppnsgduc6lf42v4affjsakf4mpjc &#34;Text Slicer&#34; by Giedre Ju<br/><br/><a href="https://codepen.io/Giedr-Ju/pen/EagJOPp">https://codepen.io/Giedr-Ju/pen/EagJOPp</a><br/><video controls width="100%" class="max-h-[90vh] bg-neutral-300 dark:bg-zinc-700"><source src="https://cdn.fosstodon.org/media_attachments/files/116/567/692/028/206/330/original/ace6a8c4933d529f.mp4"></video><br/> 2026-05-13T14:17:09Z https://njump.me/nevent1qqs0surtwzjr5tua768kgrcgj4y6d47jq25n0cjxu7d8kxs5uzv09eszyzp8mlekxygghgazavky24s4zekyxg8ppnsgduc6lf42v4affjsakyafl0j &#34;Jelly text (Variable Font Physics)&#34; by mike-at-redspace <br/><br/><a href="https://codepen.io/mike-at-redspace/pen/JoRPvpy">https://codepen.io/mike-at-redspace/pen/JoRPvpy</a> <br/><br/>(Feels like you could recreate some of the great design at <a href="https://follow.art/">https://follow.art/</a> with variable fonts!)<br/><video controls width="100%" class="max-h-[90vh] bg-neutral-300 dark:bg-zinc-700"><source src="https://cdn.fosstodon.org/media_attachments/files/116/331/589/360/494/504/original/d40f374a68189bbc.mp4"></video><br/> 2026-04-01T21:33:12Z https://njump.me/nevent1qqs92jppfqvmhnm3shmtcsyvcrw80zn9hycss3zdd2yxa5mz3thgvkczyzp8mlekxygghgazavky24s4zekyxg8ppnsgduc6lf42v4affjsakln0zy2 &#34;Silky smooth toggles volume 2&#34; by Josh Dillon<br/><br/><a href="https://codepen.io/jdillon/pen/QWPLvZe">https://codepen.io/jdillon/pen/QWPLvZe</a><br/><video controls width="100%" class="max-h-[90vh] bg-neutral-300 dark:bg-zinc-700"><source src="https://cdn.fosstodon.org/media_attachments/files/116/069/644/483/107/073/original/4d2f3589891b7779.mp4"></video><br/> 2026-02-14T15:17:04Z https://njump.me/nevent1qqspe6qth8ql8cakt8aasw0fzvkpk6msh3g6f2f58qws90k4yyg4ydczyzp8mlekxygghgazavky24s4zekyxg8ppnsgduc6lf42v4affjsakcyqhse &#34;&lt;pixel-canvas&gt; Web Component&#34; by Ryan Mulligan<br/><br/><a href="https://codepen.io/hexagoncircle/pen/KwPpdBZ">https://codepen.io/hexagoncircle/pen/KwPpdBZ</a><br/><video controls width="100%" class="max-h-[90vh] bg-neutral-300 dark:bg-zinc-700"><source src="https://cdn.fosstodon.org/media_attachments/files/113/906/641/960/169/918/original/ed8cb2d1edc25d46.mp4"></video><br/> 2025-01-28T15:17:13Z https://njump.me/nevent1qqsdjlt230wggnztpl2zxfdgw87eq4mycu8e3kzjvlevd2qznt56a0czyzp8mlekxygghgazavky24s4zekyxg8ppnsgduc6lf42v4affjsak238ax4 Classic great site from Una.<br/><br/>You Might Not Need JavaScript: <a href="https://buff.ly/3XDe4DM">https://buff.ly/3XDe4DM</a> <br/><br/>CSS alternatives to interactive componentry. Someone could do a fresh take on all these probably with how much fancy new CSS we have.<br/> <img src="https://cdn.fosstodon.org/media_attachments/files/113/125/007/169/546/961/original/1a50905583f3c5b9.png"> <br/> 2024-09-12T14:17:04Z