How Service Worker⚙ Cache Works - Does It Make Your Site Faster?

Progressive web applications are sold as fast thanks to service worker caching. How does it work and does it make your site faster?

source https://love2dev.com/blog/service-worker-cache

rel='noopener' Keeps You Safe and Fast

When you open a new browser window from a hyperlink or using window.open you are leaving your page open to attach. The rel='noopener' attribute is your shield from attacks and a massive performance hit.

source https://love2dev.com/blog/rel-noopener

Progressive Web Apps 📳 & Search Engine Optimization 🔎 [Analysis]

Can Progressive Web Apps improve your search rankings? How do PWAs relate to SEO? Or is it just the magic of creating a great website? Maybe PWAs are just great websites when they are done right?

source https://love2dev.com/blog/pwa-seo

How to Use SEO to Grow Your Local Restaurant's Sales💲

The restaurant business is tough. Fortunately Google provides many ways to drive free traffic to your website. With few local businesses leveraging SEO this means you can get the advantage and beat your competition by growing your business through search.

source https://love2dev.com/seo/restaurant-seo

Reviewing Popular SEO Page Speed Tools - Why I Recommend WebPageTest 💪

How can you measure your website's page speed, or how long it takes pages to render in the browser? Most SEOs recommend Pingdom and GTMetrix. I know they are wrong, so what do I recommend?

source https://love2dev.com/seo/page-speed-tools

JavaScript The Good Parts [Book 📚 Review]

JavaScript the Good Parts is one book 📚 all Front-End Web and Nodejs Developers should own and read each year. It covers all the quirks of the language and provides best practices to make your code stand the test of time.

source https://love2dev.com/blog/javascript-the-good-parts

A Fast🚀 Website Is A Competitive Advantage🥇

Does your page load fast? It better because customers like fast sites and so does Google. That means success. So how do you measure and what can you improve?

source https://love2dev.com/blog/page-speed-competitive-advantage

Web Performance Optimization Is A Competitive-advantage

Does your page load fast? It better because customers like fast sites and so does Google. That means success. So how do you measure and what can you improve?

source https://love2dev.com/blog/performance-competitive-advantage

Improve ⌚Time to First Byte for Better Page Speed & SEO

What is Time to First Byte (TTFB)? How you can measure and improve your TTFB for better page speed.

source https://love2dev.com/blog/time-to-first-byte

Page Speed 🚀 is an SEO Competitive Advantage 🥇

Google uses Page Speed as a ranking signal. If your page renders faster it will outrank your SERP competition. It will also help you engage customers because they like your site more than the competition.

source https://love2dev.com/blog/page-speed-seo-advantage

What is a Domain Name? The Marketing and Technical Info You Need to Know

A Domain Name is an important aspect of owning a website. There are technical and marketing considerations you need to understand to pick the right domain for your website.

source https://love2dev.com/blog/domain-names

Microsoft's Project Anaheim and the Future of the Microsoft Browser👨🏾‍💻

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.

source https://love2dev.com/blog/project-anaheim

SEO Audits - A Tool🛠 to Measure📏 Your Strengths and Weaknesses

To earn good search engine rankings you need to know how your site stacks up against the competition. This means measuring the state of your site so you can use this knowledge to improve your site to be better than your competition.

source https://love2dev.com/seo/seo-audit

Is the New Web.Dev a Good SEO Tool 🔧🔨🛠?

Google recently released a new online web page auditing tool called Web.Dev. The tool runs a hosted version of Lighthouse to provide some high level metrics. One group of metrics is labeled as 'SEO', Does this make the tool a good SEO tool?

source https://love2dev.com/blog/web-dev-an-seo-tool

What are Backlinks and Why are they Important?

Backlinks are an important aspect of any SEO strategy. Google uses them to find and qualify web pages for SEO ranking. So what are backlinks and why are they important?

source https://love2dev.com/seo/backlinks

Google Chrome Desktop Progressive Web App Add to Homescreen Capabilities

Users can be prompted to add Progressive Web Apps to their desktop homescreens. What are the benefits? How can your PWA qualifiy to prompt the user? How does the desktop experience differ from Windows applications and mobile add to homescreen?

source https://love2dev.com/blog/chrome-desktop-pwa

JavaScript Frameworks & SEO - A Guide For Stakeholders 👩🏼‍🦰👨🏼‍🦰 & Developers 👩🏼‍💻👨🏼‍💻

Developers love large JavaScript frameworks and libraries to build websites, but are they good for SEO and Customer engagement? Google says no. Learn why and what you need to know about JavaScript, SPAs & SEO.

source https://love2dev.com/blog/javascript-seo

Featured Snippets - The SEO Pot of Gold 🤑 [Complete Guide]

Featured snippets should be a part of any SEO strategy. 🤑 This article covers what they are, why and how you can target them to increase your organic search traffic.

source https://love2dev.com/blog/featured-snippets

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.

source https://love2dev.com/blog/html-website-copyright

✔Solving Lighthouse 'content is not sized correctly for the viewport'📱

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.

source https://love2dev.com/blog/content-is-not-sized-correctly-for-the-viewport

