Wednesday 28 February 2018

How 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.

source https://love2dev.com/blog/customize-bulleted-list

How 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.

source https://love2dev.com/blog/customize-bulleted-list


Tuesday 27 February 2018

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.

source https://love2dev.com/blog/bootstrap-navbar

Monday 26 February 2018

How to Vertically & Horizontally Center Align an Image, Text or DIV in CSS WIthout Floats (Tutorial)

Centering HTML elements using CSS has been a frustrating task for years. Today that has changed with Flexbox. This tutorial should clear things up and make centering horizontally and vertically easy.

source https://love2dev.com/blog/absolute-centering-css

Saturday 24 February 2018

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?

source https://love2dev.com/blog/pragmatic-vs-theoretical-development-practices

Thursday 22 February 2018

Controlling an HTML Input Field's Placeholder Color Using CSS

This tutorial demonstrated how you can style not only HTML Input Placeholder text's color, but all text related styles. You can also apply special styles to input fields with placeholder text.

source https://love2dev.com/blog/css-placeholder-color

Wednesday 21 February 2018

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.

source https://love2dev.com/blog/responsive-hero-background-opacity

Tuesday 20 February 2018

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.

source https://love2dev.com/blog/using-matchmedia-to-add-the-responsible-to-responsive-web-design

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.

source https://love2dev.com/blog/nodejs-azure-webjob-nodejs-requireutil_extend

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.

source https://love2dev.com/blog/developers-should-read-the-lean-startup

Monday 19 February 2018

What's The Difference Between encodeURI and encodeURIComponent

It seems like just about every project I work on needs to dynamically create url routes. This means I need to use a value, more than likely a string, to create

source https://love2dev.com/blog/whats-the-difference-between-encodeuri-and-encodeuricomponent

Sunday 18 February 2018

Don't Inject Markup in A Web Page using 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.

source https://love2dev.com/blog/documentwrite

Using CSS Calc to Dynamically Define an Element's Size

Use the CSS calc() function to make your layouts more flexible. Perform math in your CSS using mixed units.

source https://love2dev.com/blog/css-calc

Saturday 17 February 2018

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.

source https://love2dev.com/blog/wcf-tracing

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.

source https://love2dev.com/blog/csharp-switch

Thursday 15 February 2018

LoDash is a Progressive Web App (PWA)

LoDash is 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.

source https://love2dev.com/blog/lodash-is-a-pwa

Wednesday 14 February 2018

Monday 12 February 2018

How to Title Case and Other Upper and Lower Case CSS Tricks

How to Title Case and Other Upper and Lower Case CSS TricksControlling how text is cased can be managed using CSS, without JavaScript. This tutorial demonstrated upper, lower ands title case text

source https://love2dev.com/blog/css-text-transform