Search
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...
How You Might Build a Modern Day Webring
20.11.2020
I’m sure different people picture different things when they think about webrings, so let me clarify what I picture. I see an element on a website that:
Signifies this site is part of a webring
Allows you to move to the next or previous site of the webring
Maybe has other functionality like...
Gray Burst
3.11.2020
I made this neat little gray burst thing. It’s nothing particularly special, especially compared to the amazing creativity on CodePen, but I figured I could document some of the things happening in it for learning reasons.
CodePen Embed Fallback
It’s SVG
SVG has <line x1 y1...
Tax professional explains the most important thing for US crypto holders
29.10.2020
Tax season is confusing, especially when it comes to crypto
WordPress and Jamstack
26.10.2020
I recently moderated a panel at Netlify’s virtual Jamstack Conf that included Netlify CEO Matt Biilman and Automattic founder Matt Mullenweg. The whole thing was built up — at least to some — as a “Jamstack vs. WordPress” showdown.
I have lots of thoughts of my own on this...
Smarter Ways to Generate a Deep Nested HTML Structure
21.10.2020
Let’s say we want to have the following HTML structure:
<div class='boo'<div class='boo'<div class='boo'<div class='boo'<div class='boo'</div</div</div</div</div
That’s real a pain to write manually. And the reason why this post was born was being...
Philippines Regulator Warns Investors to Steer Clear of Mining City’s Bitcoin Vault Ponzi
15.10.2020
There’s a mining contract scheme people are discussing and making the rounds on the web called “Mining City” or “Bitcoin Vault.” The Philippines SEC recently put out a warning against the operation and the alleged masterminds behind the project. One thing is for sure...
Tokenized Staked ETH Will Replace ETH (And That’s a Good Thing)
14.10.2020
Ethereum's shift to proof-of-stake will take conventional ETH out of circulation, replaced by a tokenized version of itself, says the CEO of Staked
Parsel: A tiny, permissive CSS selector parser
2.10.2020
If you’ve ever thought to yourself, gosh, self, I wish I could have an Abstract Syntax Tree (AST) of this CSS selector, Lea has your back.
If you’ve ever thought that same thing for an entire CSS file, that’s what PostCSS is, which has gone v8. PostCSS doesn’t do anything...
Are 'social tokens' the next big thing?
2.10.2020
Creators and influencers have a new way to monetize their efforts and reward their loyal followers
How to Create an Async Function
24.9.2020
One thing I love about JavaScript is that there are many ways to accomplish the same task, one such example being creating functions. There are several patterns for functions; one of the last you see used is the new Function method: /* new Function(arg1, arg2 (...), body) */ const myFunction =...
DeFi may not be like the ICO boom, but is that a good thing?
22.9.2020
Cameron Winklevoss and Tone Vays disagree on the quality of the DeFi space within the context of previous blockchain booms and busts
Switchere: Buy Crypto with CC, Pay with Local Banks, Swap and Sell Coins Online
18.9.2020
Presently, the crypto market is witnessing an incredible growth and massive adoption worldwide. Digital transformation and tokenization give freedom to deployment of cryptocurrencies in everyday life. However, one thing worth careful considering is how to choose a trustworthy online crypto exchange...
Editing HTML Like A Boss In VS Code
16.9.2020
Here’s a seven minute video from Caleb Porzio that focuses on some of Emmet‘s HTML editing features. You might think of Emmet as that thing that expands abbreviations like table.stats>tr*3>td*3 into glorious, expanded, and perfect HTML. But Emmet has other HTML editing trickery...
How to Get Handwriting Animation With Irregular SVG Strokes
11.9.2020
I wanted to do a handwriting animation for calligraphy fonts — the kind where the words animate like they are being written by an invisible pen. Because calligraphy fonts have uneven stroke widths (they actually aren’t even strokes in terms of SVG), it was near impossible to do this sort of thing...
Game review: Adoraboos is free and that’s the best thing about it
10.9.2020
Distance learning gaming app claims to teach blockchain for all ages... fails miserably
AVIF has landed
8.9.2020
Everybody is talking about AVIF today because of Jake’s blog post. As the say, I was today years old when I learned AVIF was a thing. But thanks to web technology being ahead of the game for once, we can already take advantage of it.
This will be easier if you’ve abstracted your...
One Action, Multiple Terminal Windows Running Stuff
8.9.2020
Many development environments require running things in a terminal window. npm run start, or whatever. I know my biggest project requires me to be running a big fancy Docker-based thing in one terminal, Ruby on Rails in another, and webpack in another. I’ve worked on other projects that...
Working with JavaScript Media Queries
7.9.2020
What’s the first thing that comes to mind when you think of media queries? Maybe something in a CSS file that looks like this:
body {
background-color: plum;
}
@media (min-width: 768px) {
body {
background-color: tomato;
}
}
CSS media queries are a core ingredient in any responsive...
Collective #620
28.8.2020
What is the Small Web? * ztext.js * Umami * The Thing With Leading in CSS * A Tapestry of Tools
The post Collective #620 appeared first on Codrops