Search

Nalezeno "idea": 522

Playing With (Fake) Container Queries With watched-box & resizeasaurus

5.5.2020
Heydon’s <watched-box> is a damn fantastic tool. It’s a custom element that essentially does container queries by way of class names that get added to the box based on size breakpoints that are calculated with ResizeObserver. It’s like a cleaner version of what Philip...

Enable Gatsby Incremental Builds on Netlify

1.5.2020
The concept of an “incremental build” is that, when using some kind of generator that builds all the files that make for a website, rather than rebuilding 100% of those files every single time, it only changes the files that need to be changed since the last build. Seems like...

Some Innocent Fun With HTML Video and Progress

30.4.2020
The idea came while watching a mandatory training video on bullying in the workplace. I can just hear High School Geoff LOL-ing about a wimp like me have to watch that thing. But here we are. The video UI was actually lovely, but it was the progress bar that really caught my attention – or rather...

Coinbase Launches Price Feed to Help Secure $1 Billion DeFi Economy

25.4.2020
Cryptocurrency exchange Coinbase has released a price oracle that allows anyone to publish price data on-chain. The Coinbase Oracle, a signed price feed, grants users free access to data for BTC-USD and ETH-USD markets, the company announced Thursday. The idea is to make decentralized finance more...

Fake Code

21.4.2020
Here’s a fun little idea from Knut Synstad. You give it the URL of a GitHub Gist and it converts the Gist into grayscale rounded blobs (SVG) that sorta look like code if you squint. Maybe fun for interesting dynamic backgrounds or for whatever you might use code-looking stock art for. It...

Rethinking Code Comments

2.4.2020
Justin Duke asks if treating code comments like footnotes could help us understand the code in a file better. In his mockup, all the comments are hidden by default and require a click to reveal: What a neat idea! Justin’s design reminds me of the way that Instapaper treated inline...

Emergency Website Kit

27.3.2020
Here’s an outstanding idea from Max Böck. He’s created a boilerplate project for building websites that fit within a single HTTP request. This is extremely important for websites that contain critical information for public safety. As Max writes: In cases of emergency, many organizations need...

Emojis as Favicons

24.3.2020
Lea Verou had a dang genius idea to use an emoji as a favicon. The idea only recently possible as browsers have started supporting SVG for favicons. Chuck an emoji inside an SVG <text element and use that as the favicon. Now that all modern browsers support SVG favicons, here's how...

Indicating Scroll Position on a Page With CSS

24.3.2020
Scrolling is something we all know and do on the web to the extent that it’s an expectation or perhaps even a habit, like brushing our teeth. That’s probably why we don’t put too much thought into designing the scrolling experience — it’s a well-known basic function. In fact, the popular “there...

If You Don’t Trust Yourself, These Crypto Vaults Will Help You Hodl Safely

18.3.2020
Hodling in difficult times has historically proven to be a long-term winning strategy. Keeping your cryptocurrency in your own cold storage is by default a good idea as far as security is concerned. But if you don’t trust yourself to not lose a small hardware device or a piece of paper, then...

Block Links Are a Pain (and Maybe Just a Bad Idea)

10.3.2020
As we noted in our complete guide, you can put an <a href=""> link around whatever chunks of HTML you like. Let's call that a "block link." Like you are wanting to link up an entire "Card" of content because it makes a big clickable target. <a href="/article/"<!-- display: block;...

The 3 Laws of Serverless

6.3.2020
Burke Holland thinks that to "build applications without thinking about servers" is a pretty good way to describe serverless, but... Nobody really thinks about servers when they are writing their code. I mean, I doubt any developer has ever thrown up their hands and said “Whoa, whoa, whoa. Wait...

How We Created a Static Site That Generates Tartan Patterns in SVG

4.3.2020
Tartan is a patterned cloth that’s typically associated with Scotland, particularly their fashionable kilts. On tartanify.com, we gathered over 5,000 tartan patterns (as SVG and PNG files), taking care to filter out any that have explicit usage restrictions. The idea was cooked up by Sylvain...

USDZ Capital Group Launches USDZ Stablecoin

4.3.2020
Stablecoin is a cryptocurrency pegged to less volatile external assets such as official currencies, precious metals, or oil. The value of a stablecoin can also be pegged to other crypto-assets or fixed by algorithms. Stablecoins retain the same value as the underlying asset and are not subject...

Animated Matryoshka Dolls in CSS

27.2.2020
Here’s a fun one. How might we create a set of those cool Matryoshka dolls where they nest inside one another... but in CSS? I toyed with this idea in my head for a little while. Then, I saw a tweet from CSS-Tricks and the article image had the dolls. I took that as a sign! It was time to...

Weaving a Line Through Text in CSS

26.2.2020
Earlier this year, I came across this demo by Florin Pop, which makes a line go either over or under the letters of a single line heading. I thought this was a cool idea, but there were a few little things about the implementation I felt I could simplify and improve at the same time. First off,...

In-Browser Performance Linting With Feature Policies

26.2.2020
Here’s a neat idea from Tim Kadlec. He uses the Modheader extension to toggle custom headers in his browser. It also lets him see when images are too big and need to be optimized in some way. This is a great way to catch issues like this in a local environment because browsers will throw an error...

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