Dark mode in 5 minutes, with inverted lightness variables – Lea Verou
Add external URL link for gallery images - ACF Support
Hi there, I've added a gallery to a custom post type taxonomy/category. Images display just fine. I read in another place on this site that in order to add an external URL to link an additional field group needs to be created and assigned to all attachments/media. I've done that and titled the field link_url. […]
A Deep Dive Into Eleventy Static Site Generator — Smashing Magazine
Eleventy (aka 11ty) is rising in the ranks among static site generators. This Node-based builder is attractive due to its zero-config starting point, purely static output, and ease of achieving the coveted top Lighthouse performance score of four perfect 100s. Let’s dive into what else makes it unique, and learn about some essential concepts to help you successfully get started.
SVG Generators — Smashing Magazine
A complete guide to SVG generators — for everything from SVG shapes and cropping tools to SVG filters, color matrix mixers and SVG to JSX generators.
Improve Largest Contentful Paint (LCP) With A JS + CSS Trick - Propel Digital Media Solutions
LCP Optimization - Here's an out-of-the-box approach to reducing Core Web Vitals Largest Contentful Paint (LCP) by as much as 40 - 50%.
Fontshare: Quality fonts. Free.
Now
Now is an Open-Source geometric, low contrast typeface with a bit of character.
edm00se/netlify-plugin-gridsome-cache
Contribute to edm00se/netlify-plugin-gridsome-cache development by creating an account on GitHub.
Table of Contents with IntersectionObserver | CSS-Tricks
If you have a table of contents on a long-scrolling page, thanks to, say, position: fixed; or position: sticky;, the IntersectionObserver API in
Smooth Scrolling Sticky ScrollSpy Navigation – Bram.us
Yesterday evening I was working on a documentation page. The page layout is quite classic, as it consists of a content pane on the left and a sidebar navigation on the right. Looking for a way to make the page less dull I decided to add a few small things to it: Smooth Scrolling when … Continue reading "Smooth Scrolling Sticky ScrollSpy Navigation"
argyleink/transition.css
Drop-in CSS transitions
Image Fragmentation Effect With CSS Masks and Custom Properties | CSS-Tricks
Geoff shared this idea of a checkerboard where the tiles disappear one-by-one to reveal an image. In it, an element has a background image, then a CSS
Taming Blend Modes: `difference` and `exclusion` | CSS-Tricks
Up until 2020, blend modes were a feature I hadn't used much because I rarely ever had any idea what result they could produce without giving them a try
Clone Wars - Open source clones of popular sites
100+ open-source clones of popular sites like Airbnb, Amazon, Instagram, Netflix, Tiktok, Spotify, Trello, Whatsapp, Youtube etc. List contains source code, demo links, tech stack, and Github stars count.
Super Easy Forms
Hooks – ACF Extended
This hook will change the prepend path of layouts templates displayed in the Field Group UI. This won't affect the actual template path during inclusion.
Creating Page Builder with ACF Flexible Content | WP Tips
Not satisfied with Gutenberg? Want a fully custom page builder? See no further than Flexible Content which is part of ACF Pro.
Graphic playground for Graph QL & online IDE | GraphQL Editor
GraphQL Editor lets you create graphql schema using graph. Plan your database using schema designer and deploy mock backend. There is an open-source version of graphql ide on github. It is a GraphQL vs Rest war winner!.
Delete multiple MySQL database server on local Mac - DEV Community 👩💻👨💻
A Complete Guide To Accessible Front-End Components — Smashing Magazine
Reliable accessible front-end components: :focus styles, content sliders, dark mode, data charts, date pickers, form styles, navigation menu, modals, radio buttons, "skip" links, SVGs, tabs, tables, toggles and tooltips.
Accessible Text Labels For All
Freelance Front-End Web UI/UX Developer - Lebanon
Introduction | Charts.css
CSS data visualization framework
Pgweb - Cross-platform client for PostgreSQL databases
Beekeeper Studio
Documentation & Support for Beekeeper Studio, the cross-platform SQL editor and database manager.
FormSubmit | Easy to use form backend - form endpoints for your HTML forms
FormSubmit is a form backend, API and email service for HTML forms. It sends your site's form submission directly into your inbox without a need for any backend code or SMTP setup.
Haikei
A web-based design tool to generate unique SVG design assets for websites, social media, blog posts, desktop and mobile wallpapers, posters, and more! Our generators let you discover, customize, randomize, and export generative SVG design assets ready to use with your favorite design tools.
Top vs side navigation: Which one is better for your product? | by Taras Bakusevych | Mar, 2021 | UX Collective
Today we compare them to see who will pack more punches.
How to Animate the Details Element | CSS-Tricks
How to detect browser support for Flexbox Gap
SVG Repo - Free SVG Vectors and Icons