How To Make Horizontal Lines <HR> In HTML & CSS 👩‍💻 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. You can add lines in multiple ways.

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 & margins 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 & Customized Alert Banners 🚩 [Tutorial] JavaScript Alert ⚠💀 Boxes and Customized Alert Banners 🚩 [Tutorial]

How can you use the native alert, prompt and confirm dialogs to communicate with website users? And how can you create a customized experience to message & collect user input?

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
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? What is good and bad about AMP

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 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
Using 'Beforeinstallprompt' 🔔 to Encourage Your PWA Installation How to Use the 'beforeinstallprompt' 🔔 Event to Create a Custom PWA Add to Homescreen Experience 👍

Progressive Web Applications promise more customer engagement without needing a mobile app. 'beforeinstallprompt' triggers the prompt experience, here's how

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
Why Mobile 📱 First Responsive Web Design? Why You Must Implement 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
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
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
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
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. Fakerjs is a node module w/ a rich set of fake data generation methods.

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
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
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
Googles Ads Facebook Pixel Bing Pixel LinkedIn Pixel