Search

Nalezeno "the way": 1892

Fighting Games Have Come A Long Way


It’s common knowledge that fighting game sprites have grown larger and more refined as technology has improved, at least in those rare few games that still use them. But I never truly appreciated how big of a difference there is between the classics and their modern counterparts before now.Read more

Fading in a Page on Load with CSS & JavaScript


Louis Lazaris demonstrates a very simple way of doing this. Hide the body (with JavaScript) right away with opacity: 0 Wait for all the JavaScript to execute Unhide the body by transitioning it back to opacity: 1 Like this: CodePen… The post Fading in a Page on Load with CSS &...

A (terrible?) way to do footnotes in HTML


Terence Eden poked around with a way to do footnotes using the <details>/<summary> elements. I think it’s kind of clever. Rather than a hyperlink that jumps down to explain the footnote elsewhere, the details are right there next … The post A (terrible?) way to...

Flash’s Web Tech Legacy


Tiffany B. Brown on how Flash paved the way for some things we might think of as fairly modern web technologies: Flash wasn’t just good for playing multimedia. It was also good for manipulating it. Using ActionScript, you could pan … The post Flash’s Web Tech Legacy...

Animating with Lottie


I believe animation on the web is not only fun, but engaging in such a way that it has converted site visitors into customers. Think of the “Like” button on Twitter. When you “like” a tweet, tiny colorful bubbles … The post Animating with Lottie appeared first on CSS-Tricks. You can support...

Svelte and Spring Animations


Spring animations are a wonderful way to make UI interactions come to life. Rather than merely changing a property at a constant rate over a period of time, springs allow us to move things using spring physics, which gives the … The post Svelte and Spring Animations appeared first...

Transformers Just Shook Up Its Lore in a Wild Way


Transformers is a franchise that from the get-go has almost been ceaselessly fascinated with its past. The long shadow of the fabled “G1” era—from its design sensibilities to its origin deep-dives—has cast a long shadow over so much of what has come since, including Netflix’s latest re-litigation...

Can’t Keep a Good Dog Down: Meme Token Dogecoin Spiked Over 500% This Year


The leading cryptocurrency bitcoin has crossed new all-time highs (ATH) in 2020 and into 2021 as well. However, many other digital assets have a long way to go to reach the ATH they experienced three years ago in 2017. Although one particular older cryptocurrency, the popular meme token Dogecoin...

Open a Browser Tab with DevTools Open by Default


Using command line flags is a great way to subtly improve productivity. Whether saving yourself keystrokes or enabling specific features, it’s very much worth knowing the application flags available to you. To launch a new tab with DevTools in Chrome, you can use...

Custom Styles in GitHub Readme Files


Even though GitHub Readme files (typically ./readme.md) are Markdown, and although Markdown supports HTML, you can’t put <style> or <script> tags init. (Well, you can, they just get stripped.) So you can’t apply custom styles there. Or can you? You can use SVG as...

Continuous Performance Analysis with Lighthouse CI and GitHub Actions


Lighthouse is a free and open-source tool for assessing your website’s performance, accessibility, progressive web app metrics, SEO, and more. The easiest way to use it is through the Chrome DevTools panel. Once you open the DevTools, you will see a “Lighthouse” tab. Clicking the “Generate report”...

“Yes or No?”


Sara Soueidan digs into this HTML/UX situation. “Yes” or “no” is a boolean situation. A checkbox represents this: it’s either on or off (uh, mostly). But is a checkbox always the best UX? It depends, of course: Use radio buttons if you expect the answer to be equally...

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