Search

Nalezeno "any": 1053

Auto-Growing Inputs & Textareas

25.3.2020
By default, <input> and <textarea> elements don't change size based on the content they contain. In fact, there isn't any simple HTML or CSS way to make them do that. Kinda funny, as that seems like a reasonable use-case. But of course, there are ways, my friend. There are always...

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...

Auto-Archival

20.3.2020
I'm sure most of us have used the ol' Wayback Machine to access some site that's gone offline. I don't actually know how it decides what sites to archive and when, but you can tell it to save pages. There is UI for it right on its homepage. Also, there is a little trick... Typing...

12 Platforms Allowing You to Trade Gift Cards With Cryptocurrencies

19.3.2020
In an emergency situation like the current coronavirus pandemic, anything can turn into currency as the fiat system may experience cash shortages and devaluation. Cryptocurrency users have options to trade bitcoin beyond traditional money. A number of platforms will let you exchange...

Flexbox and absolute positioning

18.3.2020
Chen Hui Jing notes that when you absolutely position a flex item, it's no longer part of the flex layout. Except... it kinda is a little bit. If you make the child position: absolute; but don't apply any top/right/bottom/left properties, then flexbox alignment will still apply to it. It's odd...

How to Simulate Long HTTP Requests

17.3.2020
It happens less frequently these days but there are times when we need to accommodate for a HTTP request timing out. The service could be down, under heavy traffic, or just poorly coded, or any host of other issues. Whenever I need to simulate a long HTTP request, I use a bit of PHP...

Build a Node.js Tool to Record and Compare Google Lighthouse Reports

16.3.2020
In this tutorial, I’ll show you step by step how to create a simple tool in Node.js to run Google Lighthouse audits via the command line, save the reports they generate in JSON format and then compare them so web performance can be monitored as the website grows and develops. I’m hopeful this...

How to Make a Line Chart With CSS

11.3.2020
Line,  bar, and pie charts are the bread and butter of dashboards and are the basic components of any data visualization toolkit. Sure, you can use SVG or a JavaScript chart library like Chart.js or a complex tool like D3 to create those charts, but what if you don't want to load yet another...

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...

Animating CSS Width and Height Without the Squish Effect

6.3.2020
The first rule of animating on the web: don't animate width and height. It forces the browser to recalculate a bunch of stuff and it's slow (or "expensive" as they say). If you can get away with it, animating any transform property is faster (and "cheaper"). Butttt, transform can be tricky. Check...

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...

Binance Coin Manages to Stay Above $19; Yet to Give Any Bullish Sign

4.3.2020
Binance Coin seems a bit more positive as compared to other altcoins right now as it has been maintaining an uptrend since at least the last 5 days. Recently, it has formed a bullish candle above the 61.80% fib level. However, the coin keeps ranging between $19 to $20 since yesterday. Binance Coin...

Just Dropping Some Type Links

3.3.2020
I've had a bunch of tabs open that just so happen to all be related to typography, so I figured I'd give myself the mental release of closing them by blogging them. How's that for a blog post format for ya: whatever random tabs you've had open for far too long. Times New Roman is popular on...

When CSS Blocks

28.2.2020
Tim Kadlec: One particular pattern [for loading non-critical CSS] I’ve seen is the preload/polyfill pattern. With this approach, you load any stylesheets as preloads instead, and then use their onload events to change them back to a stylesheet once the browser has them ready. So you're...

Let’s Say You Were Going to Write a Blog Post About Dark Mode

26.2.2020
This is not that blog post. I'm saying let's say you were. This is not a knock any other blog posts out there about Dark Mode. There are lots of good ones, and I'm a fan of any information-sharing blog post. This is more of a thought exercise on what I think it would take to write a really great...

CoinDeal Launches Crypto Debit Card With Great Benefits

25.2.2020
The cryptocurrency exchange founders with years of experience in finance, Blockchain, and crypto industry, have prepared a pre-order of a CoinDeal debit card. Now, cryptocurrency payments will be easier than ever, at any time and place. If you want to buy a coffee directly from your exchange...

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