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 stop functionality
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...
JavaScript11ty 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.
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.
-
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...
-
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...
-
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...
-
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...