🛑Internet Explorer or Compatability Mode🛑 Instead Upgrade & 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.

source https://love2dev.com/blog/internet-explorer-enterprise-compatibility-mode

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.

source https://love2dev.com/blog/progressive-web-apps-google

HTTP/2 Multiplexing vs Old School Domain Sharding

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.

source https://love2dev.com/blog/domain-sharding-http-2

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.

source https://love2dev.com/blog/blog/progressive-web-apps-google

HTTP/2 Multiplexing vs Old School Domain Sharding

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.

source https://love2dev.com/blog/blog/domain-sharding-http-2

What are 📱Progressive Web App Features (PWA)? - More Than A Web Site🤣

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

source https://love2dev.com/blog/blog/progressive-web-app-features

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.

source https://love2dev.com/blog/javascript-includes

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

source https://love2dev.com/blog/service-worker-termination

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.

source https://love2dev.com/blog/spartan-obstacles

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.

source https://love2dev.com/blog/progressive-web-application-development-by-example

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.

source https://love2dev.com/blog/custom-javascript-alert

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.

source https://love2dev.com/blog/why-software-sucks-book-review

Prefetch, PreLoad, PreRender

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.

source https://love2dev.com/blog/prefetch-preload-prerender

CSS Background Stripes 🦓 to Enhance Your Web Pages, Plus Animating Stripes to Create Progress Bars and a Barbershop Pole 💈

The web has come such a long way since it was first introduced around 30 years ago. The demnd or expectations consumers have for user experiences have evolved over that time and today we are expected to provide rich experiences.

One of those rich experiences is the use of striped backgrounds. Today CSS makes background stripes very simple to implement in any modern browser, including the deprecated Internet Explorer.

Background stripes can be made with blue, red, green, purple, yellow and any other color combination you may want. You can even create zebra 🦓 stripes!

Stripes can be horizontal, vertical or diagonal. You can also apply animations to create motion, even make your own barbershop pole 💈 effect!

[Continue Reading About Background Stripes]

Using the HTML Checkbox ✅ and Managing the Check State ✔ with JavaScript

Checkboxes are a fundamental input component typically represented by an empty box in the unselected state and a box with a checkmark (hence the checkbox name) when selected. They are used to represent a boolean choice, each correlating to a value choice.

Managing checkboxes in HTML, specifically using JavaScript and jQuery can seem a bit unnatural. I hope to resolve common problems you may be having with this tutorial.

Checkboxes are good to use when you need to collect either a true/false (boolean) choice or multiple values from a list of options.

[Read More]

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.

source https://love2dev.com/blog/should-you-amp

How to Use the berforeinstallprompt 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.

source https://love2dev.com/blog/beforeinstallprompt

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?

source https://love2dev.com/blog/facebook-does-it-so-shouldnt-i

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.

source https://love2dev.com/blog/web-performance-optimization-is-simple-can-your-developers-execute

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.

source https://love2dev.com/blog/telltale-signs-you-have-a-bad-web-site

How to Remove Elements From A JavaScript Array

Manipulating JavaScript arrays can be confusing. There are multiple ways to remove or delete array elements. This article explores the different native methods and some custom ways you can remove elements from a JavaScript array.

source https://love2dev.com/blog/javascript-remove-from-array

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!

source https://love2dev.com/blog/pwa-pong

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.

source https://love2dev.com/blog/fake-generator-faker

SonarWhal The Website Scanner To Identify Web Site's Your Weaknesses

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

source https://love2dev.com/blog/sonarwhal-the-website-scanner

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

source https://love2dev.com/blog/node-is-not-recognized-as-an-internal-or-external-command

Installing Microsoft Edge Ad Blocking Browser Extensions from the Store

Microsoft Edge has a nice set of browser extensions available. Ad Blockers are some of the most popular. Learn how to find and install Edge browser extensions.

source https://love2dev.com/blog/microsoft-edge-ad-blocking-browser-extensions

20 Free SEO Tips You Can Apply to Your Site Today to Increase 📈 Your Results - Or How I Increased My Results 3600% in Less Than 3 Months 👍

Earning good organic search exposure is difficult. But there are many things you can do, for free to improve your search profile to generate new traffic. These are 20 things I recomend based on my experience increasing my traffic 6000% in under 3 months.

source https://love2dev.com/blog/seo-tips

Apple Safari Ships Service Worker and Progressive Web App (PWA) Support on iOS

Apple surprised the world by quietly shipping service worker & PWA feature support in iOS Safari. This ushers a new era in mobile apps on iPhone & iPad.

source https://love2dev.com/blog/apple-shipps-service-workers

Using JavaScript Array For Loops, forEach and Lodash & jQuery each Methods to Iterate Over Arrays and Objects

Looping over arrays and object properties are a fundamental language statement. JavaScript makes iterating over arrays and objects easy. Helper libraries like Lodash and jQuery can make it easier.

source https://love2dev.com/blog/javascript-for-loop-foreach

What the Google Mobile First Index 🔎 Migration Means To You

The Google Search team just made an official announcement about their migration to a mobile first search index. What this means for web site owners and developers.

source https://love2dev.com/blog/google-mobile-first-migration