Service Worker tools update
I haven't looked at Service Workers in a while and wondered how much the SW libraries have changed since I last looked at them. SW-precache and SW-toolbox made creating Service Workers with dynamic...
Home
Static sites for Rapid Prototyping
Now that we have a way to create components and preview them using Fractal we can look at how we can use the same handlebars templates to build a static web site. Because I've used Gulp to build the...
Build a pattern library
For the longest time I've resisted building pattern and component libraries for my projects. I've thought about them as a waste of time and resources. I conceptually understand their importance and...
(Programmatically) Creating a navigation menu
As I'm working in enhancing the templates for my essay collection I've come up with a need to have a menu to link to the essays I want to make available to readers but not all the writing in the...
Working with text beyond English
Most of the time we don't have to worry about alignment and text direction when working with web content. When the language works the same as English we have no problem. We start having issue becomes...
Figure as a universal container
I've been looking at ways to group content in a semantic way. For example, rather than using: <div class="video"> <!-- iframe for youtube video --> </div> I would like to find an equivalent...
Async functions: better async?
New in ES2017 are async functions and the await keyword that will make writing async code easier to read, reason through and understand what caused any error that may get thrown. The hardest part, for...
Incorporating accessibility evaluation into your build process
I have to admit that I don't pay as much attention to accessibility as I should. I don't have enough of an audience to merit warranting the extra work that installing accessibility tools and running...
Quick Note: Grabbing the first frame of a Youtube video
One of the things I find particularly difficult when working with Youtube videos directly (without lazy loading) is that I don't get an image to use as a poster frame for the embedded videos. Instead...
Vestibular Disorders, Reduced Motion Media Query and Video Backgrounds
I wasn't aware of Vestibular Disorders being an issue with animations on the web but it's a big part of the disabilities we need to consider when working on the web. It's important to remember...