Should You Use Accelerated Mobile Pages ⚡ (Amp)? 💩 Should You Use Accelerated Mobile Pages (AMP)? What is Wrong With AMP and What Can You Do To Improve Your Site

What exactly is Accelerated Mobile Pages (AMP) and should you change your site to use AMP? I look at what is good and bad about AMP and hopefully point you to a more sustainable way to improve your site and SEO.

Read More
5 Ways To CSS Background Gradients Can Create Stripes 🦓 (Examples) 5 Ways To CSS Background Gradients Can Create Stripes Including How to Make a Barbershop Pole Effect

CSS background gradients can be used to create horizontal, vertical and rotated stripes that can be animated. In this tutorial you will learn how to use the linear-gradient and repeating-linear-gradient functions

Read More
7 Ways To Enhance The HTML TextArea Element 👩‍💻👨‍💻 7 Ways to Enhance the HTML TextArea Element For A Richer User Experience

The HTML Textarea element allows users to enter multiline values to online forms. Learn how the textarea element works so you can create a good experience to ensure you properly collect data.

Read More
How To Use The 'Beforeinstallprompt' 🔔 Event To Create A Custom Pwa Add To Homescreen Experience 👍 How to Use the 'beforeinstallprompt' 🔔 Event to Create a Custom PWA Add to Homescreen Experience 👍

Google recently announced as of May 2018 Chrome will no longer automatically prompt Progressive Web App users to add the PWA to their homescreen. It is now up to the site to manage the prompt. This tutorial will help you create your own workflow.

Read More
How To Fix 'This Page Is Trying To Load Scripts From Unauthenticated Sources' Chrome Error [Solutions] How to Fix 'this page is trying to load scripts from unauthenticated sources' Chrome Error [Solutions]

Have you recently upgraded to HTTPS? If so you may parts of your site may have broken and Chrome is giving your an unauthenticated sources error. This is what is happening and how you can fix your problems

Read More
Google Deprecates Ajax Crawling Policy - Why Websites Should Not Be Single Page Applications Google Deprecates AJAX Crawling Policy - A Key Reason Why Public Websites Should not Be a Single Page Application

Google deprecated it's Single Page App crawling policy in late 2015. This was known as the AJAX crawling policy. This was an early sign SPAs were dying and on their way to being replaced by Progressive Web Apps.

Read More
Facebook Does It So Shouldn't I? 👎 Should You Use The Hamburger 🍔 Menu/icon For Mobile Navigation Facebook Does It So Shouldn't I? 👎 Should You Use the Hamburger 🍔 Menu/Icon For Mobile Navigation

That little three-lined icon has secured a place in modern, mobile interfaces. But is it the best choice? I mean Facebook uses it so shouldn't you?

Read More
Web Performance Optimization Is Simple 😄 - Can Your Developers Execute? 🍎 Web Performance Optimization is Simple 😄 - Can Your Developers Execute? 🍎

Page speed and loading times are important to engaging visitors. Sadly it takes over 15 seconds for the average page to load. But most web performance optimization is simple, but overlooked by the average developer.

Read More
Who's Best Prepared For The Super Bowl 52 Traffic Rush? How Can You Avoid Wasting Money Like These Advertisers? Who's Best Prepared For the Super Bowl 52 Traffic Rush? How Can You Avoid Wasting Money Like These Advertisers?

Who's Best Prepared Their Website For the Super Bowl 52 Traffic Rush? We analyzed the different advertiser sites for performance and scaling issues. What did we find and how can you avoid wasting money like these advertisers did?

Read More
What Browsers Support Service Workers? ⚙️ What Browsers Support Service Workers? ⚙️

What browsers support service workers and when will the rest ship support? Is it safe to use service workers? You can now rely on service workers in your progressive web app! ALl major browsers support service workers.

Read More
Why Mobile 📱 First Responsive Web Design? Why Mobile First Responsive Web Design?

Mobile now accounts for the largest traffic share, which has put pressure on companies to offer rich user experiences across devices. A good user experience is

Read More
7 Telltale Signs You Have A Bad Web Site 👎 So You Can Eliminate Them And Get More Customers 7 Telltale Signs You Have a Bad Web Site 👎 So You Can Eliminate Them and Get More Customers

Want to know why people don't return to your web site or leave quickly? Its because your pages run them off! Here are 7 common reasons you cause visitors to leave and never return.

Read More
Easily Create A Baseline Set Of Progressive Web App Icons Easily Create a Baseline Set of Progressive Web App Icons

Triggering the add to home screen prompt is dependent on different technical requirements being met. One of those is referencing a minimum set of icons in the web manifest file.

Read More
How To Uninstall, Unregister Or Remove A Service Worker ⚙️ [With Example Code] How to Uninstall, Unregister or Remove a Service Worker [With Example Code]

If you have a broken service worker or need to have a contingency plan rest assured it can be uninstalled. What are the scenarios and actions you can take?

Read More
Introducing PWA Pong 🕹️🎮 A Progressive Web App Of The Classic Atari Game Introducing PWA Pong 🕹️🎮 A Progressive Web App of the Classic Atari Game

I recently presented to a group of Indian college students about my path to my development career. In doing so I traced my origins back to Atari Pong 🕹️, so I made it a Progressive Web App to share with everyone!

Read More
The Fake Name, Fake Email, Fake Everything Content Generator - Fakerjs The Fake Name, Fake EMail, Fake Everything Content Generator - Fakerjs

The ability to generate fake or placeholder data, like fake names, emails, addresses and ids, is an important part of software development. Having a reliable source of data to develop the application ensures development is not held up by eliminating dependencies. Fakerjs is a node modules with a rich set of fake data generation methods.

Read More
9 Ways To Remove 🗑️ Elements From A JavaScript Array 📇[Examples] 9 Ways to Remove Elements From A JavaScript Array - Plus How to Safely Clear JavaScript Arrays

Removing & Clearing Items From JavaScript arrays can be confusing. Splice, substring, substr, pop, shift & filter can be used. Learn how they differ and work.

Read More
WebHint The Website Scanner🗺 To Identify Web Site's Your Weaknesses💪🏾 WebHint The Website Scanner To Identify Web Site's Your Weaknesses

WebHint is an extensible web page testing tool. It can be used to identify poorly configured sites or broken web best practices. You can customize WebHint and extend it with your own rules and configuration plus add it to your continuous build workflow.

Read More
What is the Service Worker ⚙️ Cache Storage Limit? How Much Your Progressive Web App (PWA) Can Store What is the Service Worker ⚙️ Cache Storage Limit? How Much Your Progressive Web App (PWA) Can Store

The Service worker cache limit ranges by browser and device constraints. Capacity typically starts at 50MB & ranges up to 20GB, with caveats I explore in this article.

Read More
'Node' Is Not Recognized As An Internal Or External Command, Operable Program Or Batch File ❓ [How To Solve] 'node' is not recognized as an internal or external command, operable program or batch file ❓ [How to Solve]

See the "'node' is not recognized as an internal or external command" message? The Solution is simple! Just click to read how.

Read More
Everything You Need Know About Progressive Web Apps 🕸️ [PWA Guide] 📱 📳 Everything You Need Know About Progressive Web Apps 🕸️ [PWA Guide] 📱 📳

What is a Progressive Web App (PWA)? These are just web sites that utilize modern APIs to deliver a native app experience. But what does that means and what are these modern APIs? This article is your primary guide to everything PWA!

Read More
Googles Ads Facebook Pixel Bing Pixel LinkedIn Pixel