The JavaScript Snake Game PWA is an example with source code demonstrating how to make any web site a Progressive Web App. It also shows how easy it is to prevent the add to homescreen prompt by missing an important detail. Progressive Web Apps are the new standard in delivering client application experiences on mobile and desktop. Any web site can be a PWA.

THe flappy bird online progressive web app (PWA) allows you to play this addictive game on any device, even if you are offline!. Play the game and get the source code to see how you can upgrade any web site to a PWA.

There are many ways to merge data with templates to render markup. Mustache is a simple, agnostic templating library implementing in many languages. JavaScript allows you to render markup either in the browser or the server.

Browser indicate if a web site is secure with a padlock in the address bar. Green means good, right? What does the green padlock mean and how do you know if the web site is safe?

2048 is one of my favorite mobile games. So I made it a Progressive Web App (PWA)! See how easy it is to upgrade any web site or web app to a Progressive Web App and of course have a little fun!

Underlining is a great way to convey emphasis. HTML and CSS combine to give web developers different ways to underline, overline and strike through text.

The JavaScript Calculator PWA is an example with source code demonstrating how to make any web site a Progressive Web App. Progressive Web Apps are the new standard in delivering client application experiences on mobile and desktop. Any web site can be a PWA.

Progressive Web Apps are the new standard in delivering client application experiences on mobile and desktop. Any web site can be a PWA. I recently launched Hextris PWA to demonstrate how to upgrade.

The Google Transparency Report on HTTPS usage makes the case that all sites should be served using SSL. The report gives us a visual as to what users want, security and trust.

Too many applications and web sites are in a state of natural decay. How do they get there and why is this bad. What can your business do to combat software entropy.

Every browser has default bullets. But you can easily customize your lists with different icons, emoticons and images. This tutorial should demonstrate how easy it is to customize your bullets.

Bootstrap provides several standard components to make creating web layouts easier. This tutorial uses a real site's navbar as an example of how to use Bootstrap to create a responsive web site menu and header.

Centering elements using CSS has been a series of hacks and frustration. This tutorial makes centering horizontally and vertically anything, like images, DIVs and text easy using flexbox.

The story of my first full-time developer job set the tone of my pragmatic developer mindset vs a corporate culture of theoretical development. What lessons did I learn and how have my positions changed in 25 years of professional development?

This tutorial demonstrats how to use CSS to manipulate an input field's placeholder color 🌈, but all text related styles. You can also apply special styles to input fields with placeholder text.

Despite taking a mortal blow from Apple when the iPhone released flash still lives. Thankfully Flash is dying, however much slower than it should.

Full screen hero images using high quality images are all over the Internet. They have become a standard. This tutorial shows how you can use HTML ansd CSS to create a responsive background image hero adjusting the image opactity and a color tint that does not affect a text overlay.

Responsive design is a technical art that requires more than just a few CSS media queries. The matchMedia method allows you to dynamically adjust the DOM using JavaScript without binding to a resize event.

Azure web jobs using nodejs modules but I quickly received an error about a missing extend method. This is how I solved the issue.

It seems like just about every project I work on needs to dynamically create url routes. This means I need to use a value, more than likely a string, to create

Are you seeing 'Failed to Load Resource net::ERR_BLOCKED_BY_CLIENT' in the console? It may be breaking your web page and I can help you fix the issue for good!