🔒 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?
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!
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!
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.
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.
Why 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.
Applying 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.
3 Ways to Remove & Replace Bullets from an HTML List 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.
How 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.
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.
Pragmatic 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?
The 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.
Flash 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.
Using matchMedia to add the Responsible to Responsive Web Design Responsive design is a technical art that requires more than just a few CSS media queries. The matchMedia method allows you to dynamically adjust the DOM using JavaScript without binding to a resize event.
A Responsive CSS Hero Background Image 🖼️ with Opacity and Color Overlay that Does Not Affect Text Full screen hero images using high quality images are all over the Internet. They have become a standard. This tutorial shows how you can use HTML ansd CSS to create a responsive background image hero adjusting the image opactity and a color tint that does not affect a text overlay.
![Developers Should Read The Lean Startup [Book Review]](img/the-lean-startup.png)
Developers Should Read The Lean Startup [Book Review] Eric Reis draws from his experience as a successful start up founder to provide some guidelines to help any business success in the modern, online world.
![[Solved] Failed To Load Resource 'Net::err_blocked_by_client' Mean And How Can You Fix It?](img/error-2215702_1920-1920x1080.png)
[Solved] Failed to Load Resource 'net::ERR_BLOCKED_BY_CLIENT' Mean and How Can You Fix It? Are you seeing 'Failed to Load Resource net::ERR_BLOCKED_BY_CLIENT' in the console? It may be breaking your web page and I can help you fix the issue for good!
Nodejs Azure WebJob nodejs require('util')._extend Azure web jobs using nodejs modules but I quickly received an error about a missing extend method. This is how I solved the issue.
👨💻JavaScript encodeURI() vs encodeURIComponent() and decodeuricomponent() 👨💻 encodeURIComponent() and encodeURI() encodes a URI by replacing URL reserved characters with their UTF-8 encoding. They differ because encodeURI does not encode queryString or hash values.
Using CSS Calc() to Dynamically Define an Element's Size️ The CSS calc() function can make your layouts more flexible. Perform math in your CSS using mixed units.
Don't Inject Markup in A Web Page using JavaScript document.write document.write is an original JavaScript method that should be deprecated, bu thangs around. It is one of the primary reasons page take long to load and can be an attack vector for bad people to leverage.
