What Is the Best Way to Learn Web Development?

Learning Web Development is Like Learning How to Paint Let’s say you wanted to become a painter. Where would you start?   How would you feel if your first painting looked like the one below?   I believe painting by numbers teaches the mechanics and joy of painting to beginners. It quickly builds confidence. You… Read more »

Continue Reading

Category: Articles

Which framework is better, W3.CSS or Bootstrap?

Both of these are essentially style guides. A way of doing things. I recommend Bootstrap because of the following points. The large number of websites currently using it The large number of contributors and bug testers on the open source project Being more marketable for jobs because more teams use it and you don’t have… Read more »

Continue Reading

Category: Common Questions

How to Change the Bootstrap Text Size and Make the Font Size Responsive

  Do you want to adjust the default font sizes in Bootstrap 4? You can either adjust the Sass variables or write new CSS styles to override the default values. In this tutorial, I will provide the default font size values and show you how to change the values based on the Bootstrap 4 breakpoints…. Read more »

Continue Reading

Category: Common Questions

How to Detect and Run JavaScript When Bootstrap Media Query Breakpoints Change

Update: I created a small jQuery plugin that adds media query detection for Bootstrap 3 and 4 projects. You can learn more about IfBreakpoint.js here. Have you ever wanted to trigger some javascript at a certain media query value? Relying on document.width() has problems because it includes browser scrollbars. A simpler and more accurate solution… Read more »

Continue Reading

Category: Tutorials

Close Navbar When Nav Link is Clicked

By default the navbar dropdown stays open when clicked. This can be an issue if you are using name anchor’s or linking to an id like href=”#section”

Continue Reading

Category: Code Snippets

Sparky Bootstrap 3 Sass Starter Project and Tutorial

It was a challenge for me to understand Grunt, Sass, and GitHub. So I decided to share a starter project I use for each Bootstrap 3 Sass project as well as a video tutorial series to help you learn the workflow.. Sparky: A Bootstrap 3 Sass starter project I created a starter project that provides… Read more »

Continue Reading

Category: Articles

Starting Front-end Development with Bootstrap Sass

“It’s through mistakes that you actually can grow. You have to get bad in order to get good.” – Paula Scher, designer Good Reads Ways to Make Bootstrap Columns the Same Height JavaScipt for Web Designers: DOM Scripting [tool] I just heard about Adobe XD which looks like a great way to build prototypes other than… Read more »

Continue Reading

Category: Articles

Bootstrap 3 PSD Grid Template – Photoshop Download

Do you design websites in Adobe Photoshop or in the browser? Personally, I recommend designing websites in Photoshop because it removes the design imposed by default styling of browser CSS and frameworks like Bootstrap. This will help websites look less like Bootstrap and more customized. The templates I created contain the minimum information you need… Read more »

Continue Reading

Category: Articles