Using The Javascript Switch Statement 👨‍💻🔃 (With Examples)Using The Javascript Switch Statement 👨‍💻🔃 (With Examples)

Use the switch statement 👨‍💻🔃 to execute one of many code blocks based on a variable or expression's value. The switch expression is evaluated once. The comparision value will match either a statement value or trigger a default code block.

Read More
✂️ Extracting Sub-strings In Javascript Using Substring, Substr And Slice 🔪✂️ Extracting Sub-strings In Javascript Using Substring, Substr And Slice 🔪

The JavaScript String object has three different sub-string extraction methods based on position: substring, substr and slice. They can each be used to extract a string based on position, but operate slightly different. This tutorial demonstrates how each work.

Read More
6 Things You Should Stop 🚫 Doing Now That Ie Is Dead 😐6 Things You Should Stop 🚫 Doing Now That Ie Is Dead 😐

Microsoft deprecated all Internet Explorer versions except 11 on January 12, 2016. Unfortunately many developers and businesses did not get the memo and continue to use and serve obsolete web sites. This is a short list of bad practices you should elminate from your workflow and remove from your code.

Read More
Introducing The Javascript Snake 🐍 Game Progressive Web App (Pwa)Introducing The Javascript Snake 🐍 Game Progressive Web App (Pwa)

The JavaScript Snake Game PWA is an example with source code demonstrating how to make any web site a Progressive Web App. It also shows how easy it is to prevent the add to homescreen prompt by missing an important detail. Progressive Web Apps are the new standard in delivering client application experiences on mobile and desktop. Any web site can be a PWA.

Read More
Designing For Performance [Book Review]Designing For Performance [Book Review]

Recently there have been a wave of good books focusing on web performance optimization. Recently Etsy's Lara Hogan Swanson released a new book, Designing for Pe

Read More
🐦Introducing The Flappy Bird Online Progressive Web App (Pwa) 🐦🐦Introducing The Flappy Bird Online Progressive Web App (Pwa) 🐦

THe flappy bird online progressive web app (PWA) allows you to play this addictive game on any device, even if you are offline!. Play the game and get the source code to see how you can upgrade any web site to a PWA.

Read More
🔒 What Does The Green Padlock Mean? Is This Web Site Safe? 🔒🔒 What Does The Green Padlock Mean? Is This Web Site Safe? 🔒

Browser indicate if a web site is secure with a padlock in the address bar. Green means good, right? What does the green padlock mean and how do you know if the web site is safe?

Read More
How To Render Markup With Javascript Mustache TemplateHow To Render Markup With Javascript Mustache Template

There are many ways to merge data with templates to render markup. Mustache is a simple, agnostic templating library implementing in many languages. JavaScript allows you to render markup either in the browser or the server.

Read More
The 2048 Progressive Web App (Pwa)The 2048 Progressive Web App (Pwa)

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 Underline Using Css Text-decoration And The Html U Element 👨‍💻👩‍💻 How To Underline Using Css Text-decoration And The Html U Element 👨‍💻

The CSS text-decoration property and the HTML U element make Underlining easy. There is more you can do than just underline text - Find out what!

Read More
Introducing The Javascript Calculator Progressive Web App (Pwa)Introducing The Javascript Calculator Progressive Web App (Pwa)

The JavaScript Calculator PWA is an example with source code demonstrating how to make any web site a Progressive Web App. Progressive Web Apps are the new standard in delivering client application experiences on mobile and desktop. Any web site can be a PWA.

Read More
Introducing Hextris 🕹️ - A Tetris Inspired Progressive Web App (Pwa)Introducing Hextris 🕹️ - A Tetris Inspired Progressive Web App (Pwa)

Progressive Web Apps are the new standard in delivering client application experiences on mobile and desktop. Any web site can be a PWA. I recently launched Hextris PWA to demonstrate how to upgrade.

Read More
Applying Google's Https Transparency Report For No ExcusesApplying Google's Https Transparency Report For No Excuses

The Google Transparency Report on HTTPS usage makes the case that all sites should be served using SSL. The report gives us a visual as to what users want, security and trust.

Read More
Why You Should Consider Upgrading Your Web Site To Modern StandardsWhy You Should Consider Upgrading Your Web Site To Modern Standards

Too many applications and web sites are in a state of natural decay. How do they get there and why is this bad. What can your business do to combat software entropy.

Read More
How To Remove & Replace ✏ Bullets From An Html List (Ul) 📃 Using Css (Tutorial)How To Remove & Replace ✏ Bullets From An Html List (Ul) 📃 Using Css (Tutorial)

Every browser has default bullets. But you can easily customize your lists with different icons, emoticons and images. This tutorial should demonstrate how easy it is to customize your bullets.

Read More
How To Make A Responsive Bootstrap NavbarHow To Make A Responsive Bootstrap Navbar

Bootstrap provides several standard components to make creating web layouts easier. This tutorial uses a real site's navbar as an example of how to use Bootstrap to create a responsive web site menu and header.

Read More
Use Css Flexbox To Center Anything Vertically & Horizontally 🎯 Like Images ️️🖼️, Text Or Divs Without Floats 🏊‍♂️ (Tutorial)Use Css Flexbox To Center Anything Vertically & Horizontally 🎯 Like Images ️️🖼️, Text Or Divs Without Floats 🏊‍♂️ (Tutorial)

Centering elements using CSS has been a series of hacks and frustration. This tutorial makes centering horizontally and vertically anything, like images, DIVs and text easy using flexbox.

Read More
Pragmatic Vs Theoretical Development And Corporate Bureaucracy Lessons From My First Job OnwardPragmatic Vs Theoretical Development And Corporate Bureaucracy Lessons From My First Job Onward

The story of my first full-time developer job set the tone of my pragmatic developer mindset vs a corporate culture of theoretical development. What lessons did I learn and how have my positions changed in 25 years of professional development?

Read More
The Css Placeholder Color 🌈 Of An Html Input FieldThe Css Placeholder Color 🌈 Of An Html Input Field

🌈 This CSS tutorial demonstrates how to set an input field's placeholder color 🌈 using CSS. You also learn how to apply special styles to input fields with placeholder text.

Read More
Flash Is Quickly Fading To The PastFlash Is Quickly Fading To The Past

Despite taking a mortal blow from Apple when the iPhone released flash still lives. Thankfully Flash is dying, however much slower than it should.

Read More
Googles Ads Facebook Pixel Bing Pixel