I searched for a way to try and add attributes, such as class or id to markdown f...

My custom way to process sass on projects built with Eleventy static site generator.

I'm trying to display a list of categories in a PHP enabled text widget. On child category pages I need to get the id of the current category's parent category and then use that to return a list of...

Quickly launch an 11ty-generated static site. Includes a minimal Sass framework, and generated sitemap, RSS feed, and social share preview images.

In this tutorial, we will add Google reCAPTCHA v3 to a PHP form and submit it without leaving the page, using Ajax. If you have had a contact form or any such form on your website, you know how annoying it is to receive spam messages from bots. Google reCAPTCHA protects you from spam and... Read more »

When I decided to try to base my current personal website on Eleventy, I didn't want to reinvent the wheel: I tested all the Eleventy starters built with

A live demo and tips on building an accessible hamburger menu that's keyboard-friendly and toggles a slide-out navigation panel.

Class naming conventions are essential for coherent CSS architecture. Learn to use responsive suffixes, automating classes with sass mixins and sass maps.

Submit a Netlify form asynchronously using JavaScript without jQuery.

I’ve never worked as a professional frontend developer, so even though I’ve been writing HTML/CSS/JS for 15 years for little side projects, all of the projects have been pretty small, sometimes I don’t write any Javascript for years in between, and I often don’t quite feel like I know what I’m doing. Partly because of that, I’ve leaned on libraries a lot! Ten years ago I used to use jQuery, and since maybe 2017 I’ve been using a lot of vue.

Here’s how to reliably create column background colors without the need for images or pseudo-elements.

The most easy to use responsive image viewer especially for mobile devices - appleple/SmartPhoto

The Component Gallery is a collection of components from the best Design Systems.

Set of components built with HTML, CSS and JavaScript.

Resources that taught me how to code: *Codingphase: https://codingphase.samcart.com/referral/Odp4xs9z/wk4vw6ZxNCryplJ2 (* means Affiliate Links) ============...

Boilerform is a little HTML and CSS boilerplate to take the pain away from working with forms.

The latest tutorial about creating your first Gutenberg block, I will guide you how to do it step by step.

Recently, CSS has added a lot of new cool features such as custom properties and new functions. While these things can make our lives a lot easier, they

Listing of accessible components & patterns. Contribute to scottaohara/accessible_components development by creating an account on GitHub.

An accessible, open-source lightbox with no dependencies. - rqrauhvmra/tobii

An example plugin to demonstrate the right way to implement a custom RSS feed in WordPress - philipnewcomer/custom-rss-feed-example

Creating a custom RSS feed gives your website a new way to deliver content to visitors. WordPress offers several methods to do this, let's examine.

CSS still can't animate to auto dimensions. .dropdown { transition: 0.2s; height: 0; } .dropdown.open { /* the height will change, but it won't animate.

I got the idea for doing something of the kind when I stumbled across this interactive SVG pie chart. While the SVG code is as compact as it gets (a

A series of guides for working as a modern front-end developer or designer

Infinite ASCII diagrams, save to Google Drive, resize, freeform draw, and export straight to text/html.

Since the inception of CSS in 1994, the cascade and inheritance have defined how we design on the web. Both are powerful features but, as authors, we've