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