Одну секунду
Что-то сучилось. Попробуйте еще раз.
Как адаптировать макет сайта смотреть последние обновления за сегодня на .
#alexeybychkov #ityoutubersru #webdesign Верстальщики не могут испортить настроение дизайнерам, а вот дизайнеры..)) Как подготовить макет к верстке? За что верстальщики не любят дизайнеров? Часть 1 Наши чатики в дискорде — 🤍 Обучение — 🤍 Мои цитаты — 🤍 💰❤️ Поддержать канал: 🤍 бусти — 🤍 — русский интерфейс, рубли патреон — 🤍 — английский, доллары Подглядывать за мной можно тут: 👉 Инстаграм: 🤍 👉 Беханс: 🤍 👉 Телеграм: 🤍 👉 Фейсбук: 🤍 👉 Твитор: 🤍 ••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне в районе 36 лет, женат на прекрасном человеке и у нас две прекрасные дочки. Работаю на лучшей бирже в рунете — Weblancer.net. И делаю это хорошо, чего скрывать =) Ведь я люблю свою работу (уже 17 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе! Подробнее обо мне — 🤍 17 лет опыта — 🤍 Пишу — 🤍 Дизайню — 🤍 Отзывы — 🤍 Мои книги: «Дизайн и фриланс. Начало» — 🤍 «Дизайн и фриланс. Новый уровень» — 🤍 Хелп по Фигме: уроки, видео, советы, фишки — 🤍 Мир фейсов: 🤍 #figma #фигма #фотошоп #photoshop #дизайн #design #фриланс #freelance
Ссылка на проект в фигме с обучающими материалами: 🤍 Дизайн практика: Адаптивный дизайн в Figma / 11 — 17 июля 🤍
#адаптив #adaptive #вебдизайн [ПЕРЕЗАЛИВ] Пока в отпуске был переделал еще один популярный видос, в котором «вещал из трубы», и на которой было стыдно давать ссылку из-за звука. А ссылку даю часто, почти всем заказчикам. Надо было собраться с мыслями и переделать. Вот пока я в отпуске — самое подходящее время для обновления :) Так вот: сколько и какой ширины нужно файлов при разработке адаптивного дизайна сайта. 💰❤️ Поддержать канал: бусти — 🤍 — русский интерфейс, рубли патреон — 🤍 — английский, доллары Подглядывать за мной можно тут: 👉 Инстаграм: 🤍 👉 Беханс: 🤍 👉 Телеграм: 🤍 👉 Фейсбук: 🤍 👉 Твитор: 🤍 ••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне чуть больше 30 лет, женат на прекрасном человеке и у нас чудесная дочка. Работаю на лучшей бирже в рунете — Weblancer.net. И делаю это хорошо, чего скрывать =) Ведь я люблю свою работу (уже 15 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе! Подробнее обо мне — 🤍 15 лет опыта — 🤍 Пишу — 🤍 Дизайню — 🤍 Отзывы — 🤍 Мои книги: «Дизайн и фриланс. Начало» — 🤍 «Дизайн и фриланс. Новый уровень» — 🤍 Хелп по Фигме: уроки, видео, советы, фишки — 🤍 Мир фейсов: 🤍 #figma #фигма #фотошоп #photoshop #дизайн #design #фриланс #freelance
#alexeybychkov #ityoutubersru #webdesign Хотел показать, что 320 пх больше не нужны и вместо них смело можно делать 360 пх, а в итоге еще и про количество макетов для адаптива рассказал. А у кого старые SE просто даже подвоха не заметят. Откроют сайт 360 со своих 320 и даже не поймут, что что-то не так. Горизонтального скрола не будет, а макет просто впишется Адаптивы и верстальщики — 🤍 Адаптивы и дизайнеры — 🤍 Таблица девайсов и разрешений — 🤍 Наши чатики в дискорде — 🤍 Обучение — 🤍 Мои цитаты — 🤍 💰❤️ Поддержать канал: 🤍 бусти — 🤍 — русский интерфейс, рубли патреон — 🤍 — английский, доллары Подглядывать за мной можно тут: 👉 Инстаграм: 🤍 👉 Беханс: 🤍 👉 Телеграм: 🤍 👉 Фейсбук: 🤍 👉 Твитор: 🤍 ••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне в районе 36 лет, женат на прекрасном человеке и у нас две прекрасные дочки. Работаю на лучшей бирже в рунете — Weblancer.net. И делаю это хорошо, чего скрывать =) Ведь я люблю свою работу (уже 17 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе! Подробнее обо мне — 🤍 17 лет опыта — 🤍 Пишу — 🤍 Дизайню — 🤍 Отзывы — 🤍 Мои книги: «Дизайн и фриланс. Начало» — 🤍 «Дизайн и фриланс. Новый уровень» — 🤍 Хелп по Фигме: уроки, видео, советы, фишки — 🤍 Мир фейсов: 🤍 #figma #фигма #фотошоп #photoshop #дизайн #design #фриланс #freelance
🐸Обучающий контент от меня: 🤍 ЗАКАЗАТЬ ДИЗАЙН САЙТА, САЙТ ПОД КЛЮЧ, ОФОРМЛЕНИЕ ИНСТЫ И ДР: 🤍 ССЫЛКА НА ЗАГОТОВКУ ДЛЯ АДАПТИВА: 🤍 ➙ Я ВКонтакте: 🤍 ➙ Моя группа вк: 🤍 ➙ Телега дизайнера: 🤍 ➙ Тик ток: 🤍 ➙ Кейсы: 🤍 Поддержать канал: 🤍 Как сделать адаптивный дизайн сайта в Figma | АДАПТИВНЫЙ ДИЗАЙН САЙТА | Мобильный дизайн сайта. Адаптивный дизайн сайта в Figma уроки веб дизайна веб дизайн с нуля адаптивный дизайн
🔥 Не забудьте скачать мою книгу «от Курьера до Дизайнера интерфейсов» 🤍 В ней я рассказываю свою историю, как мне удалось стать дизайнером с полного нуля и как бы я действовал сегодня, если бы начинал все с «чистого листа». 👇 Присоединяйтесь Канал в Телеграм: 🤍 Ссылка на проект: 🤍 В этом уроке я покажу вам как сделать адаптивный дизайн сайта в Figma. Для тех, кто не в курсе, фигма (figma) — это графический редактор, предназначенный для разработки дизайна различных интерфейсов (от простых сайтов, до сложных проектов). Данное видео подойдет для тех из вас, кто хочет освоить веб дизайн с нуля. Конкретно в этом уроки веб дизайна мы с вами разберем адаптивный дизайн landing page и как подготовить проект к передачи его в разработку. Подписывайтесь на канал, здесь я бесплатно выкладываю figma уроки про web design и ux ui дизайн, которые помогут вам прокачать свои скилы в дизайне.
Дружище, я помог тебе? Подари мне кофе ➡☕ 🤍 В этом уроке по CSS мы познакомимся с такой важно вещью, как адаптация сайта под любые разрешения экранов (телефоны, планшеты, ноуты, компьютеры, и Smart часы, если потребуется...😂). Но не просто узнаете, но и попрактикуетесь вместе со мной и 100% поймёте суть. Если нет, то у вас проблемы...🙄 Задавайте вопросы, если есть. Приветствуются даже тупые вопросы. Я на всё отвечу! #css #курс #урок #web #интернет 🤍 - создание сайтов под ключ Мой сайт и соц. сети: 🤍
Сейчас я познакомлю тебя с адаптивной версткой сайтов. Расскажу зачем она нужна и покажу на практике ряд основных подходов. Изучим медиа запросы и их конструкции. Поймем что тебе не нужен Bootstrap! Поговорим об mobile first, а так же о лучших практиках адаптива. Адаптивная вёрстка позволяет веб-страницам подстраиваться (адаптироваться) под различные размеры мониторов ПК, экранов планшетов и смартфонов. И чтобы эффективно потреблять трафик с мобильных устройств, нужно предлагать пользователям сайты с максимально удобным, адаптивным интерфейсом. Помимо этого, адаптивные сайты имеют приоритет при поисковой выдаче. Одним словом, адаптивная верстка сегодня крайне важна, и любому мастеру нужно уметь её делать и делать хорошо! 👉 Макет + напоминалка: 🤍 👉 Правильный адаптив картинок: 🤍 👉 Правильное адаптивное меню бургер: 🤍 👉 Как сделать спойлер: 🤍 🔴 Мастер-класс для начинающих по адаптивной верстке сайта: 🤍 🔴 Верстка макета из урока - 🤍 🔴 БЕСПЛАТНЫЙ курс по верстке сайтов (Front End). Уроки HTML CSS JS: 🤍 🔴 Если кому вдруг нужен пример верстки из урока то он доступен для подписчиков на Патреоне: 🤍 🔴 Получить доступ к плюшкам + поддержать канал: 🤍 🔴 Telegram канал: 🤍 (🤍 🔴 Telegram чат по верстке: 🤍 (🤍 🔴 Facebook: 🤍 🔴 Instagram: 🤍 Содержание: 00:00 - Вступление 01:05 - Подходы к верстке 01:30 - О контейнере 03:01 - Фиксированная верстка 06:46 - Отзывчивая верстка 11:52 - Адаптивная верстка (тебе не нужен Bootstrap) 17:29 - Отзывчиво адаптивная верстка 19:50 - Какой тип верстки использовать 20:34 - Медиа запросы 28:05 - Mobile First 29:00 - Хорошие практики адаптива 36:13 - Домашнее задание + макет 👋 Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками! Ссылка на канал: 🤍 🤟 Живи, а работай в свободное время! ©
🔥 Мой авторский курс «Figma с нуля»: 👉 🤍 В этом видео рассмотрим поэтапно как сделать макет адаптивной версии сайта отеля. Отвечу на такие вопросы: что такое мобильная версия сайта? Что такое адаптивная версия сайта? Как легко адаптировать макет сайта под телефон? 🔗 Мои ссылки: Мой канал в телеге: 🤍 Мой авторский курс «Figma с нуля»: 👉 🤍 Студия: 🤍 Behance: 🤍 Twitter: 🤍 Портфолио по фото: 🤍 🎶 🤍 — я использую лучший сервис для подборки музыки. Переходи по ссылке получи 30 дней бесплатной подписки! 📝 Содержание: 0:00 - интро 2:14 - погнали 33:20 - смотрим результат 34:07 - финальные рекомендации _ #Figma #FigmaTutorial #UXDesign #Webdesign
Видео о сетках - 🤍 💎 Курс "UX/UI-Дизайн" - 🤍 ◾ Базовый курс по веб-дизайну "Основы дизайноведения" - 🤍 ◾ Полноценный курс по веб-дизайну "Дизайноведение" - 🤍 ◾ Ведение рабочих профилей в Instagram "Инставедение" - 🤍 ◾ Менторство - 🤍 ◾ Магазин футболок для фрилансеров - filippovashop.ru Самые полезные видео на канале: Кто такой веб-дизайнер - 🤍 Сколько зарабатывает веб-дизайнер - 🤍 Навыки веб-дизайнера - 🤍 Как стать веб-дизайнером - 🤍 Где учиться на веб-дизайнера - 🤍 Плюсы и минусы профессии - 🤍 Какой ноутбук выбрать - 🤍 Этапы рабочего процесса - 🤍 Кто такие UX/UI дизайнеры - 🤍 Ошибки начинающих - 🤍 🤍 Стили в веб-дизайне - 🤍 Сетки в веб-дизайне - 🤍 Адаптивный дизайн сайта - 🤍 Дизайн сайта в Figma - 🤍 Тренды в дизайне на 2021 год - 🤍 Как сделать портфолио - 🤍 Как рассчитать стоимость дизайна - 🤍 Как найти первого клиента - 🤍 Где меня найти: Instagram: 🤍 Instagram Filschool: 🤍 Страница Вконтакте: 🤍 Сайт веб-студии: 🤍 Портфолио студии: 🤍 #дизайн #вебдизайнер #софьяфилиппова
ИЗУЧИ АДАПТИВНУЮ ВЕРСТКУ САЙТА ЗА 15 МИНУТ! HTML & CSS. 👉 МОЙ КУРС *Профессия фронтенд разработчик с 0 до Junior+* - 🤍 👉 МОЙ КУРС: *Креативная верстка! 22 проекта* - 🤍 ☝️☝️☝️☝️☝️😍😍😍😍☝️☝️☝️☝️☝️ 👉👉👉 *ИСХОДНИКИ* 🤍 🎉🔥🥳⬇️ *ПОДПИСЫВАЙСЯ* ⬇️🎉🔥🥳 ➡️ TELEGRAM КАНАЛ - 🤍 ➡️ INSTAGRAM - 🤍 ☝️☝️☝️☝️☝️😍😍😍😍☝️☝️☝️☝️☝️ Ловите интенсивный курс по адаптивной верстке сайта, который поможет вам создавать универсальные сайты, которые максимально корректно отображаются на всех устройствах - от десктопных компьютеров до планшетов и смартфонов (мобильных телефонов). В течение 15 минут я покажу вам, как сделать адаптивную верстку сайта с нуля, используя подходы адаптивной верстки сайта. Кроме того, вы узнаете, как использовать медиа-запросы для создания адаптивного дизайна, а также как настроить работу вашего сайта на разных устройствах, чтобы он всегда выглядел и работал наилучшим образом. Этот курс идеально подойдет начинающим разработчикам, которые хотят расширить свои знания в области адаптивной верстки. Все, что вам нужно - это базовые знания HTML и CSS. Так что, если вы хотите создать качественный сайт, который выглядит и работает отлично на любом устройстве, присоединяйтесь к интенсивному курсу по адаптивной верстке сайта и за 15 минут получите необходимые знания для создания универсального сайта! #адаптивнаяверстка #мобильнаяверстка
Особенности адаптивного веб-дизайна. Курс по Webflow — 🤍 Чат в телеграм — 🤍
Материалы которые я использовал 🤍 Если у вас есть вопросы, вы можете задать их лично мне. 🤍 Страничка школы веб-дизайна: 🤍 Обучение веб-дизайну: 🤍 Подписывайтесь на telegram канал: 🤍 И на сообщество в vk: 🤍
Резиновый сайт Автоматически в Tilda Zero block Сегодня я покажу, как автоматически сделать сайт в Tilda Zero block резиновым. Адаптируется / резинится только десктопная версия, мобильные версии в тильде не трогаются. Для того, чтобы сделать ваш дизайн в тильде резиновым, вам теперь не нужно изучать window container, высчитывать проценты — достаточно просто использовать скрипт. 🦜Поддержать автора копейкой: 🤍 Ссылка на скрипты: 🤍 _ ✅Поделись видео с друзьями: 🤍 ✅Подпишись на канал и поставь🔔: 🤍 Резиновый сайт Автоматически в Tilda Zero block _ Telegram: 🤍swan4er ВК: 🤍 Instagram: 🤍 Email: rootdesign.help🤍gmail.com _ теги: #tilda, #тильда, #дизайн, #вебдизайн, #design, #тильдошная, #motilda, #zeroblock, #зероблок, #скрипт, #скриптынатильда, #tildaws, #тильдасайт, #tildazeroblock, #тильдаzeroblock
Сегодня мы разберем, как правильно адаптировать сайт под мобильные устройства. Архив - 🤍 ► Интенсив React с нуля (приложение для тренировок) - 🤍 ► Интенсив Node.js + Express - Backend с нуля - 🤍 ► Интенсив по верстке сайта с 0 - 🤍 - ➡️Хранилище (здесь все файлы к видео) *требуется авторизация - 🤍 ➡️Научим разрабатывать сайты - 🤍 ➡️Personal Instagram - 🤍 ➡️Personal YT - 🤍 ✈️ Получи 2100 руб. на первое бронирование через Airbnb - 🤍 ➡️Мой сетап VS Code - 🤍 ➡️Мой сетап Sublime Text 3 - 🤍 Немного обо мне: меня зовут Максим, я уже 7 лет занимаюсь веб-разработкой. На данный момент являюсь основателем двух крутых проектов redstudio.global и htmllessons.ru. Последний, был моей дипломной работой в колледже. Как и все, начинал с изучения верстки html, css, js. Затем появилась потребность в изучении Laravel для разработки образовательного проекта. На данный момент, мой стэк технологий выглядит так: html, css, javascript, jquery, bootstrap, flex, svg, vuejs, php, laravel и различные cms. Основная миссия нашей команды – создавать крутые продукты, которые будут помогать людям и менять мир. Буду рад, если Вы нас поддержите и подпишитесь на наш канал. Спасибо 😊
#alexeybychkov #ityoutubersru #webdesign Верстальщики не могут испортить настроение дизайнерам, а вот дизайнеры..)) Как подготовить макет к верстке? За что верстальщики не любят дизайнеров? Часть 2 На этот раз про медиа-запросы в адаптиве 0:00 - как устроены медиа-запросы 7:26 - смотрим реальные примеры Наши чатики в дискорде — 🤍 Обучение — 🤍 Мои цитаты — 🤍 💰❤️ Поддержать канал: 🤍 бусти — 🤍 — русский интерфейс, рубли патреон — 🤍 — английский, доллары Подглядывать за мной можно тут: 👉 Инстаграм: 🤍 👉 Беханс: 🤍 👉 Телеграм: 🤍 👉 Фейсбук: 🤍 👉 Твитор: 🤍 ••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне в районе 36 лет, женат на прекрасном человеке и у нас две прекрасные дочки. Работаю на лучшей бирже в рунете — Weblancer.net. И делаю это хорошо, чего скрывать =) Ведь я люблю свою работу (уже 17 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе! Подробнее обо мне — 🤍 17 лет опыта — 🤍 Пишу — 🤍 Дизайню — 🤍 Отзывы — 🤍 Мои книги: «Дизайн и фриланс. Начало» — 🤍 «Дизайн и фриланс. Новый уровень» — 🤍 Хелп по Фигме: уроки, видео, советы, фишки — 🤍 Мир фейсов: 🤍 #figma #фигма #фотошоп #photoshop #дизайн #design #фриланс #freelance
В этом уроке css мы поговорим о медиа запросах. Медиа запросы очень важная тема, которой можно придать больше времени для изучения. Это начало вопроса о том как сделать адаптивный сайт своими руками очень просто. Уроки html css с медиа запросами приобретают новый смысл и интерес как у зрителей канала web developer blog так и у ведущего. Теперь вы можете сделать адаптивный сайт. CSS для начинающих дается не очень просто, особенно в css3 добавлено огромное количество свойств. ПОДПИШИСЬ на канал "Web Developer Blog" - 🤍 И не пропускай новые видео!!! ПЛЕЙ-ЛИСТЫ МОЕГО КАНАЛА: JavaScript практика - 🤍 Основы JavaScript - 🤍 Уроки Bootstrap 4 - 🤍 Уроки Framework для верстки Foundation 6 - 🤍 Рубрика "Основы за 10 минут" - 🤍 Верстка сайта на Foundation 6 - 🤍 Основы препроцессора SASS - 🤍 Уроки по Sublime text 3 - 🤍 Видео про заработок на YouTube - 🤍 Создаем интернет магазин на PrestaShop - 🤍 Уроки jQuery - 🤍 ПОДПИШИСЬ на Группу Вконтакте "Web Developer Blog" - 🤍
Чем отличается Отзывчивый сайт от Адаптивного? Как создаются сайты, которые работают на компьютерах, телефонах и планшетах? В этом уроке вы разберемся с принципами построения и создания адаптивности сайта. Исходные файлы: 🤍 Подписывайся на группы в социальных сетях: Вконтакте 🤍 Telegram 🤍 Понравилось видео? Подпишись 🤙 Поставь лайк 👍 Оставь комментарий 💬 И жди следующего урока) Если тебе надоело смотреть бесполезные курсы, которые не дают практических знаний. Хочешь стать полноценным Fullstack разработчиком в 2018 года - верстать сайты, создавать веб приложения и писать сервер? Делюсь собственным 5 летним опытов в программировании. Теги #адаптивная_верстка_сайта #адаптивный_сайт #bootstrap #cssgrid #flexbox #как_создать_сайт_за_час #как_создать_сайт #создание_сайта #html #css #html5 #css3 #js #javascript
Тильда позволяет создавать сайты, которые выглядят эффектно и аккуратно на любом экране. Как использовать возможности стандартных блоков и функции Zero Block для адаптивной вёрстки — 3 марта на бесплатном мастер-классе расскажет Максим Ширко. Все вебинары и мастер-классы Тильды: 🤍 Создавайте впечатляющие сайты: 🤍
В прошлом видео мы научились с вами создавать дизайн сайта в Figma. В этом видео мы сделаем импорт макета из figma в tilda, а именно в Tilda Zero Block. Первая часть: 🤍 _ Поддержать канал монетой: (UA) 🤍 (Все страны) 🤍 _ Платные Видео-уроки Tilda: 🤍 ( Уровень сложности 1/10) 🤍 (Уровень сложности 4/10) 🤍 (Уровень сложности 4/10) 🤍 (Уровень сложности 10/10) Подписаться на новости: 🤍 Школа дизайна: 🤍 Мое портфолио: 🤍 Меня зовут Макс Куратов, с 7 лет я изучаю Photoshop. В какой то момент это было моим хобби. Вскоре я стал web-дизайнером с опытом более 8 лет. #Figma #Tilda #ZeroBlock
#alexeybychkov #ityoutubersru #webdesign 00:00 - как делать адаптивный дизайн 9:09 - высота первого экрана 18:50 - примеры адаптивов первого экрана 42:40 - сколько делать файлов адаптива В этом видео на реальных примерах разберем принципы адаптивного дизайна сайта. А также попробуем разобраться какой же высоты должен быть первый экран сайта. Отвечу на вопрос: нужно ли делать 320 px макет или можно сразу показывать 480 px? Открытый пост в закрытом бложике про адаптив: 🤍 Файл Фигмы: 🤍 💰❤️ Поддержать канал: бусти — 🤍 — русский интерфейс, рубли патреон — 🤍 — английский, доллары Подглядывать за мной можно тут: 👉 Инстаграм: 🤍 👉 Беханс: 🤍 👉 Телеграм: 🤍 👉 Фейсбук: 🤍 👉 Твитор: 🤍 ••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне в районе 35 лет, женат на прекрасном человеке и у нас чудесная дочка. Работаю на лучшей бирже в рунете — Weblancer.net. И делаю это хорошо, чего скрывать =) Ведь я люблю свою работу (уже 17 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе! Подробнее обо мне — 🤍 17 лет опыта — 🤍 Пишу — 🤍 Дизайню — 🤍 Отзывы — 🤍 Мои книги: «Дизайн и фриланс. Начало» — 🤍 «Дизайн и фриланс. Новый уровень» — 🤍 Хелп по Фигме: уроки, видео, советы, фишки — 🤍 Мир фейсов: 🤍 #figma #фигма #фотошоп #photoshop #дизайн #design #фриланс #freelance
Адаптивная верстка сайта с нуля для начинающих. Объяснение действий. В этом видео я покажу подробную HTML CSS верстку простого макета FIGMA с кучей полезных решений и лайвхаков! Часть №1: 🤍 Часть №2: 🤍 ❓❓ Хотите чтобы стрим остался в записи? 👉Подписываемся на канал "СЛУШАЙ!" Истории из жизни простых людей: 🤍 И ЖМЁМ ЛАЙК! :) Полезные ссылки: 👉 Макет: 🤍 💪 Набор на курс по верстке: 🤍 👉Бесплатный курс по верстке: 🤍 👉 VS Code: 🤍 👉 Как правильно учиться: 🤍 👉 План развития фронтенд разработчика (+КАРТА): 🤍 🔴 Карта канала: 🤍 🔴 Получить доступ к плюшкам + поддержать канал: 🤍 🔴 Instagram: 🤍 🔴 Telegram канал: 🤍 (🤍 🔴 Telegram чат по верстке: 🤍 (🤍 🔴 Facebook: 🤍 👉 🤍IT-ПРИСТРАСТІ, українськомовний канал присвячений інтерв'ю з цікавими IT-спеціалістами - 🤍 👋 Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками! Ссылка на канал: 🤍 🤟 Живи, а работай в свободное время! ©
Рассмотрим вопрос где все таки брать бесплатные макеты для верстки если гугл уже весь перерыт. Сначала разберем что такое макет psd. Это фотошоп файл который сделал дизайнер. Это труд, по этому бесплатных макетов достаточно мало в интернете, но они есть. Для чего обычно ищут psd макеты. Первое для тренировки, второе для наполнения портфолио новыми работами. Поддержать канал - 🤍 🤍 Контакт держу через E-mail: illya.landar🤍gmail.com
Адаптивная верстка сайта с нуля для начинающих. Объяснение действий. В этом видео я покажу подробную HTML CSS верстку простого макета FIGMA с кучей полезных решений и лайвхаков! Полезные ссылки: 👉 Макет (открытый доступ): 🤍 👉 Результат верстки: 🤍 👉 Бесплатный курс по верстке: 🤍 👉 VS Code: 🤍 👉 Как правильно учиться: 🤍 👉 План развития фронтенд разработчика (+КАРТА): 🤍 🔴 Карта канала: 🤍 🔴 Получить доступ к плюшкам + поддержать канал: 🤍 🔴 Instagram: 🤍 🔴 Telegram канал: 🤍 (🤍 🔴 Telegram чат по верстке: 🤍 (🤍 🔴 Facebook: 🤍 За тайм коды спасибо Сергей Кудаев! 00:00:00 - Задорное вступление 00:02:54 - А вот и наш макет! Знакомство с макетом 00:05:54 - Файлы проекта 00:09:21 - Плагины проекта 00:11:42 - С чего начинается верстка? Цена работы 00:17:11 - Анализ макета. Плагин для Figma Font Fascia 00:21:15 - Поиск и подключение шрифтов. Плагин для Visual Studio Google Fonts 00:29:03 - Построение сетки. Ограничивающий контейнер 00:36:48 - Применение селектора-атрибута 00:39:43 - Анализ блока шапки 00:44:00 - Разметка макета и начало верстки шапки 00:52:34 - Верстка логотипа, меню, кнопки "Download" 01:11:52 - Настройка адаптивности для шапки 01:23:52 - Верстка бургера 01:30:30 - Настройка адаптивности для логотипа 01:37:14 - Открытие-закрытие меню средствами CSS3 01:38:30 - Применение псевдокласса Target, доработка бургера 01:51:00 - Верстка блока Main 02:10:54 - Использование конструкции :not(:last-child) 02:15:28 - Работа с декором блока Main 02:26:46 - Верстка блока Stay-safe 02:32:37 - Магия БЭМ в действии. Повторное использование кода 02:42:10 - Работа с декором блока Stay-safe 02:47:00 - Настройка адаптивности для блока Stay-safe 02:53:58 - Верстка блока Expert 03:01:06 - Альтернативный прием размещения декора в блоке 03:10:38 - Верста нижней части блока Expert 03:11:20 - И снова БЭМ в работе. Копирование текстового блока 03:14:45 - Вставка видео. Тег Iframe. Адаптивное видео 03:18:45 - Настройка адаптивности для блока Expert 03:24:16 - Верстка блока Healthcare 03:40:32 - Верстка декора с использованием псевдоэлементов :after и :before 03:48:00 - Верстка футера 03:50:20 - Текст в карточках футера 03:51:00 - Настройка адаптивности для блока Footer 👋 Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками! Ссылка на канал: 🤍 🤟 Живи, а работай в свободное время! ©
Курс по созданию и оптимизации сайта на Tilda - 🤍 Услуги по Digital-маркетингу - 🤍 Только начинаете знакомиться с Tilda? Эти видео для вас: 👉 Полное описание возможностей Тильда (видеогид по основным функциям) - 🤍 👉 Начало Работы: Как устроена Тильда, Создание и Редактирование страниц - 🤍 👉 Настройки Сайта: Домен, Настройки Форм, Аналитика, Главная Страница, Почта и пр. - 🤍 👉 13 секретов удобной навигации по сайту - 🤍 👉 Как создать интернет-магазин на Тильде и работать с ним? - 🤍 👉 Отзывы для сайта: Зачем? Как? Где? - 🤍 👉 Обзор сторонних виджетов (сервисов) для интеграции - 🤍 🔴 ЛайфХаки для Tilda: 🤍 ▶️ Корректировка (настройка вида) мобильной версии сайта: Изменение отступов для мобильных: 🤍 ▶️ Корректировка (настройка вида) мобильной версии сайта: Собственная адаптивная версия: 🤍 ▶️ Корректировка (настройка вида) мобильной версии сайта: Отключение адаптивной версии сайта: 🤍 «ВидеоФотоСтудия Алексея Чеснокова» место, где я снимаю свои видео — 🤍 С каждым днем все большее количество пользователей используют для просмотра сайтов планшеты и мобильные телефоны. Чтобы сайт корректно отображался на мобильных устройствах, следует перенастроить ресурс. На что обратить внимание и как правильно скорректировать мобильную версию я расскажу в своем видео. Когда у вас нет финансовой возможности на старте проекта оплатить дорогостоящие услуги web-дизайнера и web-программиста, стоит обратить внимание конструктор сайтов «Tilda Publishing». Tilda – это конструктор сайтов с простым визуальным редактором, который дает возможность делать отличные сайты со слайдерами, изображениями на весь экран, эффектом параллакса и прочими, не менее красивыми вещами. Конструктор сайтов Tilda помогает делать лендинги и сайты-визитки, не привлекая web-разработчиков, а также позволяет без крупных финансовых вложений запустить бизнес в интернете, что весьма актуально, когда проект на старте. Вы только начинаете свою деятельность в области интернет-маркетинга? Хотите разобраться в основах web-дизайна и web-программирования? Тогда подписывайтесь на мой канал и нажимайте на колокольчик, чтоб не пропустить полезные для Вас видео! #Маркетинг #ИнтернетМаркетинг #АлексейЧесноков #Чесноков #DigitalMarketing #ОбучениеМаркетинг #Marketing #Tilda #Тильда #КонструкторСайтов #КонструкторСайтовБесплатно #ТильдаКонструкторСайтов #СоздатьСайтКонструктор #TildaКонструкторСайтов #ОнлайнКонструкторСайтов
#alexeybychkov #ityoutubersru #webdesign Совместный стрим с верстальщиком: как подготовить макет к верстке? За что верстальщики не любят дизайнеров? Дария — веб разработчик, фул-тайм и фриланс, опыт работы 6 лет в общей сложности, ранее работала сео-специалистом. Любит писать чистый код без костылей:) 👉 Инстаграм: 🤍 👉 Почта: dariialelyukh🤍gmail.com Доступ к закрытом чату: советы, лайфхаки, ответы на вопросы, ранний доступ к видео и тд: бусти — 🤍 — русский интерфейс, рубли патреон — 🤍 — английский, доллары Подглядывать за мной можно тут: 👉 Инстаграм: 🤍 👉 Беханс: 🤍 👉 Телеграм: 🤍 👉 Фейсбук: 🤍 👉 Твитор: 🤍 0:00 - начало 5:40 - про Datepicker 11:45 - дизайн сверстали, а заказчик заменил фото и... 14:40 - про цветовые стили 19:38 - сохраняйте исходники изображений 27:45 - почему 1440, а не 1920? wtf? 33:05 - разнообразие форматов 35:08 - нужен ли Style Guide? 42:42 - про универсальность блоков 44:50 - нет размеров контейнеров 48:10 - про perfect pixel 52:28 - как называть слои? 58:45 - про внутренние страницы (заказчикам) 1:00:40 - как показать анимацию 1:01:50 - ховеры на мобилках 1:09:30 - про цветопередачу мониторов 1:13:30 - замена картинок заказчиком 1:19:19 - отсутствие дизайна дроп-даун меню 1:30:45 - самые популярные косяки в дизайне 1:31:55 - про сетки 1:39:59 - адаптивная верстка блоков 1:43:30 - подписывайтесь на инстаргам Дарьи 1:45:50 - как обговаривается цена на верстку? ••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне в районе 35 лет, женат на прекрасном человеке и у нас чудесная дочка. Работаю на лучшей бирже в рунете — Weblancer.net. И делаю это хорошо, чего скрывать =) Ведь я люблю свою работу (уже 17 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе! Подробнее обо мне — 🤍 17 лет опыта — 🤍 Пишу — 🤍 Дизайню — 🤍 Отзывы — 🤍 Мои книги: «Дизайн и фриланс. Начало» — 🤍 «Дизайн и фриланс. Новый уровень» — 🤍 Хелп по Фигме: уроки, видео, советы, фишки — 🤍 Мир фейсов: 🤍 #figma #фигма #фотошоп #photoshop #дизайн #design #фриланс #freelance
В этой серии видеороликов мы сверстаем с самого нуля адаптивный макет NoTab из Figma. Данный макет подойдёт для новичков. В видео максимально подробно разбирается каждая тема. Макет NoTab является тестовым заданием на должность стажёра верстальщика. Верстка сайта позволит нам попрактиковать знания html, css, flexbox, бэм, адаптив сайта, а также положить такой прекрасный макет в портфолио. В данном видео мы затронем следующие аспекты: ► Правим баги на сайте. ► Верстка сайта под мобильные устройства. Мобильная адаптация. Адаптив макета. ► Анимация элементов на сайте. Прописываем ключевые кадры keyframes и свойство animation. ► Курс по верстке от школы веб-разработки WEB PRO. 💰Полный курс по поиску клиентов. Как начать зарабатывать на вёрстке с нуля? 🤍 📱Ссылка на плейлист верстки данного макета NoTab: 🤍 🍏 Ссылка на плейлист верстки макета Organic Juicy с очень подробными объяснениями: 🤍 ✅ Ссылка на полный плейлист верстки макета Velocity: 🤍 👨💻 Мой список плагинов и расширений для редактора кода VS Code: 🤍 📚 Материалы для верстки сайта и макет сайта можно получить в телеграме, написав боту слово "код" без кавычек: 🤍 🎁 Готовый код с уроков можно получить в телеграме, написав боту слово "готкод" без кавычек: 🤍 Ищи школу WEB PRO в соц. сетях: 🚀 Группа ВК: 🤍 🔥 Телеграм канал: 🤍 💬 Телеграм чат для общения веб-разработчиков: 🤍 🔔 Бонусные материалы и уведомления от школы: 🤍 Таймкоды: 00:00 О чём видео? 00:39 Правим баги 06:45 Адаптируем под мобильное устройство 51:10 Анимируем свечение 54:45 Ваше домашнее задание 55:47 Финал NoTab. Что дальше? 57:40 Как стать веб-разработчиком с WEB PRO? Начни путь веб-разработчика уже сегодня! С вами был Никита Щегольков, школа веб-разработки Веб Про. Данные видеоуроки были бы интересно всем, кто ищет: верстка сайта с нуля, адаптивная верстка сайта, верстка сайта для начинающих. #notab #webpro #вебпро #html #css #тестовоезадание #верстка #версткасайта #версткасайтаснуля #адаптивнаяверсткасайта #версткасайтадляначинающих #созданиесайта #каксоздатьсайт #адаптив
Привет, друг! Это новая тематика на канале - Верстаем вместе, где ты точно так же можешь повторять за мной шаг за шагом каждое действие, чтобы набраться опыта и в будущем верстать все более сложные сайты! В этом видео я показывай шаг за шагом процесс создания сайта, на этот раз это сайт ресторана. Это только одно из множества видео, дальше будет окончательная верстка, адаптация под мобильные устройства и загрузка на хостинг. То есть мы пройдем вместе весь путь создания сайта. А чтобы не пропустить новые части подпишись! Все ссылки: Ссылка на шаблон: 🤍 Ссылка на проект: 🤍 Ссылка на шрифты: 🤍 Социальные сети: Телеграм канал: 🤍 Инстаграм: 🤍 ВК: 🤍 Нужен сайт? Переходи: 🤍 Поддержать канал: 🤍 Не забудь подписаться!
Новый взгляд на создание адаптивных красивых сайтов - CSS Grid. В ходе этого видео мы научимся работать с CSS Grid, разберемся что это такое и поймем почему это круче FlexBox! 1) Урок по FlexBox: 🤍 2) Плагин Emmet: 🤍 3) Урок на сайте itProger: 🤍 ✔ Сообщество программистов: 🤍 ✔ - Вступай в группу Вк - 🤍 🚀 Группа FaceBook - 🤍 Instagram: 🤍 Telegram: 🤍 Twitter - 🤍 - Уроки от #GoshaDudar 👨🏼💻 - Все уроки по хештегу #GoshaLessons
Стань участником игры «Javascripton 2020» — 🤍 С 17 по 31 декабря идёт сбор участников, а с боем курантов откроется следующий этап, который продлится до 6 января. В конце все участники получат доступы к интерактивным курсам и скидки на интенсивы. Шпаргалка адаптивности — 🤍 Задать вопрос фронтендеру бесплатно — 🤍 Сайт — 🤍 ВК — 🤍 Instagram — 🤍 и 🤍 Telegram — 🤍 Чат Telegram — 🤍 Курсы и марафоны — 🤍 Отзывы - 🤍
Адаптивна верстка сайту з нуля. Пояснення дій для початківців. HTML CSS FIGMA 👉 Макет (відкритий доступ): 🤍 👉 Результат верстки (відкритий доступ): 🤍 Верстати буду з самого нуля, тільки HTML CSS, також підключимо слайдер. 🟢 Курс по верстці: 🤍 🟢 Інші майстер-класи: 🤍 ❤️ Отримати доступ к екстра-контенту + підтримати канал: 🤍 ❤️ Спонсорувати канал: 🤍 ❤️ Замовити футболку: 🤍 Корисні посилання: 👉 Безкоштовний курс по верстці: 🤍 👉 VS Code: 🤍 👉 Как правильно навчатись: 🤍 👉 План розвитку фронтенд розробника (+МАПА): 🤍 🔴 Мапа каналу: 🤍 🔴 Instagram: 🤍 🔴 Telegram канал: 🤍 (🤍 🔴 Telegram чат по верстці: 🤍 (🤍 🔴 Facebook: 🤍 👋 Мене звати Женя Андріканич, я IT - спеціалист, займаюсь розробкою сайтів. Посилання на канал: 🤍 🤟 Живи, а працюй у вільний час! ©
В этой серии видеороликов мы сверстаем с самого нуля адаптивный макет NoTab из Figma. Данный макет подойдёт для новичков. В видео максимально подробно разбирается каждая тема. Макет NoTab является тестовым заданием на должность стажёра верстальщика. Верстка сайта позволит нам попрактиковать знания html, css, flexbox, бэм, адаптив сайта, а также положить такой прекрасный макет в портфолио. В данном видео мы затронем следующие аспекты: ► Верстка сайта под мобильные устройства и планшеты (адаптация сайта под маленькие устройства) ► Как прописывать медиазапросы? (медиа запросы для desktop first) ► Как адаптировать сайт по методу desktop first? 💰Полный курс по поиску клиентов. Как начать зарабатывать на вёрстке с нуля? 🤍 📱Ссылка на плейлист верстки данного макета NoTab: 🤍 🍏 Ссылка на плейлист верстки макета Organic Juicy с очень подробными объяснениями: 🤍 ✅ Ссылка на полный плейлист верстки макета Velocity: 🤍 👨💻 Мой список плагинов и расширений для редактора кода VS Code: 🤍 📚 Материалы для верстки сайта и макет сайта можно получить в телеграме, написав боту слово "код" без кавычек: 🤍 🎁 Готовый код с уроков можно получить в телеграме, написав боту слово "готкод" без кавычек: 🤍 Ищи школу WEB PRO в соц. сетях: 🚀 Группа ВК: 🤍 🔥 Телеграм канал: 🤍 💬 Телеграм чат для общения веб-разработчиков: 🤍 🔔 Бонусные материалы и уведомления от школы: 🤍 Таймкоды: 00:00 О чём видео? 01:10 Breakpoints. Точки перелома и как их найти. 03:20 Отменяем прокрутку. Решаем баг с overflow. 10:40 Адаптируем под планшет 25:50 Адаптируем под мобилку шапку и первую секцию 01:04:30 Что ждёт в следующей части видео? 01:06:05 Курс по вёрстке от WEB PRO Начни путь веб-разработчика уже сегодня! С вами был Никита Щегольков, школа веб-разработки Веб Про. Данные видеоуроки были бы интересно всем, кто ищет: верстка сайта с нуля, адаптивная верстка сайта, верстка сайта для начинающих. #notab #webpro #вебпро #html #css #тестовоезадание #верстка #версткасайта #версткасайтаснуля #адаптивнаяверсткасайта #версткасайтадляначинающих #созданиесайта #каксоздатьсайт #адаптив
✅Скачать материалы из урока: 🤍 📹Вторая часть здесь: 🤍 Подписывайтесь, чтобы не пропустить следущий марафон по веб-дизайну: ✔️ INSTA*: 🤍 ✔️ VK: 🤍 ✔️ Telegram: 🤍 #figma #фигма #вебдизайн Это видео – первое из серии уроков на тему: Как сделать дизайн сайта в Figma. Если вы не успели на бесплатный марафон по веб-дизайну (его уроки недоступны после окончания), то теперь сможете выполнить работу марафона в своём темпе по этим урокам. Все макеты мы выполняем в Фигме и она бесплатная. Если у вас её нет, то посмотрите как можно её скачать: 🤍 Для дизайна нам потребуются иконки и фотографии, которые я заранее подготовил. Их можно скачать тут: 🤍 ✅ Study Kvo в соц. сетях: — VK: 🤍 — Telegram: 🤍 — Instagram*: 🤍 — Курс Дизайн взлёт: 🤍 — Курс по UX/UI: 🤍 *Meta, которой принадлежит Instagram, признана в России экстремистской организацией
Инструкции и видеоуроки для блогеров - 🤍 В этом видиоуроке я рассказываю и показываю: - как провести анализ шаблона WordPres, - какие блоки определить приоритетными, - как определить точки для подключения медиазапросов - как подключить медиазапросы и какие стили применить Все используемые материалы в видеоуроке вы найдёте в моей статье: 🤍
Мой блог: 🤍 Я на оф.сайте WordPress: 🤍 Мои плагины: 🤍 Группа Вконтакте: 🤍 Лучший хостинг для ваших сайтов (сам пользуюсь): 🤍 Качественные ссылки на ваш сайт (сам пользуюсь): 🤍 #wordpress #elementor #yrokiwp #учебка #туториал #обучение #сайтснуля #сайт #вебсайт #вордпресс #элементор #учебкавордпресс #обучениевордпрессснуля
Создай свой уникальный блок в Тильда (tilda), где можно редактировать каждый элемент. В этом видео ты узнаешь: - Как сделать резиновый сайт в Tilda; - Как адаптировать сайт под все устройства; - Анимация на мобильных устройствах tilda; - Гамбургер меню в зеро блоке. Первая часть урока: 🤍 Платные Видео-уроки Tilda: 🤍 ( Уровень сложности 1/10) 🤍 (Уровень сложности 4/10) 🤍 (Уровень сложности 4/10) 🤍 (Уровень сложности 10/10) Поддержать канал монетой: (UA) 🤍 (Все страны) 🤍 _ Подписаться на новости: 🤍 П Школа дизайна: 🤍 Мое портфолио: 🤍 Меня зовут Макс Куратов, с 7 лет я изучаю Photoshop. В какой то момент это было моим хобби. Вскоре я стал web-дизайнером с опытом более 8 лет. Настало время, когда мне захотелось передать весь свой опыт в сфере дизайна. тильда конструктор сайтов tilda zero block landing page zero block tilda веб дизайн
Вместе с преподавателем по программированию Алексеем Кадочниковым мы запускаем мини-курс. В трех 15-минутных роликах вся необходимая информация, чтобы начать путь в мир кода! В третьем завершающем выпуске мы перейдём к практике с бесплатным редактором кода Visual Studio Code! Ссылка на макет: 🤍 Начать обучаться веб-разработке можно на портале GeekBrains – 🤍 Мы в социальных сетях: 🤍 🤍 🤍 🤍
На одной встрече мы разберем конкретные пути развития в профессии верстальщика и разработчика сайтов, а также их перспективы. Создать дизайн сайта, адаптивная вёрстка на html css и разместить сайт на хостинг за один вечер? Легко! Присоединяйся к просмотру, будет интересно! Другие мастер-классы по теме: 🔥 Основы JavaScript за 2 часа: 🤍 Создаем свою игру крестики-нолики на JavaScript: 🤍 Быстрая верстка сложного сайта из Figma: 🤍 Подписывайтесь на мой канал: 🤍
[2022] Новый курс по UX/UI — 🤍 В новом видео показываю, что #вёрстка реального макета из Figma — вполне выполнимая задача для любого дизайнера. Так как HTML #CSS вёрстка делается на сервисе Webflow, можно легко настроить параллакс эффект и добавить анимации. ‣ Онлайн-курс «Веб-дизайнер»: 🤍 ‣ Курс «Создание сайтов на Webflow»: 🤍 ‣ Генератор заданий для дизайнера: 🤍 ‣ Мой Instagram: 🤍 ‣ Telegram-канал о веб-дизайне: 🤍 📣 В этом видео вас ждёт: 🤟🏻 Вёрстка реального макета из #Figma 🤟🏻 Создание анимации в Webflow 🤟🏻 Вёрстка Parallax-эффекта в HTML 🔥 Полезное для веб-дизайнера ‣ Мифы о курсах веб-дизайна: 🤍 ‣ Обзор Adobe XD: 🤍 ‣ Что должен уметь дизайнер: 🤍 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Команда #VA рассказывает о своём опыте работы в digital-сфере, а также делится своими знаниями в области дизайна, маркетинга и интернет-технологий. Паблик в VK — 🤍 Telegram-канал — 🤍 Наша веб-студия — 🤍
Адаптивная HTML SCSS верстка сайта из Figma лендинга жилого комплекса LoftHouse. Макет, материалы и готовый код: 🤍 (пост за 06 Мая 2023) Верстка по пакету из Figma, CSS препроцессор SCSS, использование миксинов и переменных. Медиазапросы и адаптивная верстка. Разметка на основе CSS Grid и Flexbox. JS скрипты для маски номера телефона, скрипт для youtube lightbox видео, скрипт для yandex карты с кастомным пином, тонкой CSS стилизацией и JS настройкой карты. Подробно с пошаговыми объяснениями для новичков и начинающих. Готовый код к уроку прилагается. :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Курс "Профессия HTML верстальщик": 🤍 Старт обучения: 18 Сентября 2023 года Обучение с наставником, 3 месяца, результат, гарантия. Научим создавать веб-сайты и зарабатывать на этом. 💻 Курс "JS Frontend разработчик": 🤍 Старт обучения: 23 Октября 2023 года Обучение с наставником, 3 месяца, результат, гарантия. 🏁 Обучение с нуля 💁♂️ Обучение с наставником 🎯 Доведение с нуля до результата 🏢 Помощь с трудоустройством 💵 Поможем взять первый заказ на фрилансе 💳 возможна рассрочка 💳 если курс не понравится, вернём деньги в первую неделю :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3" 7 уроков по 30 мин: 🤍 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Тайм коды: 00:00 Обзор проекта 01:49 Курс по верстке сайтов 04:07 Сборка SCSS в редакторе VS Code 07:20 Структура SCSS файлов 12:55 Шрифты 20:54 Переменные. Цвета 23:58 Базовые стили Верстка десктоп 26:39 Шапка. Фон 34:53 Шапка. Навигация 51:28 Шапка. Заголовок и адрес 1:12:27 Секция Benefits c иконками 1:25:25 Секция "Наши квартиры" 1:30:35 Стили для отдельной карточки 1:54:09 Секция CTA. Форма заявки 2:16:59 Секция с видео 2:31:17 Секция с картой 2:35:07 Секция Feedback. Форма заявки 2:41:29 Подвал 3:00:36 Декор элементы 3:14:23 Миксин для декор элементов Мобильная адаптация 3:19:47 Мобильная адаптация. Медиазапрос и миксин 3:27:50 Адаптация шапки 3:36:21 Иконка моб навигации 3:39:36 Мобильная навигация CSS 3:51:54 Мобильная навигация JS 3:58:29 Адаптация секции Benefits 4:05:40 Адаптация секции с карточками 4:12:56 Адаптация секции CTA 4:18:30 Адаптация секции с видео 4:20:46 Адаптация секции с картой 4:22:31 Адаптация секции Feedback 4:24:55 Адаптация подвала 4:27:10 Оптимизация графики JS Скрипты 4:31:19 JS маска для номера телефона 4:37:43 JS lightbox для youtube видео Yandex карта 4:42:04 Регистрация в API Yandex карт 4:43:32 Подключение карты на страницу 4:46:30 Центр карты 4:48:12 Кастомная метка 4:54:24 Baloon. Инфобокс с адресом 4:55:42 Настройка и стилизация отображения карты 5:04:50 Финал Сайт: 🤍 Вконтакте: 🤍 Telegram канал: 🤍
.svg){kind=small}
![Адаптивный дизайн сайта в Figma [Уроки Веб дизайна]](https://i.ytimg.com/vi/jghijgFpFoE/mqdefault.jpg "Адаптивный дизайн сайта в Figma [Уроки Веб дизайна]")
![Адаптивная вёрстка сайтов за 37 минут + макет. Тебе не нужен Bootstrap! [ENG SUBS]](https://i.ytimg.com/vi/XbnAKjjlgc4/mqdefault.jpg "Адаптивная вёрстка сайтов за 37 минут + макет. Тебе не нужен Bootstrap! [ENG SUBS]")
