Search
Implementing WebGL Powered Scroll Animations
19.10.2020
Learn some fun WebGL by reconstructing the beautiful scroll animations from Robin Noguier's portfolio.
The post Implementing WebGL Powered Scroll Animations appeared first on Codrops
Coding the Mouse Particle Effect from Mark Appleby’s Website
12.10.2020
Learn how to create the mouse particle effect from Mark Appleby's website in this ALL YOUR HTML episode.
The post Coding the Mouse Particle Effect from Mark Appleby’s Website appeared first on Codrops
Recreating the “100 Days of Poetry” Effect with Shader, ScrollTrigger and CSS Grid
5.10.2020
The latest ALL YOUR HTML live coding session where you'll learn how to recreate the effect seen on the "100 Days of Poetry" website.
The post Recreating the “100 Days of Poetry” Effect with Shader, ScrollTrigger and CSS Grid appeared first on Codrops
Accessible Web Animation: The WCAG on Animation Explained
22.9.2020
It’s true, web animation can be accessible! Sometimes it just takes a little extra effort to make sure that it is. There are strategic things we can do to make sure our animations have a positive impact on accessibility, like planning how they contribute to the overall UX and ease of use of...
Bitcoin Obituaries Lists Another Crypto Eulogy, 2020 BTC Deaths in the Single Digits
9.9.2020
The infamous “Bitcoin Obituaries” has seen another addition to the long list of deaths since bitcoin’s oldest death on December 15, 2010. According to the list of articles with 382 deaths to-date, bitcoin was declared dead again on September 4, 2020. Ever since Satoshi Nakamoto...
Design.dev Review: A New Place to Find Free High-Quality Design Resources
27.8.2020
The hip new design resource site Design.dev will provide you with unique resources and premium designs that you won't find anywhere else.
The post Design.dev Review: A New Place to Find Free High-Quality Design Resources appeared first on Codrops
This vs. That
24.8.2020
Here’s a nice site from Phuoc Nguyen, who I’ve noted before has quite a knack for clever sites. This vs. That pits different related concepts against each other as a theme for an article. For example, CSS has display: none;, opacity: 0;, and visibility: hidden; and they all, on...
Why Developers should Design Niche Portfolio Sites for Themselves
20.8.2020
This post will show you how to design niche portfolio sites that instantly impress prospective clients and save you the trouble in trying to find and sell them yourself.
The post Why Developers should Design Niche Portfolio Sites for Themselves appeared first on Codrops
Holy Albatross with Widths
24.7.2020
Heydon’s Holy Albatross is a technique to have a row of elements break into a column of elements at a specific width. A specified parent width, not a screen width like a media query would have. So, like a container query (ya know, those things that don’t exist yet that we...
News.Bitcoin.com Lead Writer Jamie Redman Named One of the Best Crypto Bloggers
19.7.2020
Lead Writer at News.Bitcoin.com, Jamie Redman has made Redeeem.com’s list of twelve influential go-to crypto bloggers. Redeeem says the list comprises names behind some of the most informative crypto news articles. In its citation, Redeeem says Jamie Redman, who is also a crypto meme...
Some Typography Links
25.6.2020
I just can’t stop opening excellent typography-related articles, which means I need to subject you to blog posts that round them up so I can clean up my open tabs.
Vistaserve is “a grass-roots web hosting initiative hailing from Thornbury, Australia. Inspired by the quirky web of...
5 Myths About Jamstack
9.6.2020
Jamstack isn’t necessarily new. The term was officially coined in 2016, but the technologies and architecture it describes have been around well before that. Jamstack has received a massive dose of attention recently, with articles about it appearing in major sites and publications and...
7 Reasons to Use Illustrations on Your Website (And Examples of How to Do It)
25.5.2020
Are you having a hard time finding photos for your website? The solution might be a simple one: use illustrations. This post will show you how and when they make sense to use.
7 Reasons to Use Illustrations on Your Website (And Examples of How to Do It) was written by Bogdan Sandu and published...
“The Modern Web”
22.5.2020
A couple of interesting articles making the rounds:
Tom MacWrite: Second-guessing the modern web
Rich Harris: In defense of the modern web
I like Tom’s assertion that React (which he’s using as a stand-in for JavaScript frameworks in general) has an ideal usage:
There is a sweet spot...
Radio Buttons Are Like Selects; Checkboxes Are Like Multiple Selects
20.5.2020
I was reading Anna Kaley’s “Listboxes vs. Dropdown Lists” post the other day. It’s a fairly straightforward comparison between different UI implementations of selecting options. There is lots of good advice there. Classics like that you should use radio buttons (single...
Playing With (Fake) Container Queries With watched-box & resizeasaurus
5.5.2020
Heydon’s <watched-box> is a damn fantastic tool. It’s a custom element that essentially does container queries by way of class names that get added to the box based on size breakpoints that are calculated with ResizeObserver. It’s like a cleaner version of what Philip...
5 Psychological Tricks to Use in Email Newsletter
1.5.2020
Email marketing plays a big part in developing the brand. Whether you run an ordinary blog or hold the reins of a multinational estore, it is one of those...
The post 5 Psychological Tricks to Use in Email Newsletter appeared first on Onextrapixel
Rethinking Twitter as a Serverless App
23.4.2020
In a previous article, we showed how to build a GraphQL API with FaunaDB. We’ve also written a series of articles [1, 2, 3, 4] explaining how traditional databases built for global scalability have to adopt eventual (vs. strong) consistency, and/or make compromises on relations and indexing...
Free Market Think Tank FEE Now Accepts Bitcoin Cash Donations
11.4.2020
The oldest free market think tank in the United States, the Foundation for Economic Education (FEE) has announced the 501(c)3 educational foundation now accepts bitcoin cash (BCH) for donations. The libertarian organization promotes sound economic theory, publishes books and articles regularly...
Consistent Backends and UX: How Do New Algorithms Help?
26.3.2020
Article Series
Why should you care?
What can go wrong?
What are the barriers to adoption?
How do new algorithms help?
In previous articles, we explained what consistency is, the difference between "strong" and "eventual" consistency, and why this distinction is more important than ever to modern...