Search
Jamstack Conf 2021
14.9.2021
(This is a sponsored post.)
What? Jamstack Conf! It’s the best! Learn what’s happening and what’s next for this hot ecosystem.
When? October 6–7, 2021
Where? Virtual / online.
How much? It’s free! There are workshops as well though, …
The post Jamstack Conf 2021...
Grainy Gradients
13.9.2021
Browse through Dribbble or Behance, and you’ll find designers using a simple technique to add texture to an image: noise. Adding noise makes otherwise solid colors or smooth gradients, such as shadows, more realistic. But despite designers’ affinity for texture, …
The post Grainy Gradients...
Social Image Generator + Jetpack
13.9.2021
I feel like my quest to make sure this site had pretty sweet (and automatically-generated) social media images (e.g. Open Graph) came to a close once I found Social Image Generator.
The trajectory there was that I ended up …
The post Social Image Generator + Jetpack appeared first...
Z Alan Wake Remastered zmizí „skryté“ reklamy, dohoda vypršela
13.9.2021
Remasterované verze mysteriózní akce Alan Wake nebude obsahovat takzvaný product placement, což je forma skryté reklamy na různé produkty
“Just in Time” CSS
10.9.2021
I believe acss.io is the first usage of “Atomic CSS” where the point of it is to be a compiler. You write CSS like this:
<div class="C(#fff) P(20px)"text
</div
And it will generate CSS like:
.C\(\#333\) {
color: #333;
…
The post “Just in Time” CSS appeared...
Fun Times Styling Checkbox States
10.9.2021
We might leave a text input unstyled. We might leave a link unstyled. Even a button. But checkboxes… we don’t leave them alone. That’s why styling checkboxes never gets old.
Although designing checkboxes is not that complicated, we also don’t …
The post Fun Times Styling Checkbox States...
EyeDropper API Dropped
10.9.2021
I had no idea this was coming but it’s pretty neat! Chrome has shipped the EyeDropper API in v95 (Canary, as I write).
???? Loving the new `EyeDropper` Web API:
“`jsawait new EyeDropper().open();// Returns the picked color, e.g.,
…
The post EyeDropper API Dropped appeared...
Frameworks Helping Image Usage
9.9.2021
I recently blogged about how images are hard and it ended up being a big ol’ checklist of things that you could/should think about and implement when placing images on websites.
I think it’s encouraging to see frameworks — these …
The post Frameworks Helping Image Usage appeared...
Improve Largest Contentful Paint (LCP) on Your Website With Ease
9.9.2021
(This is a sponsored post.)
Optimizing the user experience you offer on your website is essential for the success of any online business. Google does use different user experience-related metrics to rank web pages for SEO and has continued …
The post Improve Largest Contentful Paint (LCP)...
Mars Theme: A Deep Look at Frontity’s Headless WordPress Theme
9.9.2021
Frontity is a framework for creating de-coupled (or "headless") WordPress sites. In this article, we dive into the process of spinning up such a site, with a detailed overview of the building blocks provided by Frontity and its flagship theme, Mars.
The post Mars Theme: A Deep Look at Frontity’s...
Don’t attach tooltips to document.body
8.9.2021
Here’s Atif Afzal on using a <div> that is permanently on the page where tooltips are added/removed and how they perform vastly better than plopping those same tooltips right into the <body>. It’s not really discussed, but the reason …
The post Don’t attach...
The Story Behind TryShape, a Showcase for the CSS clip-path property
8.9.2021
I love shapes, especially colorful ones! Shapes on websites are in the same category of helpfulness as background colors, images, banners, section separators, artwork, and many more: they can help us understand context and inform our actions through affordances.
A …
The post The Story Behind...
US SEC Threatens to Sue Crypto Exchange Coinbase, CEO Brian Armstrong Responds
8.9.2021
The U.S. Securities and Exchange Commission (SEC) has threatened to sue the Nasdaq-listed cryptocurrency exchange Coinbase over its lending product. The exchange says, “We don’t know why … We got no explanation from the SEC.” Coinbase Threatened by SEC Coinbase revealed...
Can we have custom media queries, please?
8.9.2021
Stefan Judis notes that there is a spec for custom media queries, but seemingly no momentum on it at the moment. That lack of movement is unfortunate, as it’s almost guaranteed front-end developers all over would start using it as …
The post Can we have custom media queries, please?...
Fire SVG animations (SMIL) when the SVG is visible
7.9.2021
When requirements read “when visible” your brain should go straight to IntersectionObserver. That’s exactly what Zach is doing here to kick off an animation when it scrolls into view.
Except this animation is an SVG SMIL animation: an <animate>…
The post Fire...
Building Your Own Subscription Newsletter
7.9.2021
(This is a sponsored post.)
I did a sponsored video the other week explaining how to build a paid subscription newsletter using WordPress (we did it on WordPress.com but it could be hosted anywhere), MailPoet (a plugin to visually …
The post Building Your Own Subscription Newsletter appeared...
Firefox’s `bolder` Default is a Problem for Variable Fonts
7.9.2021
Variable fonts make it easy to create a large set of font styles from a single font file. Unfortunately, the default rendering of the <b> and <strong> elements in browsers today is not very compatible with the wide range of …
The post Firefox’s `bolder` Default is a Problem...
Matrixport Launches ‘BTC-U Range Sniper’ — Returns Up to 200% for Accurate Predictions
7.9.2021
The financial asset services platform Matrixport has introduced a variety of new products since the firm raised $100 million in a Series C financing round during the first week of August. Following the launch of the company’s “ETH2.0 Staking Earn” earning service, Matrixport...
Early Days for CSS Scoping
6.9.2021
There is a working draft spec for CSS scoping now, a newsworthy event for the W3C. Other than a weird period where <style scoped shipped and then was subsequently removed from the spec (and browsers), this is the furthest a …
The post Early Days for CSS Scoping appeared first...
Creating Interactive Product Pages With React and Cloudinary
6.9.2021
With Cloudinary and React, create low-bandwidth, interactive product pages for e-commerce on which shoppers can specify sizes, colors, and custom text.
The post Creating Interactive Product Pages With React and Cloudinary appeared first on Codrops