If I work really hard on my Open Graph images, people will share my blog posts.
2.9.2021
Zach did that thing where each of his blog posts has a special URL with the design of social image card that is screenshat by a headless browser (like Puppeteer) and used as a true meta Open Graph image, meaning …
The post If I work really hard on my Open Graph images, people will share...
Collective #677
2.9.2021
The Beauty of Bézier Curves * Why are hyperlinks blue? * Crafting Organic Patterns
The post Collective #677 appeared first on Codrops
You don’t need external assets in an HTML file
2.9.2021
A fun exercise from Terence Eden. You can send an HTML file over the wire including anything a website might need without requesting any other files. CSS and JavaScript are easy, because there are <script and <style tags. Images and …
The post You don’t need external assets...
Accessing Your Data With Netlify Functions and React
2.9.2021
(This is a sponsored post.)
Static site generators are popular for their speed, security, and user experience. However, sometimes your application needs data that is not available when the site is built. React is a library for building user …
The post Accessing Your Data With Netlify...
What I Wish I Knew About CSS When Starting Out As A Front-Ender
2.9.2021
Nathan Hardy shares when things “clicked”:
Reflecting back on this time, I think there are a few key concepts that were vital to things finally all making sense and fitting together. These were:
• The Box Model (e.g. box-sizing, height, width, margin, padding)•...
Some Typography Links VII
1.9.2021
All-things-typography, from a hard-edged monospaced variable font to fonts in the "Twilight Zone" ... and much, much more.
The post Some Typography Links VII appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter
You want enabling CSS selectors, not disabling ones
31.8.2021
I think this is good advice from Silvestar Bistrović:
An enabling selector is what I call a selector that does a job without disabling the particular rule.
The classic example is applying margin to everything, only to have to remove …
The post You want enabling CSS selectors, not disabling...
Application-Specific Links
31.8.2021
You know like https:? That’s a URL Scheme. You’re probably familiar with the concept, thanks to others that come up in front-end development, like mailto:. You can actually make your own, which is pretty cool. There …
The post Application-Specific Links appeared first...
Surface Sampling in Three.js
31.8.2021
Learn how to use the MeshSurfaceSampler in Three.js to create interesting effects.
The post Surface Sampling in Three.js appeared first on Codrops
CSS Pseudo Commas
30.8.2021
A bonafide CSS trick if there ever was one! @ShadowShahriar created a CodePen demo that uses pseudo-elements to place commas between list items that are displayed inline, and the result is a natural-looking complete sentence with proper punctuation.
CodePen Embed…
The post CSS Pseudo Commas...
Exploring the CSS Paint API: Blob Animation
30.8.2021
After the fragmentation effect, I am going to tackle another interesting animation: the blob! We all agree that such effect is hard to achieve with CSS, so we generally reach for SVG to make those gooey shapes. But …
The post Exploring the CSS Paint API: Blob Animation appeared first...
What makes good website feedback and how do you get it from your clients?
30.8.2021
Learn how a tool like BugHerd can help a lot with making feedback from clients clear, actionable and manageable.
The post What makes good website feedback and how do you get it from your clients? appeared first on Codrops