Now I will introduce you to an Responsive web design. I will tell you what you need it for and will show you in practice main methods. We will learn media requests and its constructions. You will find out why you don’t need Bootstrap! Also, we will talk about mobile-first, and also about the best adaptive practices.
Adaptive markup allows websites to adjust (adapt) based on different screen resolutions either it a PC monitor, tablet or mobile phone. And to consume less internet traffic you should propose to your clients a convenient, adaptive interface. Plus adaptive websites have searching engine priorities. In a word, adaptive markup is very important these days, and each master should know how to do that and do it well.
👉 Layout + reminder: fls.guru/files/tutorials/adapt...
👉Correct image adaptation: • Адаптивные изображения...
👉 Correct adaptive burger menu: • Правильное адаптивное ...
👉 How to create spoiler: • Спойлер на HTML CSS и ...
🔴Markup from the video - • Адаптивная вёрстка лен...
🔴 FREE markup course (Front End).
HTML CSS JS Lessons:
• БЕСПЛАТНЫЙ курс по вер...
If someone needs a markup example from the video, it’s available for subscribers on Patreon:
/ primer-verstki-32211061
:
00:00 - Intro
01:05 - Markup methods
01:30 - about container
03:01 - fixed markup
06:46 - responsive markup
11:52 - adaptive markup (you don't need Bootstrap)
17:29 - responsive-adaptive markup
19:50 - which markup method to use
20:34 - media requests
28:05 - mobile First
29:00 - good adaptation practices
36:13 - homework + layout
🔴 Get access to the bonuses + support channel: / freelancerlifestyle
🔴 Telegram channel: t.me/freelancer_lifestyle (teleg.run/freelancer_lifestyle)
🔴 Telegram markup chat: t.me/flschat (teleg.run/flschat)
🔴 Facebook: / freelancerlifestyle
🔴 Instagram: / freelancer.lifestyle
👋 My name is Evgen Andrikanych, I am an IT specialist, websites creator.
On this channel, I will be sharing with you my gained experience, tips, lifehacks and elaborations!
Link to my channel: / freelancerlifestyle
🤟 Live and work when you have free time! ©