Graphic Design Web Design Search Engine Optimization Web Development HTML & CSS JavaScript WordPress Eleventy Innovation My YouTube Channel Speedlify Presenting Multi Grid Navigation Sounds Affordable & Reliable Golden Ratio Optimizations X-height

Creativity to Results

Blogging on topics that elevate web design and web developement to it's full potential.

Browser Speech Synthesis API with play/pause and restart functionality

Browser Speech Synthesis API with play, pause and stop functionality

by Jeremy Faucher on Jul 27, 2024

The Browser Speech Synthesis API is a powerful tool that allows developers to add text-to-speech capabilities to their websites and applications with JavaScript. This API can be used to enhance the accessibility of yourRead more...

JavaScript

11ty Starter Blog theme

After years of working with WordPress, I started looking for an alternative that was lighter and easier to manage. A couple of years ago I came across 11ty and have been using it ever since.

get started with my 11ty blog theme

Create a blog with 11ty and my starter theme. It has a SEO template, uses epic-css utility-first grid and flexbox.
source code live demo

Recent blog posts

Offering my best advice, research and how-tos.

  • 11ty static site builder

    Eleventy collections using the built in tags key

    by Jeremy Faucher on Jun 15, 2024

    As the Eleventy Documentation lays out, using the tags key in your front matter or JSON helps create collections of content. This is the primary function of Eleventy tags and is an inherent method for organizingRead more...

  • JavaScript and React

    Create a true masonry layout

    by Jeremy Faucher on Jun 6, 2024

    In a masonry style layout, elements of different heights are displayed in a staggered way. We typically see these layouts on websites like Pinterest. This has become a very popular pattern in UI design, because it allowsRead more...

  • JavaScript and React

    Dropdown toggle

    by Jeremy Faucher on May 18, 2024

    Dropdown toggles help make interfaces cleaner and more accessible. By hiding options that are not immediately necessary, they prevent information overload and streamline user workflows. This is especially important for sideRead more...

  • HTML and CSS

    Customize inherited button browser styles

    by Jeremy Faucher on May 13, 2024

    Buttons play a crucial role in web design and accessibility by providing interactive elements for users. However, default browser styles often clash with design aesthetics or interfere with custom styling, affecting theRead more...