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
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 Onward 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?

Read More
The Css Placeholder Color 🌈 Of An Html Input Field 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.

Read More
Flash Is Quickly Fading To The Past 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.

Read More
A Responsive Css Hero Background Image 🖼️ With Opacity And Color Overlay That Does Not Affect Text 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.

Read More
Using Matchmedia To Add The Responsible To Responsive Web Design 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.

Read More
Developers Should Read The Lean Startup [Book Review] 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.

Read More
👨‍💻Javascript Encodeuri() Vs Encodeuricomponent() And Decodeuricomponent() 👨‍💻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.

Read More
[Solved] Failed To Load Resource 'Net::err_blocked_by_client' Mean And How Can You Fix It? [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!

Read More
Nodejs Azure Webjob Nodejs Require('util')._extend 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.

Read More
Don't Inject Markup In A Web Page Using Javascript Document.write 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.

Read More
➕ Using Css Calc() To Dynamically Define An Element's Size ↕️↔️ ➕ 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.

Read More
Turn On Wcf Tracing To Make Debugging & Troubleshooting Easier Turn on WCF Tracing to Make Debugging & Troubleshooting Easier

Detailed logs make it easier to debug & troubleshoot issues in remote services you cannot remotely debug. You must change configuration to enable WCF tracing to create these logs.

Read More
Advanced Control Flow With The C# Switch Statement Advanced Control Flow with the C# Switch Statement

Sometimes an if statement won't handle all the workflow scenarios your application may need. The switch statement is a programming language fundamental statement. See how to use it in your C# applications.

Read More
The Lodash Docs Are A Progressive Web App (Pwa) The LoDash Docs are a Progressive Web App (PWA)

LoDash is a very popular JavaScript library loaded with helper functions. It is also a good example of how any site can upgrade to a Progressive Web App to add some extra value to set you apart from the crowd.

Read More
Turn Your Elements Into Shape 🔻🔴⚠ Shifters Using Just Css! [Examples And Tricks You Can Use Today] Turn Your Elements into Shape Shifters Using Just CSS! [Examples and Tricks You Can Use Today]

The web is not a series of rectangles, at least if you use CSS to create engaging shapes to delight your visitors

Read More
How To Title Case And Other Upper And Lower Case Css Tricks How to Title Case and Other Upper and Lower Case CSS Tricks

Controlling how text is cased can be managed using CSS, without JavaScript. This tutorial demonstrated upper, lower ands title case text

Read More
Chrome Reminds Us To Be Secure Or They Will Let Everyone Know Your Site Is 'Not Secure' Chrome Reminds Us to Be Secure or They Will Let Everyone Know Your Site is 'Not Secure'

The Chrome team posted a reminder that version 68 will declare sites using HTTP as Not Safe. It is time everyone used HTTPS.

Read More
Microsoft Provides More Clarity For Progressive Web Apps (Pwa) In The Windows Store Microsoft Provides More Clarity For Progressive Web Apps (PWA) in the Windows Store

Microsoft is excited about Progressive Web Apps. So much so they are accepting them in the Windows Store. Is this the whole story?

Read More
Declaring A Winner 🥇 Between Javascript's Var, Let And Const Declaring a Winner 🥇 Between JavaScript's var, let and const

Trying to decide between var, let and const for JavaScript variable declaration? Here is the answer with example code!

Read More
Googles Ads Facebook Pixel Bing Pixel LinkedIn Pixel