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 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
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
Using The Html Checkbox ✅ And Managing The Check State ✔ With Javascript [Tutorial] Using the HTML Checkbox ✅ and Managing the Check State ✔ with JavaScript [Tutorial]

Managing checkboxes in HTML, specifically using JavaScript and jQuery can seem a bit unnatural. Just knowing the correct html for a checkbox can be confusing. I resolve these common problems you may be having with this tutorial.

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
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
Google Deprecates Ajax Crawling Policy - A Key Reason Why Public Websites Should Not Be A Single Page Application 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
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
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
9 Ways To Remove 🗑️ Elements From A Javascript Array 📇 9 Ways to Remove Elements From A JavaScript Array

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

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