Search
Under-Engineered Responsive Tables
1.12.2020
I first blogged about responsive data tables in 2011. When responsive web design was first becoming a thing, there were little hurdles like data tables that had to be jumped. The nature of <table> elements are that they have something a minimum width depending on the content they contain...
Native CSS Masonry Layout In CSS Grid
1.12.2020
Rachel Andrew introducing the fact that masonry layout is going to be a thing in native CSS via CSS grid layout. The thing with masonry is that we can already do it for the most part, but there is just one thing that makes it hard: doing the vertical-staggering and having a left-to-right source...
Super Tiny Icons
30.11.2020
A bunch of SVG icons (of popular things) all under 1KB. SVG is awesome for golfing.
I was going to add a CodePen logo but there is already one in there at 375 Bytes. I’ve got one at 208 Bytes, based on a logo update David DeSandro did for us a couple years back.
Direct Link to Article...
Venezuelan Army Starts Mining Bitcoin for ‘Unblockable Income’
30.11.2020
The Venezuelan Army has inaugurated a cryptocurrency mining center with bitcoin mining equipment aimed at generating “unblockable income,” as the country attempts to bypass U.S. sanctions. The crypto mining center has the support of the country’s crypto regulator, Sunacrip....
XRP price now eyeing $1.00 after key support level holds, BTC price soars
30.11.2020
XRP price must break a key resistance level before $1.00 becomes a real possibility
Lots of Ways to Use Math.random() in JavaScript
30.11.2020
Math.random() is an API in JavaScript. It is a function that gives you a random number. The number returned will be between 0 (inclusive, as in, it’s possible for an actual 0 to be returned) and 1 (exclusive, as in, it’s not possible for an actual 1 to be returned).
Math.random(); // returns...
Dogecoin Price Trades Below $0.0035 but Retains Complete Support
30.11.2020
Dogecoin, that is believed to have a concurrent momentum with that of the largest cryptocurrency—Bitcoin is now trading amongst the top 50 cryptos of the market. However, it was until the onset of the ongoing year when DOGE was one of the top 30 cryptos of the market. With an almost stagnant...
Bitcoin whale clusters show these are the strong support levels
27.11.2020
Whale clusters show that the key short term support areas for Bitcoin are $16,694, $16,411, and $16,064
A Complete State Machine Made With HTML Checkboxes and CSS
27.11.2020
State machines are typically expressed on the web in JavaScript and often through the popular XState library. But the concept of a state machine is adaptable to just about any language, including, amazingly, HTML and CSS. In this article, we’re going to do exactly that. I recently built a website...
Bitcoin and Altcoins Respond To Key Uptrend Support
27.11.2020
Bitcoin price failed to recover above the USD 17,350 and USD 17,500 resistance levels. BTC is showing a few negative signs, but it is still well above the USD 16,500 and USD 16,250 support levels. The price is currently (13:00 UTC) trading around USD 17,000 and attempting upside towards...
Chainlink Price Crosses Above $12.5 and Reclaims Lost Support
27.11.2020
Chainlink, one of the lucrative projects amongst the top 10 coins of the global crypto market, is seen pulling back just like any other altcoin of the market, including the largest cryptocurrency by market capitalization—Bitcoin. The entire crypto market is seen losing the winning streak, including...
China’s national blockchain project adds Polkadot support
26.11.2020
The Blockchain Service Network integrates three more major blockchains
Exploring What the Details and Summary Elements Can Do
26.11.2020
We’ve mentioned before just how great the <details> and <summary> elements are. They’re great for quickly making accordions that are accessible to touch, mouse, and keyboard input:
CodePen Embed Fallback
<details> and <summary> can even be used to play/pause gifs!...
Three Things You Didn’t Know About AVIF
26.11.2020
AVIF, the file format based on the AV1 video codec, is the latest addition to the next-gen image formats. Early reports and comparisons show good results compared to JPEG and WebP. However, even if browser support is good, AVIF is still on the bleeding edge in regards to encoding and decoding....
Tailwind versus BEM
25.11.2020
Some really refreshing technological comparison writing from Eric Bailey. Like, ya know, everything in life, we don’t have to hate or love everything. Baby bear thinking, I like to say. There are benefits and drawbacks. Every single bullet point here is well-considered and valid. I really...
Considerations for Making a CSS Framework
25.11.2020
Around eight months ago, I started building a framework which would eventually go on to become Halfmoon. I made a post on this very website announcing the launch of the very first version. Halfmoon has been billed as a Bootstrap alternative with a built-in dark mode feature, that is especially good...
Rendering Spectrum
25.11.2020
Here are the big categories of rendering websites:
Client: ship a <div id="root"></div> and let a JavaScript template render all of it.
Static: pre-render all the HTML.
Server: let a live server process requests and generate the HTML response.
They are not mutually exclusive....
How to Load Fonts in a Way That Fights FOUT and Makes Lighthouse Happy
24.11.2020
A web font workflow is simple, right? Choose a few nice-looking web-ready fonts, get the HTML or CSS code snippet, plop it in the project, and check if they display properly. People do this with Google Fonts a zillion times a day, dropping its <link> tag into the <head>.
Let’s...
The Core Web Vitals hype train
24.11.2020
Some baby bear thinking from Katie Sylor-Miller:
my excitement for Core Web Vitals is tempered with a healthy skepticism. I’m not yet convinced that Largest Contentful Paint (LCP), First Input Delay (FID), and Cumulative Layout Shift (CLS) are the right metrics that all sites should...
Creating UI Components in SVG
24.11.2020
I’m thoroughly convinced that SVG unlocks a whole entire world of building interfaces on the web. It might seem daunting to learn SVG at first, but you have a spec that was designed to create shapes and yet, still has elements, like text, links, and aria labels available to you. You can accomplish...