No JavaScript needed 2 lines of CSS to create... a swipe animation ✨show more

💡CSS Tip! Create a tooltip that follows an anchor... with modern CSS! No JavaScript is used to control the position of the tooltip or its tail. It's 100% CSS magic!show more

hear me out you don’t need js to create... a marquee animation just a couple of lines of css and duplicated children with `aria-hidden`show more

No photoshop needed, just a sprinkle of CSS ✨

Create toolbar navigation with CSS, HTML and JavaScript 🚀... Code in the comments 👨‍💻show more

Create this sidebar using HTML, CSS and JavaScript 🚀... Code in the comments 👨‍💻show more

Create file upload dropzone using HTML, CSS and JavaScript... 🚀 Code in the comments 👨‍💻show more

Create this password validator with HTML, CSS and JavaScript... 🚀 Code in the comments 👨‍💻show more

Create smooth responsive burger menu with CSS, HTML and... JavaScript 🚀 Code in the comments 👨‍💻show more

HTML/CSS is Turing complete, so why not compile programs... to plain HTML/CSS and runs with zero bytes of JavaScript?show more

With a few lines of CSS, you can send... your loved one this heartbeat animation on Valentine's. 💜 Live previewshow more

Create this sign up screen with HTML, CSS and... JavaScript 👨‍💻🚀 Code in the comments 👇show more

5 Sites Every Web Developer Needs to Know -... Learn React by doing projects - Claude code alternative - Full-stack hosting for Python, JavaScript, PHP, Go... - Free Tailwind CSS components – Visual CSS animation generatorshow more

I used ChatGPT to create the Matrix in 49... lines of HTML/CSS/JS. Hard to believe this took just 5 mins.show more

i'm late to this but CSS Minecraft (by Benjamin... Aster) is the coolest CSS hack i've ever seen and it's not close. what a feat. there's no javascript on this page!!show more

Claude Sonnet 3.7 Coding Test Prompt: Create a single... HTML file containing CSS and JavaScript to generate an animated weather card. The card should visually represent the following weather conditions with distinct animations: Wind: (e.g., moving clouds, swaying trees, or wind lines) Rain: (e.g., falling raindrops, puddles forming) Sun: (e.g., shining rays, bright background) Snow: (e.g., falling snowflakes, snow accumulating) Show all the weather card side by side The card should have a dark background. Provide all the HTML, CSS, and JavaScript code within this single file. The JavaScript should include a way to switch between the different weather conditions (e.g., a function or a set of buttons) to demonstrate the animations for each.show more

had to do a JavaScript version and bust out... some GSAP like ~20 lines of code 👇show more

you can create a CSS only carousel with CSS... `𝚜𝚌𝚛𝚘𝚕𝚕-𝚜𝚗𝚊𝚙` .𝚜𝚌𝚛𝚘𝚕𝚕𝚎𝚛 { 𝚘𝚟𝚎𝚛𝚏𝚕𝚘𝚠-𝚡: 𝚊𝚞𝚝𝚘; 𝚜𝚌𝚛𝚘𝚕𝚕-𝚜𝚗𝚊𝚙-𝚝𝚢𝚙𝚎: 𝚡 𝚖𝚊𝚗𝚍𝚊𝚝𝚘𝚛𝚢; 𝚜𝚌𝚛𝚘𝚕𝚕-𝚙𝚊𝚍𝚍𝚒𝚗𝚐-𝚒𝚗𝚕𝚒𝚗𝚎: 𝟷.𝟻𝚛𝚎𝚖; /* 𝚖𝚊𝚝𝚌𝚑𝚎𝚜 𝚢𝚘𝚞𝚛 𝚜𝚌𝚛𝚘𝚕𝚕-𝚙𝚕/𝚙𝚛 */ } .𝚌𝚊𝚛𝚍 { 𝚜𝚌𝚛𝚘𝚕𝚕-𝚜𝚗𝚊𝚙-𝚊𝚕𝚒𝚐𝚗: 𝚌𝚎𝚗𝚝𝚎𝚛; 𝚏𝚕𝚎𝚡-𝚜𝚑𝚛𝚒𝚗𝚔: 𝟶; } When you scroll, it snaps exactly in the center of the card Super fun to use, easy to implement, no javascript requiredshow more

🎮 New CSS Game! What about a CSS game... that you can play with your keyboard? No, it's not a joke but a reality! Play "Super CSS Mario", the first CSS-Only game playable using your keyboard. CodePen.IO demo in the next tweet 👇 0% JavaScript - 100% CSS Magic! Have fun🤩show more

Today we got some #animation #inspiration for you! 🎨... We explore transitioning from an irregular grid to an alternative view 👀 #frontend #motiondesign #webdesign #css #javascript #gsap #layout #uidesignshow more