Как правильно и быстро верстать сайты

8157 ratings | 251309 views


Как правильно и быстро верстать сайты

Полезно? Подпишись на канал: Создание интернет-магазина от А до Я: Создание новостного сайта от А до Я: Фриланс для начинающих: Сервис SORGE: Статья Как правильно и быстро верстать сайты : Всем привет, друзья. Сегодня мы затронем очень важную тему - быстрая и правильная HTML верстка макетов. Углубимся в проблему, разберем все возможные способы ускорения верстки без потери в качестве на всех этапах. Данный вопрос интересует очень многих веб-разработчиков, интересовал и меня, когда я уже углублялся более серьезно в веб-разработку. Теперь, я с радостью поделюсь накопленными знаниями, хитростями и фишками скоростной верстки, чтобы вы, дорогие мои друзья, смогли заработать больше денег за единицу времени. Группа Вконтакте: Реклама на канале:

Comments to the video: Как правильно и быстро верстать сайты

Иван Казаков 2 months ago
Спасибо огромное за видео!
Arslan T 2 months ago
Боже,этак этого не хватало,большущее благодарю вам🔥🔥🔥
Simple Star 3 months ago
Какая на данный момент средняя цена дизайна 1 странички веб-сайта либо ленда ? И цена верстки 1 странички?
Haskar 4 months ago
Avocode для кого?
Mr. Roi 4 months ago
Извлек для себя немало полезной инфы! Спасибо)
Андрей Зуев 4 months ago
В продолжении было бы любопытно, будто ввести и настроить zurb, на него jekyll, подключать генерируемые коды и т.д.
Андрей Зуев 4 months ago
подскажите, изволь будто ввести jekyll на foundation. А лучше уроки по foundation запишите. Хорошо рассказываете.
Vladislav Lakhmaniuk 4 months ago
попросту супер
KS Tishko 6 months ago
4:58 :)
CSS Polit 6 months ago
Бооюсь на собственном динозавре запускать photoshop
Рамиль Х 6 months ago
Как найти где устанавливать маргин а где паддинг ?
Павел Карпец 7 months ago
чётко и любопытно
Orest Borovets 8 months ago
14:53 Золотые слова
Baes Channel 9 months ago
Кто то вообщем колбасу не ест)
Юрій Перун 10 months ago
Зато шкурки в 3 раза калорийнее)
asfsaf asfdsaf 11 months ago
Верстать то может и можно стремительно, а JS/jQuery - хрен стремительно подключишь и настроишь все плагины, будто обыкновенно - то то то это не работает, не подходит отчасти плагин - необходимо новоиспеченный находить либо самому строчить либо соединить взаимодействие в динамике, сидишь по полдня изучаешь посторонний плагин. Вот где реальная затычка.
WhoIs Who 11 months ago
Сколько пробую верстать - НЕ МОЕ, я больше предпочитаю backend.. Пересмотрел туеву хучу видео по вёрстке и т.д, сколько не пробовал, не выходит. У кого-то может и напротив. Всем начинающим и опытным побольше проектов и терпения)
В'ячеслав Поночовний 1 year ago
7:50 Сделав это заблаговременно, вы сэкономите возле 10-ти минут вашего времени либо возле 1-го часа с учетом времени на прокрастинацию. :D
Корова Улыбалка 1 year ago
эдобе
WebDesign Master 1 year ago
Правильное выговор «эдоби» ))
Сергей Видеман 1 year ago
Ты крутой, я бы желал обучаться у тебя в школе на очном обучении.
pomashok N 1 year ago
Класс!
Isi Reynolds 1 year ago
Отличный задание! Спасибо
Костян Ермаков 1 year ago
SASS - это будто зайчики стремительно)) Так, сейчас частицу инфы проглотили, завтра нужно будет еще один поглядеть видео, упущено немало советов за одинешенек просмотр.
Funkstrought 1 year ago
Спасибо за полезную информацию!
In Trance 1 year ago
А что позже с этой версткой мастерить? Это же выходит попросту штамп,нужен еще и движок чтоб это был настоящий веб-сайт.Такой штамп можно на хоть какой движок поставить либо будто это работает?
WebDesign Master 1 year ago
Можно выполнить посадку на CMS либо Фреймворк. Я потом вёрстки осуществляю посадку на Modx Revolution. Посмотрите плейлист Создание веб-сайта под ключ. В этом бесплатном курсе мы создаём дизайн, верстаем и осуществляем посадку на CMS Modx с администратор-панелью для Настройки и заполнения веб-сайта. _
Eugene Veprytskyi 1 year ago
Вот в одном из проектов столкнулся с таковой неувязкой что jquery невозможно юзать в проектах Angular. вообщем! это не валидно. А выучить Angular для верстания оказалось не обычный задачей.
Максим В 1 year ago
Побольше бы таких видео на ютубе. 25 минут, а столько полезной инфы. Сохранил его для себя в закладки уже 3-ий один пересматриваю и потихоньку начинаю использовать технологии и способы из этого видео. Отлично, создателю респект!!!
Joy Channel 1 year ago
Перед Bootstrap в вёрстке стоит поначалу без сеток верстать либо можно сходу учить БС? п.с. пхп дев, любопытно
kolya oO 1 year ago
благодарю полезное видео.
Алексей Силаев 1 year ago
Сколько вы получаете если 4-5 тыщ рублей в денек. не густо естественно ?
Ghost Dogg 1 year ago
Если нужна труд с БД - это уже back-end. А этак все супер
Paco Official 1 year ago
конечно колбаска за 80 рублей это ппц кал)))
Antonov Igor 1 year ago
Автор, скажи будто ты в эммете настроил lorem для кириллической рыбы ?
Antonov Igor 1 year ago
Спасибо.
WebDesign Master 1 year ago
loremru + TAB
Sasha Kewvra 1 year ago
Что это за особенный сорт докторской колбасы аж за 900 рублей?:)
WebDesign Master 1 year ago
Есть определённые производители, которые ещё покамест что делают высококачественные продовольствие. Попробуйте выискать на прилавках вашего гипермаркета и почитать состав колбас.
Roma Sitnichenko 1 year ago
А что за тема у sublime?
WebDesign Master 1 year ago
Анатолий Макухин 1 year ago
Спасибо, весьма полезное видео. Получил немало новейшей инфы. Удачи.
ErfinPlay 1 year ago
Много покамест непонятного, однако смотрится внушительно.
Иван Иванов 1 year ago
Столько подходящей полезной инфы за 25 мин уложил! Супер)
Kerols Elkens 1 year ago
А для чего воссоздавать в вёрстке режимы наложения, если можно картинкой сделать?
WebDesign Master 1 year ago
Потому, что это универсально.
В гостях у ZmeEey228 1 year ago
красавец!!! Лайк и подписка!!))))))
Temblores 1 year ago
а что за редактор на видео?
Temblores 1 year ago
это оказался Sublime Text
Shmow Zow 1 year ago
что такое сетки? блэ не понимаю?
Сергей Белошенко 1 year ago
Удивительное видео попалось в наставлениях)). Ставлю лайк, оформляю подписку) Хоть и большая часть тем я уже проехал, однако кое-что отложил в полочку полезного)). Так же буду начинать с вами обучать gulp. Спасибо за пригодный контент! Очень круто, продолжайте. А остальным скажу, ребята кто начинает не кидайте, кто уже в теме не думайте что прогресс тормознул - вечно развивайтесь.
Александр Архипов 1 year ago
Сколько ж итого нужно знать и уметь!!! На это уйдут годы!!!
Егор Аксёнов 1 year ago
Актуально ли обучать верстку ради фриланса в 2017-ом с нуля? Опытные люд, подскажите изволь)
D V 1 year ago
конечно. в особенности если понравится. гастеры нишу не займут
Karina Manu 1 year ago
Добрий денек, я учусь на интернет дезайнера и мне бы хотелось с вами переговорить, будите вы этак разлюбезны написать на karinamanu@yahoo.сom Карина
Ростислав Сергеевич 1 year ago
*А я на завтрак кушаю кашку за 10 рублей. Это намного полезней*
Evgeniy Shapovalov 1 year ago
Всё весьма круто, благодарю
Лана Птица - Ethno World/ Этно Мир 1 year ago
Колбасу лучше совсем не есть.))))
Paco Official 1 year ago
верно лучше сходу сдохнуть
oOcitizenOo 1 year ago
Спасибо большущее за видео. Скачал для себя на ноут, буду глядеть время от времени чтоб не сбиваться с курса :)
Anton Shulga 1 year ago
Интересная подача инфы. Всё по делу. Респект! Чего лишь стоят: в кармашке бублик , жгучая вода по трубам.;)
Дарья Андреевна 1 year ago
ахахах) класс) задумчиво и медлительно я делала 1-ые месяца 4, позже на то же самое у меня уходило пару часов а не неделя) все правильно)
ольга Смирнова 1 year ago
мне 13 и мне немало вещей в этом видео понятно
Timur_Gavs Channel 8 months ago
И что?
semurei jeck 10 months ago
мне 13 и мне не хватает внимания
Александр Шпак 1 year ago
Мне 4 и на кую вас всех крутил.
KO3AK UA 1 year ago
Тебе 13 и ты пишешь имя с малеханькой
Весь youtube 2 years ago
можно закачивать полостью готовый веб-сайт, положим взял штамп, переработал на собственный манер, однако будто поменять ссылки, положим взял продажник, на его веб-сайте ссылка ведёт в одно пункт, будто мне поменять начальный линия путём замены ссылки?
mikelandgelo101 2 years ago
Непонятно из видео, необходимо ли мастерить подготовительный интернет-дизайн для веб-сайта на WordPress?
Никита Скай 2 years ago
Благодарен создателю за этот канал! Прям беспредельно! 70% имеющихся способностей и познаний, которые у меня накопились за маленький просвет времени, я получил с этого канала. Что позволило мне осознать логику и метод работы , посодействовало отыскать первую full-time работу и 1-ые заказы с бирж freelance. Спасибо Автор за труды и пора которое ты уделяешь для таких newbie будто я!)
Сергей Михеев 2 years ago
капец. чувак будто к для тебя в падаваны угодить?
Kir Man 2 years ago
Сколько же ты этому обучался
semurei jeck 10 months ago
Александр Шпак со стороны будто что он вправду где-то всему это обучался, текст написан весьма хорошо
semurei jeck 10 months ago
Александр Шпак дудки. этак не бывает, попросту спозаранку обучать начал и учил верно не пропуская
Александр Шпак 1 year ago
Представь будто люд дротят в онлайн игры до посинения вен пальцев и покраснения вен глаз, вот это тоже самое лишь не игры а проги.
Александр Александрович 2 years ago
Спасибо за видео! Было любопытно. Подскажите, какие программки использовались? Фотошоп? Sublime Text? Шрифт не Fira Code? А чем видео записывали и нажатия на кнопки? Понравилось, что понизу экрана показывается кнопка, которая была нажата, массивно! И ещё одно: где можно брать этот и подобные макеты для занятий?
Boris Serousov 2 years ago
Супер! Научился у Вас весьма многому! Спасибо! Очень доступно, а главное верно все разжевали! Я имею в виду не лишь данное видео, однако и все Ваши плейлисты. Теперь это уже реальная библия верстальщика.
Александр Прохоренко 2 years ago
Зачетное вступление )
Kim Blinov 2 years ago
Огромное благодарю! весьма издавна Хочу заниматься этим ремеслом) еще со школы) Но все ведут по неверному пути) здесь Вы поведали все ясно и понятно) мне еще почти все предстоит выучить! Огромное благодарю за поддержка, таким же будто я !
Виктор Лошанёв 2 years ago
Добрый денек! вызнал от вас от таковой штуки sass, ищу решение будто ввести его на windows7 лицезрел у вас к примеру употребляется gulp а лицезрел другие видео, что устанавливают sass с compas закачивают его с веб-сайта руби, порекомендуйте по какому пути пойти с компасом либо gulp и отчего?
WebDesign Master 2 years ago
Да особо различия то и дудки.
Ekaterina K 2 years ago
Спасибо !
Знаковян Семён 2 years ago
Всё верно и по делу, отдельное благодарю за список критерий правильной подготовки psd-макета к верстке. Очень нередко приходится задаваться вопросами, отчего верстальщик обязан парится в фотошопе. И постфактум о том, что перфект-пиксель не имеет особенного смысла в responsive-верстке - это конкретно то, что необходимо знать каждому менеджер/дизайнеру, какой держит под контролем верстальщика) Буду скидывать это видео, если дизайнер будет не согласен)! Видосы точные, ждём новых!
Роман Жаров 2 years ago
Что за тема/цветовая схема у саблайма стоит?
WebDesign Master 2 years ago
One Dark Material - Theme
Николай Голуб 2 years ago
Просматриваю это видео на протяжении месяца уже несколько один - любой один увеличиваю свою продуктивность, благодаря услышанному, что может быть пропустил!
Антон Середний 2 years ago
Леша, растешь в качестве) здесь уже все подготовлено и круто. Молодец
Artem Yakovenko 2 years ago
Меня вечно заинтересовывал проблема, ты будто-то гласил что поначалу необходимо поработать за маленькие средства однако набить руку. Ты имеешь в виду администратором веб-сайта либо что-то в том роде?
Kirill Prikhodko 2 years ago
На счет режимов наложения, в css кушать свойство background-blend-mode
Максим Ляшенко 2 years ago
А будет что-нибудь по FlexBox?
orionpro79 2 years ago
Добрый денек. На 7:35 показана построение =mt($time) это миксин? Я попросту не встречал применение со знаком равенства. Не могли бы откомментировать ? Или мы попросту должны написать @ include =mt(0.5s) и всё заработает?
orionpro79 2 years ago
+Лёша ejuk благодарю.
Лёша ejuk 2 years ago
+mt(.5s) в верстку вставляете и будет трудиться
Алексей Лозенко 2 years ago
Молодец, без воды, верно и ясно. Спасибо за проделаную работу.
Tim Tuz 2 years ago
а еще лучше брать бутстрап либо иной фреймворк и разрабатывать на базе него. В их уже груда мелочей, таких будто сетка, вертикальный ритм, масштабирование картинок и тп учтены.
Rapture 2 years ago
А что мастерить если шрифты рендерятся в браузерах по различному? они смещаются на 1 пиксел по вертикали.
Egor M 2 years ago
Где хватать начинающему разработчику практику касательно верстки?
Олег Олегыч 2 years ago
Egor M ну-ка к примеру в вебе. Скачал psd макет и вперёд.
John Ohabsky 2 years ago
Дякую. Знайшов для для себя корисні речі.
YaAndry andry 2 years ago
В очередной один большущее благодарю за твою работу !
Денис Твердохлебов 2 years ago
Отличное видео, благодарю! Алексей, скажите изволь, а по унисону будут еще видео? Или курс. А то инфы ни где дудки, не считая этого канала :)
Денис Твердохлебов 2 years ago
Понял, благодарю :) я вот тоже все желаю на модекс перебежать, однако стращает то, что в случае острой необходимости резвого решения не будет способности разрешить ее при помощи готовых плагинов. :) однако в один прекрасный момент я это сделаю))
WebDesign Master 2 years ago
Я работаю в большей степени с MODx Revolution. Но если в мире существовал бы лишь одинешенек WordPress, я использовал бы Unyson.
Денис Твердохлебов 2 years ago
Да попросту задумывался, может вы на нем что-то мастерить будете, чтобы этак произнести поглядеть на живую реализацию проекта в нем. Кстати Вы сами, какой фрейм для тем вп предпочитаете?
WebDesign Master 2 years ago
Спасибо. У нас же кушать исчерпающее видео по Unyson. Там фактически вся база.
Роман Татаринов 2 years ago
Спасибо за видео. Почти все использую, более того, кушать своя сборка gulp, где уже интегрированы Jade шаблоны. И почти все импортированы и подключено, этак будто тянется из проекта в проект. На счет выгрузки и графики слышали про zeplin? Сейчас выгружаю в него PSD макет. Оч комфортно и верно. Советую поглядеть в эту сторону, и хотелось бы видео от вас по zeplin.
Алекс Чеширский 2 years ago
Спасибо, друг.
sapyor 2 years ago
Блестяще! Спасибо друг.
Артем Скопинцев 2 years ago
Вот что именуется высококачественный контент. Тонна благодарности.
Artem Kikhtenko 2 years ago
Давно подписан на Ваш канал, смотрю за обновлениями, реально качество производимого контента весьма подросло. Динамика, слог, информация, смотрел с огромным наслаждением. Респект!
Вадим Шорохов 2 years ago
о, новоиспеченный макет! быстро ожидать нового джедая верстки?
WebDesign Master 2 years ago
Это Создание веб-сайта под ключ и он уже сверстан в уроках :-)
Yury Zaytsev 2 years ago
Поздсажите, будто стремительно и верно вывозить изображения, которые в макете обрезанные обтравочной маской по фигуре, в случае когда необходимо обрезанное изображение, а не его оригинал?
Basurmanin Pro 2 years ago
пользуешься ли ты less препроцессором и отчего?
Ali M 2 years ago
Классный задание! Можешь сделать задание про CMS на php и MySQL?
Иван Орлов 2 years ago
Если я не ошибаюсь, однако труд с базой данных это уже бэкенд, а не фронтэнд?
WebDesign Master 2 years ago
Да. Но там все весьма взаимосвязано и осознавать такие вещи необходимо.
Dmitry S. 2 years ago
Где ссылка на эммет?)
Андрей Пушкарев 2 years ago
это плагин для саблайма
Horus Luperkal 2 years ago
Алексей, вы господь. Конечно попросту благодарю в кармашек не положишь, однако пункт в раю вам обеспечено.
Grizzzlie 1 year ago
Если он Бог, то по твоему понятию он себя в эдем вышлет ?
YoiWar 1 year ago
Ты вообщем кто таковой чтоб пункт в раю ему обеспечивать? невольник.
Aziz Zakiryarov 1 year ago
Xzord GG одно уже что ты дышишь любой денек и твоё сердечко бьется уже нужно осознать что ты был сотворен Всевышним!!!
Xzord GG 1 year ago
что что, пруфы где то что господь кушать?
Олжас Курманбай 1 year ago
Что?)
Алексей Баранов 2 years ago
Всем привет!!! может подскажете площадку для фриланса , а то жуть будто охото испытать свои силы, а на работу без опыта не берут(((?????
Андрей Пушкарев 2 years ago
fl.ru
Сергей Беня 2 years ago
а будто же adobe muse?
Вадим Шорохов 2 years ago
исходник поглядите у веб-сайта на мюзе и поймете.
Светлана Вишнякова 2 years ago
СПАСИБО! Очень нужная информация
antlogist 2 years ago
Thank you very much! Awesome!!!
Roma Ismailov 2 years ago
верно все этак, по полочкам, благодарю! Это весьма здорово, когда дизайнер соблюдает все то, что ты обрисовал в конце видео, тогда труд лишь в наслаждение. А почаще итого этак все смотрится, что дают для тебя макет, а там видать, что дизайнера вообщем не колышет что будут мастерить с его макетом в предстоящем, ну-ка либо видать что, что то старался сделать, однако не до конца и решил, что и этак сойдет:) типа главное средства за дизайн получить, а далее я умываю руки:)
Умный Негр 2 years ago
Внатуре годноту пилешь
vlad verenich 2 years ago
Я занимаюсь фулл-стак интернет разработкой (Angular 2, meteor.js, ASP MVC, SharePoint и т.д.). Верстать очевидно тоже умею. Сколько не работаю, дизайн разрабатывал отдельный человек. Решил сделать увлекательный пэт-проект (интернет прибавление) и под это дело выучить интернет дизайн. Но вот незадачка, исследование фотошопа и рисование дизайна оказалось для меня очень скучноватой затеей - не мое это. Есть ли какие инструменты по-проще, для сотворения дизайна на коленке ? Не охото на лету мастерить верстку однако и не охото на процес дизайна растрачивать кучу времени, этак будто я больше кодер чем дизайнер. Thx :)
Игорь Дейч 2 years ago
Осенью обещали Adobe XD под винду сделать, сам вот тоже жду. Ради скетча поставил мак рядышком с виндой, однако это все изврат какой-то, повсевременно прыгаю с одной системы в другую
vlad verenich 2 years ago
Fireworks Adobe вроде будто издавна забросили. Sketch (если вы его имели ввиду) не рассматриваю по скольку на винде сижу покамест.
Yuri GoodWin 2 years ago
Попробуй Adobe Fireworks либо Sketch
James Cartman 2 years ago
Шикарно :)
Александр Понданг 2 years ago
Спасибо!