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.
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.
Day 6: Bootstrap 4 Buttons Tutorial and Examples
Hey welcome to a new week of Bootstrap 4 π Today we will learn about Bootstrap 4 buttons, how to use and customise them. Each section will have coded examples and explanations. As a bonus, today you will also navigate through the spacing utilities: how to use Bootstrap 4 classes for margins and padding.
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.
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.
Giveaway – 3 Licenses for Twiggy Hair Salon Bootstrap Template
Hey guys! This is the first of a series of giveaways we will feature with themes from the BootstrapBay marketplace. This week we have the Twiggy Hair Salon Bootstrap Template in the spotlight. Find out more about what the theme has to offer and how to enter the giveaway!
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).
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.
10+ Web Templates Designs with Coffee Aroma
Contents
- What type of coffee do you prefer?
- The quickest way of starting a coffee website template
- The collection of coffee website templates & bootstrap templates
- Over to you
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.
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:
- Cruip has released a series of free templates for startups. They are licensed under GPL and they look gorgeous.