Search
How to Write Loops with Preprocessors
5.11.2020
Loops are one of those features that you don’t need every day. But when you do, it’s awfully nice that preprocessors can do it because native HTML and CSS cannot.
Sass (SCSS)
for Loop
CodePen Embed Fallback
while Loop
CodePen Embed Fallback
each Loop
CodePen Embed Fallback
Less
for...
This page is a truly naked, brutalist html quine.
4.11.2020
Here’s a fun page coming from secretGeek.net. You don’t normally think “fun” with brutalist minimalism but the CSS trickery that makes it work on this page is certainly that.
The HTML is literally displayed on the page as tags. So, in a sense, the HTML is both the page...
Covid-19: IMF Urges More Stimulus Support For Non-Contact Intensive Businesses
4.11.2020
The International Monetary Fund (IMF) is encouraging countries to create money to mitigate the effects of lockdown restrictions on economies. Specifically, the international lender wants businesses and workers displaced by the pandemic related responses to get financial support as they adjust their...
Getting the WordPress Block Editor to Look Like the Front End Design
4.11.2020
I’m a WordPress user and, if you’re anything like me, you always have two tabs open when you edit a post: one with the new fancy pants block editor, aka Gutenberg, and another with a preview of the post so you know it won’t look wonky on the front end.
It’s no surprise that...
Chinese Payments Giant UnionPay to Support Crypto Payments With New Virtual Card
4.11.2020
The world's biggest credit and debit card company will support payments with a South Korea-developed cryptocurrency for an upcoming virtual card offering
Additive Animations in CSS
3.11.2020
Daniel C. Wilson explains how with CSS @keyframe animations, when multiple of them are applied to an element, they do both work. But if any properties are repeated, only the last one works. They override each other. I’ve seen this limitation overcome by applying keyframes to nested elements...
Websites We Like: Whimsical
3.11.2020
Whimsical is an app that lets you create flowcharts, wireframes, and mind maps but it was only earlier today that I spotted just how great the website is — especially the product pages. Check out this page where they describe how to use the Mind Maps feature where you can use the product right...
GIFS and prefers-reduced-motion
3.11.2020
The <picture> element has a trick it can do where it shows different image formats in different situations. If all you are interested in is formats for the sake of performance, maybe you’d do:
<picture<source srcset="img/waterfall.avif" type="image/avif"<source...
PayPal crypto services to go global early 2021, support for CBDCs coming
3.11.2020
PayPal is planning to launch crypto services for users of its platform globally, along with the Venmo app, and the company will explore central bank digital currencies
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...
How to Automate Project Versioning and Releases with Continuous Deployment
2.11.2020
Having a semantically versioned software will help you easily maintain and communicate changes in your software. Doing this is not easy. Even after manually merging the PR, tagging the commit, and pushing the release, you still have to write release notes. There are a lot of different steps,...
Beaxy Exchange Adds Support for Six National Currencies
2.11.2020
Disclaimer: The text below is a press release that was not written by Cryptonews.com.
Beaxy Exchange’s mission is to help cryptocurrency traders and investors build their financial future. By increasing their exposure to a diverse range of assets, providing them with assistive trading tools,...
Bitcoin.com Exchange Reveals Role in the Cryptopia Rescue Group
31.10.2020
The world-class trading platform, Bitcoin.com Exchange announced it’s participating in the Cryptopia Exchange rescue consortium in order to help redistribute coins to customers. Bitcoin.com’s trading platform will provide an exchange environment in order to bolster the Cryptopia Rescue...
compute cuter
30.10.2020
Get that desk more cuter, fam. Amy (@sailorhg) has this perfectly cute minisite with assorted desktop backgrounds, fonts, editor themes, keyboard stuff, and other accessories. These rainbow cables are great.
And speaking of fonts, we’re still plucking away at this microsite for coding fonts...
Little Things on My Personal Site
30.10.2020
I updated my personal website the other day. Always a fun project since it’s one of the few where it’s 100% just me. It’s my own personal playground with no other goal than making the site represent me to have a little fun. It’s not a complete re-write, just some new paint....
In Defense of Tables and Floats in Modern Day Development
30.10.2020
Twenty-plus years ago, tables were the main way web pages were created in HTML. It gave web builders consistent control of constructing pages with some “design.” No longer did sites only have to be top-to-bottom in a linear manner — they could be set up with columns that align left-to-right...
Using Your Own Design System with KendoReact Components
30.10.2020
Maybe you’ve already heard of (or even worked with!) KendoReact. It’s popped up in some of my day-to-day conversations, especially those about working with design systems and React. You could think of it as a component library like Bootstrap or Material Design, except the components...
The CSS Custom Property Toggle Trick
29.10.2020
Back in July 2020, I got an email from James0x57 (I always try to refer to people by their name, but I think I get the sense they prefer to go by screen name) that says:
The entire world of branching conditional logic and bulk feature toggling for custom CSS properties is possible and only exists...
More on content-visibility
28.10.2020
Back in August 2020, when the content-visiblity property in CSS trickled its way into Chrome browsers, Una Kravets and Vladimir Levin wrote about it and we covered it. The weirdest part is that to get the performance value out of it, you pair it with contain-intrinsic-size on these big chunks...
Comparing Static Site Generator Build Times
28.10.2020
There are so many static site generators (SSGs). It’s overwhelming trying to decide where to start. While an abundance of helpful articles may help wade through the (popular) options, they don’t magically make the decision easy.
I’ve been on a quest to help make that decision easier. A colleague...