Sign up for Exclusive Progressive Web App Tips

love2dev-newsletter-icon

These are tips I use everyday to make Progressive Web Apps that Rank in Google

How to Properly Copyrightβš– a Website - Legal & HTML RequirementsπŸ‘¨πŸΌβ€πŸ’» How to Properly Copyright a Website - Legal & HTML Requirements

What does it take to add the copyright symbol to your website? Does it have any legal meaning? WHat does it mean to copyright a website? Some legal aspects as well as how to code your site for protection.

Read More
πŸ›‘Internet Explorer or Compatability ModeπŸ›‘ Instead Upgrade & Use Enterprise Mode No More Internet Explorer or Compatability Mode, Instead Upgrade and Use Enterprise Mode

Business should not target any Internet Explorer version with their line of business software. Instead they should use Enterprise Mode. Here are reasons why legacy software hurts your business.

Read More
βœ”Solving Lighthouse 'content is not sized correctly for the viewport'πŸ“± Solving the Lighthouse 'content is not sized correctly for the viewport' Failed Test

Are you frustrated solving the Lighthouse's Viewport test, 'content is not sized correctly for the viewport'? Learn why this test is important and strategies to fix your issue.

Read More
Progressive Web Apps πŸ“± are Not 🚫 a Google Only Thing Progressive Web Apps are Not a Google Only Thing

Its time to stop saying Progressive Web Apps are a Google technology. PWAs are about delivering great user experiences across all browsers and platforms.

Read More
HTTP/2 Multiplexing vs Old School Domain Sharding HTTP/2 Multiplexing vs Old School Domain Sharding - Free Page Speed Improvements

Domain sharding was a hack many sites used while HTTP/1.1 was the standard. Today, HTTP/2 has improved the protocol to use multiplexed requests. Using HTTP/2 without domain sharding will improve your site's page load time.

Read More
What are πŸ“±Progressive Web App Features (PWA)? - More Than A Web Site🀣 Progressive Web Applications Feature More than Just Offline and Push

πŸ“±Progressive Web Apps (PWAs) are best in class web applications that provide native app-like user experiences without the hassle and exspense of app stores. There is more than just offline and push, click to find out more!

Read More
How Long Does It Take to RankπŸ“ˆβ“ Find out & Why This is the Wrong Question How Long Does it Take to Rank For Your Target Keywords?

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!

Read More
How To Use Javascript πŸ‘¨β€πŸ’» Includes To Find πŸ” Matches In Strings And Arrays How to Use JavaScript πŸ‘¨β€πŸ’» includes to Find πŸ” Matches in Strings and Arrays

The JavaScript πŸ‘¨β€πŸ’» includes method determines πŸ” if a target string exists in a source Array or String. Learn how to use this valuable method and related methods to match strings.

Read More
Service Worker βš™ Termination By A Timeout Timer Was Canceled ❌ Because Devtools Is Attached [Solution] πŸ‘ Service Worker βš™ Termination by a Timeout Timer was Canceled ❌ because Devtools is Attached [Solution] πŸ‘

Solve πŸ‘ the 'Service Worker βš™ Termination by a Timeout Timer was Canceled ❌ because Devtools is Attached' Issue

Read More
Announcing Spartan Obstacles πŸƒβ€: A Site To Help Normal People Have More Fun At Ocr And An Example Of A Pwa Built Using Workbox πŸ”¨ Announcing Spartan Obstacles πŸƒβ€: A Site to Help Normal People Have More Fun At OCR and An Example of a PWA Built Using Workbox πŸ”¨

Spartan Obstacles is a new progressive web application with a service worker built using Workbox. See how I configured Workbox to deliver a superior cache management.

Read More
πŸ“±Progressive Web Application Development By Example πŸ“™ Progressive Web Application Development By Example - A Book πŸ“™ to Help Developers Make Great User Experiences

Progressive Web Application Development by Example takes developers on the journey from a simple PWA to very complex scenarios and helpful tools to make the process easier and more consistent.

Read More
How To Make Horizontal Lines In Html And Css πŸ‘©β€πŸ’» - Cool Ways You Can Style The Hr Element How to Make Horizontal Lines in HTML and CSS πŸ‘©β€πŸ’» - Cool Ways You Can Style the HR Element

Horizontal lines can be created in HTML or CSS. They are a way to naturally break up content and are easy to implement.

Read More
Html And Css Space 🌌 To Create Layouts To Increase User πŸ™Œ Engagement Using Line-height, Whitespace And Margin πŸ“¦ HTML and CSS Space 🌌 to Create Layouts to Increase User πŸ™Œ Engagement Using line-height, whitespace and margin πŸ“¦

HTML and CSS provide different ways to create space in your web page layouts. You can add space to text and margins around elements to make pages easier to read and use.

Read More
Using Browser πŸ‘©β€πŸ’» Hints: Prefetch, Preload And Prerender To Improve Your Page Load Times πŸš€ Using Browser πŸ‘©β€πŸ’» Hints: prefetch, preload and prerender to Improve Your Page Load Times πŸš€

Browser hints are a way to help the browser render your pages more efficeintly. So how do prefetch, preload and prerender work?

Read More
Javascript Alert βš πŸ’€ Boxes And Customized Alert Banners 🚩 [Tutorial] JavaScript Alert βš πŸ’€ Boxes and Customized Alert Banners 🚩 [Tutorial]

Browsers have native JavaScript alert, prompt and confim dialogs you can use in your web pages to communicate with users. However, you may need to create custom interfaces to message users. This tutorial reviews the native methods and a base to create custom aleert banners.

Read More
Why Software Sucks πŸ‘Ώ - A Developer πŸ‘©β€πŸ’» Must Have Resource To Improve Software Quality [Book πŸ“š Review] Why Software Sucks πŸ‘Ώ - A Developer πŸ‘©β€πŸ’» Must Have Resource to Improve Software Quality [Book πŸ“š Review]

Why Software Sucks should be on every developer's book shelf. If you are looking for a resource on software quality, this is a great place to start. If you are developer and don't put the user first or maybe you think you do, this book is for your.

Read More
5 Ways To Make Css Background Stripes πŸ¦“ Including How To Make A Barbershop Pole πŸ’ˆ Effect 5 Ways to Make CSS Background Stripes πŸ¦“ Including How to Make a Barbershop Pole πŸ’ˆ Effect

CSS 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 to make stripes and create animated elements like a barbershop pole.

Read More
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
7 Ways To Enhance The Html Texatarea Element πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’» 7 Ways to Enhance the HTML Texatarea Element πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

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
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