Tom's Two-up Two-down | 11ty Collections Tags Scheme
But My Client Wants ...
The JAMstack, static site, serverless revolution has started. A lot of people working with clients think they can't use this amazing new architecture because their clients want very specific things. This site is meant to help you solve your clients' needs while getting to use the JAMstack!
A Site for Front-End Development Conferences (Built with 11ty on Netlify) - Pixel Forge - Canadian Website Design
I built a new little site! It’s a site for listing upcoming conferences in the world of front-end web design and development. In years past (like 2017), Sarah Drasner took …
4 CSS layouts without using media queries | Polypane browser for dev & design
Do you always need media queries to make a website responsive? With flexbox and grid you can make responsive layouts…
The Power of Serverless for Front-End Developers
The Power of Serverless for Front-End Developers
Adding Search to your Eleventy Static Site with Lunr
Using Lunr to add client-site search to your static site
Introduction to Accessibility
A11y-101 is an introductin to web accessibility. We'll have a look at accessibility from a designer's and a developer's point of view.
A Guide to JSON-LD for Beginners
Structured data is a must-have for many sites, but it can be hard to get a handle on the technical considerations. Learn the important basics of JSON-LD and how to ramp up your education as you apply it.
Simple Sharing Buttons Generator
Share to Facebook, Twitter, Google+, and other social networks using simple HTML buttons
Adding Google Calendar to your JAMStack
A look at using Google APIs to add events to your static site.
Eleventy Walk Through
JetBrains Mono: A free and open source typeface for developers
Try JetBrains Mono in your IDE. Its simple forms and attention to every detail make coding a nice experience for developers’ eyes, no matter which IDE you choose.
All – Tiny Helpers
A collection of free single-purpose online tools for web developers...
Smooth Scrolling Sticky ScrollSpy Navigation
Hiding Elements On The Web - Ahmad Shadeed
Through our work as web developers, we need to hide elements for many reasons. For example, a button that should be visible in a mobile viewport, and hidden ...
aria-tablist
Dependency-free plain JavaScript module for WCAG compliant tablists. Also great for accordions.
Show lowest value - ACF Support
Home › Forums › ACF PRO › Show lowest value Solved Show lowest value lust3103 May 8, 2018 at 7:40 pm Hello I use ACF for differents formulas in my post. capture here I wish in my category page, display the services: if I have multiple formulas show the lawest price and hightest price for …
Accessible footnotes with CSS
...
How Accessibility Taught me to be Better at JavaScript - Part Two | a11y with Lindsey
Content Warning: There are gifs in this post. Hey friends! Today’s writing is going to be a follow up to How Accessibility Taught Me to be Better At…
soypunk/wp-plugin-google-calendar-events
A *very* simple Wordpress Plugin for using the Google Calendar API to show a list of events in a widget. - soypunk/wp-plugin-google-calendar-events
Javascript to Display a Public Google Calendar as a List on your Website
One of our projects required displaying a list of upcoming events on a website. We wanted to enable the site editor to edit these events. We are working in OctoberCMS and it would have been fairly easy to just create a static list or a table, and have the user
open-wc
Open Web Components provides a set of defaults, recommendations and tools to help facilitate your web component project. Our recommendations include: developing, linting, testing, building, tooling, demoing, publishing and automating.
LitElement
A simple base class for creating fast, lightweight web components
Rogue Amoeba | Audio Hijack: Record Any Audio on MacOS
Record VoIP calls from Skype, web streams from Safari, and much more.
Calculating Color: Dynamic Color Theming with Pure CSS
Did you know that you can build custom dynamic color themes without the use of JavaScript or a CSS preprocessor!? Read on! | on Una Kravets' Blog
Eschersketch
A symmetry drawing tool
Color Palette Setup in Gutenberg - Bill Erickson
For more information, see Gutenberg color palette and button styling. Gutenberg allows you to define a custom color palette for your theme. There are two aspects to setting it up:…
Min and Max Width/Height in CSS - Ahmad Shadeed
Oftentimes, we want to limit the width of an element relative to its parent, and at the same time, to make it dynamic. So having a base width or height with ...
ZeroSpree/CSSans.Pro
CSSans Pro - The Colourful, Sassy, CSS Font. Contribute to ZeroSpree/CSSans.Pro development by creating an account on GitHub.
CSS Animo
CSS Animations