Found 10535 bookmarks
Newest
Turn Jekyll up to Eleventy
Turn Jekyll up to Eleventy
Paul Lloyd assembles a heavenly host of cherubs to sing the virtues of the Eleventy static site generator. By looking at how it compares to the familiar Ruby-based Jekyll (which we have espoused the v…
·24ways.org·
Turn Jekyll up to Eleventy
Hey, I’m Alex - Alex Carpenter
Hey, I’m Alex - Alex Carpenter
I’m a front-end developer who is passionate about building inclusive web experiences. Currently I’m teaching what I know about HTML, CSS, & JavaScript on YouTube.
·alexcarpenter.me·
Hey, I’m Alex - Alex Carpenter
Gridsome - Static Site Generator for Vue
Gridsome - Static Site Generator for Vue
We take a look at building a static site in Vue using Gridsome. Gridsome is heavily inspired by Gatsby which is the most popular static site generator in the...
·youtube.com·
Gridsome - Static Site Generator for Vue
Colorable
Colorable
Color palette combination contrast tester
·jxnblk.com·
Colorable
A Gutenburg-Powered Newsletter
A Gutenburg-Powered Newsletter
I like Gutenberg, the new WordPress editor. I'm not oblivious to all the conversation around accessibility, UX, and readiness, but I know how hard it is
·css-tricks.com·
A Gutenburg-Powered Newsletter
How to create a dark\light mode switch in CSS and Javascript
How to create a dark\light mode switch in CSS and Javascript
In this tutorial, we'll take a look at how to create a dark color theme by updating the values of your color variables (CSS custom properties), and how to apply this new theme to a web project.
·codyhouse.co·
How to create a dark\light mode switch in CSS and Javascript
Generative
Generative
Endlessly unique ambient music
·generative.fm·
Generative
HTML, CSS, and the Path to Accessible Web Design
HTML, CSS, and the Path to Accessible Web Design
Founder of the RedMonk consulting group James Governor described inclusive design as “If you design for a set of scenarios that are not just the ones that 23-year-old, able-bodied white men in San Francisco have, things can perhaps be more valuable.” That’s not a bad comparison for the state of the current tech industry and who …
·thenewstack.io·
HTML, CSS, and the Path to Accessible Web Design
Hot Take: Dark Mode
Hot Take: Dark Mode
Read our blog post for a hot take on dark mode and some steps to help enable this feature in your app.
·blog.ionicframework.com·
Hot Take: Dark Mode
Blurred Borders in CSS
Blurred Borders in CSS
Say we want to target an element and just visually blur the border of it. There is no simple, single built-in web platform feature we can reach for. But
·css-tricks.com·
Blurred Borders in CSS
Practical Healthy Foods
Practical Healthy Foods
Asparagus - many of the elements that build the liver, kidneys, skin, ligaments, and bones are found in green asparagus. Helps in the formation of red blood corpuscles. The green tips are high in vitamin A.
·hippocratesinst.org·
Practical Healthy Foods
GoogleChromeLabs/quicklink
GoogleChromeLabs/quicklink
⚡️Faster subsequent page-loads by prefetching in-viewport links during idle time - GoogleChromeLabs/quicklink
·github.com·
GoogleChromeLabs/quicklink
Do CSS Custom Properties Beat Sass Loops?
Do CSS Custom Properties Beat Sass Loops?
I reckon that a lot of our uses of Sass maps can be replaced with CSS Custom properties – but hear me out for a sec. When designing components we often
·css-tricks.com·
Do CSS Custom Properties Beat Sass Loops?
vb/lazyframe
vb/lazyframe
🛀🏽 Dependency-free library for lazyloading iframes - vb/lazyframe
·github.com·
vb/lazyframe
Defer Parsing of JavaScript With YouTube Videos
Defer Parsing of JavaScript With YouTube Videos
Deferring parsing of JavaScript is one of those messages that you get on sites like GTmetrix and other page speed sites that may sound like it's from another planet. What on Earth does defer parsing..…
·scottdeluzio.com·
Defer Parsing of JavaScript With YouTube Videos
See No Evil: Hidden Content and Accessibility
See No Evil: Hidden Content and Accessibility
When I first started learning web development I thought hiding content was simple: slap display: none; onto your hidden element and call it a day. Since then I’ve learned about screen readers…
·cloudfour.com·
See No Evil: Hidden Content and Accessibility