Jacob Lett

12 Flips | 1 Magazine | @JacobLett | I help beginners learn responsive #webdesign using the #Bootstrap CSS Framework at https://bootstrapcreative.com

What Are the Bootstrap 4 Text Sizes and How Do You Change Them?

Bootstrap’s font sizes are calculated off of the body font size by using rem values. If you change the body font size all styles will be …

Want to Learn CSS Flexbox? Learn How to Take Command of Flexbox

As a kid I loved playing with toy plastic army men. I would line them up and pretend to be in command giving orders to my soldiers in order to defeat …

5 Important Things to Keep in Mind When Making a Responsive Web Design?

1. Write your CSS mobile first<p>Write as though you are only targeting a mobile device.<p>2. Work in gradual stages<p>Once the mobile device looks good add …

What Are the Pros and Cons of Using Bootstrap in Web Development?

<b>Is a CSS Framework Like Bootstrap Even Necessary?</b><p>If you are new to CSS frameworks, you are probably wondering what the benefits are of using …

Bootstrap 4 All Classes List with Descriptions (Free Cheat Sheet PDF)

<b>Click each column header to sort alphabetically.</b><p>Class Name<p>Preview<p>Description<p>Category<p>A set of utility classes that are equivelant to writing the css …

Bootstrap 4 Quick Start [textbook] Learn Responsive Web Development

“This course helped me see another perspective with Bootstrap. Your material provided <b>a systematic, easy approach to new technologies.</b> You showed how …

Web Design

5 Common Challenges Web Design Beginners Have … And How to Solve Them

When I started, I began building websites using Adobe Dreamweaver because I could see a visual output of what I was building. This was familiar to me …

How to Change Column Order with Bootstrap 4

With Bootstrap column ordering it is best to start out understanding how the natural or default column ordering works. When your browser reads your …

How To Make the Transition From Print Design to Web Design

Early in my career I worked as a graphic designer for an advertising agency. I mostly designed brochures and sales flyers but on one project we …

Why you shouldn’t follow design trends

Design Trends<p>Think about all of the things you look at everyday: websites, movies, billboards, menus, youtube videos… Your eyes and brain are …

How to Build a Full Width Bootstrap 4 Responsive Carousel [Tutorial]

Do you want your Bootstrap carousel to extend the full width of the browser window? Do your images look cut off or have unwanted padding on the left …

Unblocking the Front-End: Using Design Systems for Fast and Easy UI Development

Thinking in Design SystemsSolid user experiences are core to the product strategy of most customer/consumer facing digital companies, but asking …