Search

Nalezeno "demo": 630

Awesome Demos Roundup #20


A hand-picked collection of the most creative and interesting web experiments from the past times. The post Awesome Demos Roundup #20 appeared first on Codrops

Input valueAsNumber


Every once in a while I learn about a JavaScript property that I wish I had known about years earlier — valueAsNumber is one of them. The valueAsNumber provides the value of an input[type=number] as a Number type, instead of the traditional string representation when you get the value:...

Advanced Code Display with Code Detection API (Sponsored)


Web apps are accepting numerous types of inputs, from basic text to code to imagery, files, and more. It’s important that we validate the contents we receive but if you do allow arbitrary text, it’s good to know what exactly has been submitted so you can present it properly. Enter...

2001 Demo For Previously Unknown Gex Jr. Leaks Online


Gex is back. But not how his fans probably were hoping for. Instead of a new game or remake, fans can check out a demo for Gex Jr. a never-before-seen spin-off of the original Gex franchise. This new demo has surfaced online over 20 years after it was seemingly abandoned. Read more

CSS :has


For as long as developers have written CSS code, we’ve been desperate to have a method to allow styling a parent element based child characteristics. That’s not been possible until now. CSS has introduced the :has pseudo-class which allows styling a parent based on a relative...

The Stranger of Paradise Demo Is Unapologetically Cringe, And I Love It


Since its announcement during E3 2021, Team Ninja’s Stranger of Paradise Final Fantasy Origin has been a hotbed for shitposts and memes. These memes primarily involve out-of-context scenes of protagonist Jack Garland’s music tastes and his unbridled obsession with killing “Chaos”. Read more

Flexible, Powerful DataGrad from Sencha (Sponsored)


Many of the web functionalities that we rely on once lived within individual desktop applications. From office suites, games, and financial tools, all of them are now web applications; they’re just as feature packed as their desktop counterparts. In the past I’ve used a variety...

Confessions of a Web Developer XIX


It’s been a while since I’ve gotten a few things off of my chest and since I’m always full of peeves and annoyances I thought it was time to unleash: Due to the immensely negative response to any tweet about crypto from my blog account, I created a second account just for crypto...

Simplify Your File Handling With Filestack Workflows (Sponsored)


Automation is a really important skill for engineers, especially when it comes to working with various file types. The more you accept for input, and the more you automate, the better end output you can offer. Filestack’s workflows allow developers to define automated tasks using a their...

Manuel Matuzovic’s CSS Specificity Demo


If you’re looking for a primer on CSS specificity, we’ve got that. And if you’re trying to get ahead of the game, you should be aware of CSS Cascade Layers as well. One of the ways to help get … Manuel Matuzovic’s CSS Specificity Demo originally published...

Detect Dark Mode Preference with JavaScript


Seemingly every website, dapp, and app offers a dark mode preference, and thank goodness. Dark mode is especially useful when I’m doing late night coding, or even worse, trading into altcoins. I’m presently working on implementing a dark theme on MetaMask and it got me to thinking:...

Building a Scrollable and Draggable Timeline with GSAP


Here’s a super classy demo from Michelle Barker over on Codrops that shows how to build a scrollable and draggable timeline with GSAP. It’s an interesting challenge to have two different interactions (vertical scrolling and horizontal dragging) be tied together … Building...

JavaScript Class Privates


One of my aspects of JavaScript that drew me to it as a young developers was that its syntax was loose and I could code quickly. As you gain experience as an engineer, you start to realize that some traditional coding structure is a good thing, even if it slows you down. Using Jest or […] The...

Notes on Reverse-Scrolling Columns With CSS Scroll-Timeline


Lemme do this one quick-hits style: Mary Lou published a quintessentially-Codrops-y demo called Alternate Column Scroll. The scrolling effect is powered by Locomotive Scroll, which we’ve coincidentally covered before. Bramus has been exploring native CSS scrolling effects … Notes...

Easy Asset Access with the Cloudinary Media Library Browser Extension


Readers of my blog will know that I’ve been banging the Cloudinary drum for years. Their awesome media capabilities allow users to optimally deliver images, video, and audio in any format and to any device. Performance, customization, flexibility, optimized delivery… Cloudinary makes...

I Love You, Ringo


Some things happen in your life at exactly the right time. It could be meeting the right person, discovering an open source project you go on to join, or even starting a blog when you’re bored with a job you don’t enjoy. All of those things happened to me at the right time and brought...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace