Day 8: Bootstrap 4 Forms Tutorial and Examples

Hey! This is the 8th day of Bootstrap 4 πŸ’πŸ» Today we will use the elements we have learnt about in the previous 2 days to create Bootstrap 4 forms. We will learn about specific form classes, ways to align inputs in a form and how to validate the data once the users inputs it. Forms make the switch from a static website to a dynamic one, where the content is generated via input. I think it is vital to know how to use forms and important to learn the options you have.

(more…)

Read More

Day 7: Bootstrap 4 Inputs Tutorial and Examples

Hey and welcome to the 7th day of Bootstrap 4 πŸ™ŒπŸΌ Today we will learn about more Bootstrap 4 form elements. We will go through Bootstrap 4 text inputs and custom inputs like checkboxes, radio buttons and select pickers. It is very likely that you will need to use them when building a web project, so it is useful to know their syntax and special Bootstrap 4 classes.

(more…)

Read More

Day 5: Bootstrap 4 Images Tutorial and Examples

Hey and welcome to the 5th day of Bootstrap 4 πŸ€“ Today we will learn about Bootstrap 4 images. Images are an essential part of designing a website. If fitted properly into your design, images will bring your website to life and increase engagement. Beside learning about classes built specifically for images, this is also an opportunity to learn about more Bootstrap 4 utilities: sizing, border radius and shadows.

(more…)

Read More

Day 4: Bootstrap 4 Typography Tutorial and Examples

Welcome to the 4th day of learning Bootstrap 😌 Today we will learn about the Bootstrap 4 typography. It is important to understand and use the typography options well. They will give you the possibility to present the information on your page the best way possible. Typography is one of the most important elements of a design and done properly it will capture the user’s attention, establish information hierarchy and create harmony in the page.

(more…)

Read More

Day 3: Bootstrap 4 Flex Tutorial and Examples

Hey and welcome to the third day of Bootstrap 4 ☺️ Today we will learn about the Bootstrap 4 Flex. Flexbox is a new layout mode in CSS3. It describes ways to align and size elements. Understanding how the Bootstrap 4 flex works will help you align elements horizontally and vertically (to the left, center and right), size them according to their parent and tell them how to fill a row.

Bootstrap 4 has created classes around the CSS3 properties so you can use them with ease. Today we will go through them and create example scenarios. Aligning and sizing elements are crucial parts of front-end development. It is important to get them right before starting with the Bootstrap 4 elements and components. I have personally skipped the flexbox tutorial when I switched to Bootstrap 4. And I found I needed to learn about it very quickly (one the first day I started creating a webpage actually).

(more…)

Read More

a-regatta-on-the-grand-canal

Cool Things of the Week (Web Design Edition #10)

Fun fact in history this week: On the 18th of October, 1697 Giovanni Canaletto was born in Venice. He is an Italian painter and printmaker, best know for his “Regatta on the Grand Canal” painting (which you can see as the featured image for this blog post).

Here are the news and updates for this week, 2018:

  • The highly popular PHP 5.x branch will stop receiving security updates at the end of the year. This meand around 62 percent of all Internet sites will run an unsupported PHP version. You can read more about it here.

(more…)

Read More

bootstrap-coffee-templates

10+ Web Templates Designs with Coffee Aroma

Contents

What type of coffee do you prefer?

Hey all coffee fans, addicts, maniacs or whoever you call yourself πŸ™‚ If you ask me, I can probably call myself a coffee addict. The beverage has a really powerful effect on me.

(more…)

Read More

Cool Things of the Week (Web Design Edition #9)

Fun fact in history this week:

  • On the 12th of October, 1928 Al Held was born in Brooklyn, New York. He is a known expressionist painter and sculptor, especially praised for his hard edge-style. The featured image is called Roberta’s Trip.

Here are the news and updates for this week, 2018:

(more…)

Read More