Search
How to Animate the Details Element Using WAAPI
5.11.2020
Animating accordions in JavaScript has been one of the most asked animations on websites. Fun fact: jQuery’s slideDown() function was already available in the first version in 2011.
In this article, we will see how you can animate the native <details> element using the Web Animations...
More People Dipping Toes Into Web Monetization
5.11.2020
Léonie Watson:
I do think that Coil and Web Monetization are at the vanguard of a quiet revolution.
Here’s me when I’m visiting Léonie’s site:
Enjoy the pennies!
My Coil subscription ($5/month) doles out money to sites I visit that have monetization set up and installed.
Other...
When Can You Use Crypto Losses as an Offset?
5.11.2020
If you own crypto, you can assert any crypto losses in the course of your crypto trading on taxes to offset your capital gains. It is essential to claim a crypto capital loss for various reasons. The article will break down why you have to deal with your crypto taxes, even when you face losses....
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...
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...
Bitcoin’s Long-Term Evolution & US Election Impact: A Data Perspective by IntoTheBlock
4.11.2020
Powered by Every week, IntoTheBlock brings you on-chain analysis of top news stories in the crypto space. Leveraging blockchain’s publicContinue Reading
The post Bitcoin’s Long-Term Evolution & US Election Impact: A Data Perspective by IntoTheBlock appeared first on CoinMarketCap Blog
This Conference Will Change How You Invest in Digital Assets
4.11.2020
Digital assets are complicated from legal, technical, and business aspects, so choosing the right gems to invest in and issuing them right as a business is not an easy task. Digital Asset Investment Conference will gather the brightest minds of the digital asset industry to speak about practical...
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...
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,...
Distorted Infinite WebGL Slider with Pixi.js
2.11.2020
In this video you'll learn how to code the infinite scrollable image slider from Lamadone Studio using Pixi.js.
The post Distorted Infinite WebGL Slider with Pixi.js appeared first on Codrops
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...