A cross-platform Progressive Web App (PWA) to manage your Philly Code Camp Schedule!

A cross-platform Progressive Web App (PWA) to manage your Philly Code Camp Schedule!

HTTPS 🔐 provides a layer of encryption 👨‍💻 that protects you form passive and active attacks, like the man 🧛🏼‍♂️ in the middle. It does this by creating a sheild 🛡 with public and private keys and a known connection creation sequence.

JavaScript 'use strict' triggers the JavaScript engines to throw errors for common poor coding practices and honest mistakes. This can make your code cleaner, faster and more secure. Learn what strict mode restricts and how it works.

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.

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.

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.

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.

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

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.

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.

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?

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.

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!

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.

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!

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.

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.

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.

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.

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.