bootstrap-4

14 Days of Bootstrap 4 – Introduction

Cristina Conacel Leave a comment

Introduction

This is a Bootstrap 4 Tutorial for beginners. The idea for it comes from “24 days of Rust” and “24 days of Hackage“. As the titles might suggest, this kind of article series features daily blog posts with tutorials on how to use a language or library.

14 Days of Bootstrap 4 consists of daily tutorials focusing on basic parts of Bootstrap 4. Each article has coded examples and extensive descriptions. We also recommend extra resources that you can use to dive deeper.

The purpose is for you to learn something new everyday. At the end of the series you will be a well-prepared Bootstrap 4 developer, ready to create any website that you desire.

(more…)

Read More

How Web Development and Design Have Changed Over the Last Decade

michael Leave a comment

The Web Wind of Change

They say that the only thing constant is change. However, not all changes occur at the same rate. In the world of technology, things happen remarkably fast. As a technology consumer (you’re one if you regularly use the Internet and have a computer and/or smartphone), you only have to look back at the past three years to realize how much the tech products and services you use have altered.

(more…)

Read More

10 Common Mistakes in Web Design Newbies Should Avoid

admin Leave a comment

Web designing can be interesting yet tricky for newbies and shockingly some professionals. Have you ever wondered why some webpages feel homey, looks simple yet appealing? Such webpages deliver more than others with complex and artistic designs. The secret? Well, those exotic webpages have certain errors; while developers of others pages go overboard with many page elements (more on this later).

(more…)

Read More

bootstrap-4-modal

Day 14: Bootstrap 4 Modals Tutorial and Examples

Cristina Conacel 6 Comments
Day 13: Bootstrap 4 Cards

 

Hello and welcome to the 14th day of Bootstrap 4! Today we will learn about Bootstrap 4 Modals. Modals are a simple way to display information upon request. They let you easily add another layer upon your site and give you the possibility to create popups.

In today’s tutorial we will go through ways to position and size the modal. We will see what content we can place inside and how to access its full capabilities via JavaScript. In the end, we have created custom modals that you can build upon for your use-cases.

Let’s get going!

(more…)

Read More

conversion-rate

Five Proven Ways to Increase Your E-Commerce Conversion Rates

Dave Schneider Leave a comment

You spend a lot of time and money trying to drive people to your website. You may even outsource internet marketing tasks, letting a dedicated group of people handle it for you. The result is more people coming to your site, but you’re still not getting the type of sales results you’re after.

In a perfect world, everyone who visitors your e-commerce store would turn into a customer. Unfortunately, this isn’t the case. In fact, you may have found that the majority of people who visit your site don’t become customers. This is alarming at first, until you realize that every e-commerce store deals with the same problem.

(more…)

Read More

bootstrap-4-cards

Day 13: Bootstrap 4 Cards Tutorial and Examples

Cristina Conacel Leave a comment
Day 12: Bootstrap 4 Lists
Day 14: Bootstrap 4 Modals

 

Hello and welcome to the 13th day of Bootstrap 4! 😄 Today we will learn about Bootstrap 4 cards. A card is a content container that is flexible and easy to extend. Bootstrap 4 cards replace the panels, wells and thumbnails from Bootstrap 3.

Coming with a variety and components and options for styling and aligning, Bootstrap 4 cards offer extensive use-cases. In this blog article we will show how to add components to the cards and style them with utilities. We will also go through options for displaying cards, making use of the grid system, flex utilities, and classes built specifically for cards. We will finish the article with a series of custom cards that you can easily create once you know all of the above. Let’s get started!

(more…)

Read More

How To Get Success On Black Friday And Cyber Monday: Ultimate Tips for Customers and Sellers

Lana Miro Leave a comment

Contents:

  • Intro
  • Black Friday and Cyber Monday tips for shoppers
  • Black Friday and Cyber Monday tips for sellers
  • Where you can find the best web design deals?
  • 5 top bundles for website owners

There’s no secret, Black Friday is the day everyone is waiting for. No matter how rich you are and no matter what your business is about! Actually, it even doesn’t matter who you are, when Black Friday is coming. People all over the globe are waiting for the date for one simple reason. Yes, I’m talking about sales. Can you imagine something more pleasant and lucrative than shopping on Black Friday? To make a long story short, here is how you can get whatever you want without running out of the budget.

(more…)

Read More

bootstrap-4-lists

Day 12: Bootstrap 4 Lists Tutorial and Examples

Cristina Conacel Leave a comment
Day 11: Bootstrap 4 Navigation
Day 13: Bootstrap 4 Cards

 

Hello and welcome to the 12th day of Bootstrap 4 😉 Today we will learn about Bootstrap 4 lists and Bootstrap 4 list groups. Besides offering multiple styles for the default list, Bootstrap 4 is introducing a new element: the list group. The Bootstrap 4 list group offers extensive use cases and learning how to add them to your project will help you organise your information and navigation.

Let’s start creating lists!

(more…)

Read More

bootstrap-4-navigation

Day 11: Bootstrap 4 Navigation Tutorial and Examples

Cristina Conacel Leave a comment
Day 10: Bootstrap 4 Navbar
Day 12: Bootstrap 4 Lists

 

Hello and welcome to the 11th day of Bootstrap 4 😎 Today we will learn about the Bootstrap 4 Navigation options. Having to organise a list of links is a very common situation and knowing how to create Bootstrap 4 Navs will help you solve this.

There are multiple options you will be able to choose from: basic navs, nav tabs and nav pills. We will inspect each option and explain how to use it, together with examples. We will also start to see more of the JavaScript options Bootstrap 4 provides. Sounds exciting? Let’s learn to navigate!

(more…)

Read More