Search
Detect Unused Classes in… HTML
16.6.2021
Usually, when “unused” comes up in conversation regarding CSS, it’s about removing chunks of CSS that are not used in your site or, at least, the styles not currently in use on a specific page. The minimal amount of CSS …
The post Detect Unused Classes in… HTML...
A Crash Course in WordPress Block Filters
2.6.2021
Blocks in WordPress are great. Drop some into the page, arrange them how you like, and you’ve got a pretty sweet landing page with little effort. But what if the default blocks in WordPress need a little tweaking? Like, what …
The post A Crash Course in WordPress Block Filters appeared first...
What Google’s New Page Experience Update Means for Images on Your Website
6.5.2021
It’s easy to forget that, as a search engine, Google doesn’t just compare keywords to generate search results. Google knows that if people don’t enjoy their experience on a web page, they won’t stay on the page long enough to …
The post What Google’s New Page Experience Update Means...
Image Optimization Strategies Compared (Sponsored)
30.4.2021
We all know the stats. Slower website performance is strongly linked to higher abandon rates and lower conversions. What you may not know is that the main culprit is bloated web page payloads, bringing down our otherwise performant web pages via images. That being said, images also drive...
Shared Element Transitions
27.4.2021
I was just Hoping for Better Native Page Transitions, and Bramus commented that Chrome is working on something. Looks like it has some fresh enthusiasm for it, as there is a brand new repo, and you can literally …
The post Shared Element Transitions appeared first on CSS-Tricks.
You...
The Almost-Complete Guide to Cumulative Layout Shift
22.4.2021
Here’s Jess B. Peck writing all about Google’s Core Web Vitals:
Let’s step back one. CLS is when you’re about to click on a link, and the whole page shifts and you click on a different link instead. It’s when
…
The post The Almost-Complete Guide to Cumulative Layout Shift...
Still Hoping for Better Native Page Transitions
22.4.2021
It sure would be nice to be able to animate the transition between pages if we want to on the web, at least without resorting to hacks or full-blown architecture choices just to achieve it. Some kind of API that …
The post Still Hoping for Better Native Page Transitions appeared first...
Sticky Headers: 5 Ways to Make Them Better
21.4.2021
Page Laubheimer says that if you’re going to do a sticky header…
Keep it small.
Visually contrast it with the rest of the page.
If it’s going to move, keep it minimal. (I’d say, respect prefers-reduced-motion.)
Consider “partially persistent
…
The post Sticky...
How to Improve CSS Performance
19.4.2021
There is no doubt that CSS plays a huge role in web performance. Milica Mihajlija puts a point on exactly why:
When there is CSS available for a page, whether it’s inline or an external stylesheet, the browser delays rendering
…
The post How to Improve CSS Performance appeared first...
Preview to Full Content Page Transition
7.4.2021
An experimental page transition concept for magazines and blogs where an excerpt item opens for a full page view.
The post Preview to Full Content Page Transition appeared first on Codrops
Creating a Smart Navbar With Vanilla JavaScript
5.4.2021
Sticky, or fixed, navigation is a popular design choice because it gives users persistent access to navigate the site. On the other hand, it takes up space on the page and sometimes covers content is a way that’s less than …
The post Creating a Smart Navbar With Vanilla JavaScript appeared...
Fixing a slow site iteratively
1.4.2021
Site performance is potentially the most important metric. The better the performance, the better chance that users stay on a page, read content, make purchases, or just about whatever they need to do. A 2017 study by Akamai says as …
The post Fixing a slow site iteratively appeared first...
Overlay Fact Sheet
31.3.2021
I would hope all our web designer/developer spidey senses trigger when the solution to an accessibility problem isn’t “fix the issue” but rather “add extra stuff to the page.” This Overlay Fact Sheet website explains that. An “Overlay” is one …
The...
New FATF Guidance Applies Regulatory Standards to Decentralized Exchanges, Defi and NFTs
24.3.2021
On March 19, the Financial Action Task Force (FATF) published draft guidance on the risk-based approach to virtual assets. The newly updated guidance now applies anti-money laundering and know-your-customer rules to stablecoins, decentralized finance (defi), and non-fungible token (NFT) assets....
6 Best WordPress Landing Page Plugins Compared (2021)
15.3.2021
Are you struggling to grow your email list and generate more leads? Are you having trouble signing up people for your webinars? Landing pages are the solution to all...
The post 6 Best WordPress Landing Page Plugins Compared (2021) appeared first on Onextrapixel
Zlobivé holky historie: Pin-up misionářka Bettie Mae Page
12.3.2021
Ovlivnila sexualitu, vkus i módu. Do její podoby se stylizovaly Katy Perry, Madonna, Rihanna nebo třeba Uma Thurman ve filmu Pulp Fiction. Modelka Bettie Mae Page zkrátka nikdy netrpěla přehnaným studem a nebála se pózovat ani v populárních pánských magazínech
Table of Contents with IntersectionObserver
11.3.2021
If you have a table of contents on a long-scrolling page, thanks to, say, position: fixed; or position: sticky;, the IntersectionObserver API in JavaScript is the perfect companion to highlight items in the table of contents when corresponding content …
The post Table of Contents with...
Too Many SVGs Clogging Up Your Markup? Try `use`.
10.3.2021
Recently, I had to make a web page displaying a bunch of SVG graphs for an analytics dashboard. I used a bunch of <rect>, <line> and <text> elements on each graph to visualize certain metrics.
This works and renders …
The post Too Many SVGs Clogging Up Your Markup?...
Writer Torrey Peters Wants a Punk Utopia for Trans Girls and a Cuisinart Mixer
8.3.2021
My friend and colleague Harron Walker once found it difficult to preface the force that is Torrey Peters. Now, here I am, repeating that confusion, at a loss for how to possibly describe a writer who refuses to be pinned down by other’s expectations. Her debut novel, Detransition, Baby, published...
A Bare-Bones Approach to Versatile and Reusable Skeleton Loaders
3.3.2021
UI components like spinners and skeleton loaders make waiting for a page load less frustrating and might even affect how loading times are perceived when used correctly. They won’t completely prevent users from abandoning the website, but they might encourage …
The post A Bare-Bones Approach...