Caching DASH Video
When we last discussed encoding DASH adaptive streaming we saw that Shaka Packager creates the master file and a series of segments. We left them in the browser's cache which may force downloads and...
Responsibility in web development
I sat on Jeremy Keith's presentation at AEA San Francisco on how to evaluate technologies for the web. It made me think a lot about the current iteration of the progressive enhancement and what it...
ES6 modules, now in a browser near you
There are some news and changes since I last visited ES6 modules. I started hearing more and more about WebPack and how it did the one thing that Rollup doesn't.... it splits the code in different...
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...
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...