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

  Рет қаралды 461,141

WebDesign Master

WebDesign Master

8 жыл бұрын

Все курсы в одном комплекте: wd-m.ru/bundle
Создание сайта от А до Я: goo.gl/ankxq9
Всем привет, друзья. Сегодня мы затронем очень важную тему - быстрая и правильная HTML верстка макетов. Углубимся в проблему, разберем все возможные способы ускорения верстки без потери в качестве на всех этапах. Данный вопрос интересует очень многих веб-разработчиков, интересовал и меня, когда я уже углублялся более серьезно в веб-разработку.
Статья «Как правильно и быстро верстать сайты»: webdesign-master.ru/blog/html...
ВКонтакте: jediweb
Телеграм: t.me/jediweb
Дзен: dzen.ru/jediweb

Пікірлер: 150
@wdm
@wdm Ай бұрын
💥 Все курсы в одном комплекте 👇👇👇 webdesign-master.ru/bundle_courses
@user-vq6ut3nw7s
@user-vq6ut3nw7s 7 жыл бұрын
Благодарен автору за данный канал! Прям безгранично! 70% имеющихся навыков и знаний, которые у меня накопились за небольшой промежуток времени, я получил с этого канала. Что позволило мне понять логику и алгоритм работы , помогло найти первую full-time работу и первые заказы с бирж freelance. Спасибо Автор за труды и время которое ты уделяешь для таких newbie как я!)
@ArtemKikhtenko
@ArtemKikhtenko 7 жыл бұрын
Давно подписан на Ваш канал, слежу за обновлениями, реально качество производимого контента очень выросло. Динамика, слог, информация, смотрел с большим удовольствием. Респект!
@PalumbaRU
@PalumbaRU 7 жыл бұрын
Просматриваю это видео на протяжении месяца уже несколько раз - каждый раз увеличиваю свою продуктивность, благодаря услышанному, что возможно пропустил!
@maxim-v
@maxim-v 6 жыл бұрын
Побольше бы таких видео на ютубе. 25 минут, а столько полезной инфы. Сохранил его себе в закладки уже 3-ий раз пересматриваю и потихоньку начинаю использовать технологии и методы из этого видео. Отлично, автору респект!!!
@sergiiv2490
@sergiiv2490 7 жыл бұрын
Удивительное видео попалось в рекомендациях)). Ставлю лайк, оформляю подписку) Хоть и большинство тем я уже проехал, но кое-что отложил в полочку полезного)). Так же буду начинать с вами учить gulp. Спасибо за годный контент! Очень круто, продолжайте. А остальным скажу, ребята кто начинает не бросайте, кто уже в теме не думайте что прогресс остановился - всегда развивайтесь.
@anvar_noise
@anvar_noise 3 жыл бұрын
С шуток про колбасу и психоанализ проорал, понял что тип нормальный и надо подписаться
@borisserousov6677
@borisserousov6677 7 жыл бұрын
Супер! Научился у Вас очень многому! Спасибо! Очень доступно, а главное правильно все разжевали! Я имею в виду не только данное видео, но и все Ваши плейлисты. Теперь это уже настоящая "библия" верстальщика.
@user-fq3bl6ws2t
@user-fq3bl6ws2t 7 жыл бұрын
Вот что называется качественный контент. Тонна благодарности.
@danamicoi5083
@danamicoi5083 Жыл бұрын
Идея для нового видео. Как создать простенький сайт совсем новичку. И спасибо за ваши видео.
@rompaik
@rompaik 5 жыл бұрын
С учётом времени на прокрастинацию :D Запомню выражение
@MetalDoctor666
@MetalDoctor666 5 жыл бұрын
Я бэкэнд разраб, который решил расширить свои профессиональные навыки до фронта. И видео уроки на этом канале, это одни из лучших и понятных гайдов по дизайну-верстке сайтов. Автору канала большое спасибо!
@lexer1786
@lexer1786 8 жыл бұрын
Отличное видео! Благодарю. Сам долгое время занимаюсь версткой и все никак не дойду до некоторых вещей, что озвучены в видео. Надеюсь, эта инфа подтолкнет меня к развитию :)
@MaksTresh
@MaksTresh 8 жыл бұрын
Обновил страницу и новый видос! Круто. Лайк не глядя, а завтра посмотрю. Спасибо за новый видос =)
@leader7700
@leader7700 7 жыл бұрын
Столько нужной полезной информации за 25 мин уложил! Супер)
@arslant3910
@arslant3910 5 жыл бұрын
Боже,так этого не хватало,огромное спасибо вам🔥🔥🔥
@7iomka
@7iomka 7 жыл бұрын
Всё четко и по делу, отдельное спасибо за перечень условий правильной подготовки psd-макета к верстке. Очень часто приходится задаваться вопросами, почему верстальщик должен парится в фотошопе... И постфактум о том, что перфект-пиксель не имеет особого смысла в responsive-верстке - это именно то, что нужно знать каждому менеджер/дизайнеру, который контролирует верстальщика) Буду скидывать это видео, если дизайнер будет не согласен)! Видосы четкие, ждём новых!
@kimblinov1594
@kimblinov1594 7 жыл бұрын
Огромное спасибо! очень давно Хочу заниматься этим ремеслом) еще со школы) Но все ведут по неправильному пути) тут Вы рассказали все ясно и понятно) мне еще многое предстоит изучить! Огромное спасибо за помощь, таким же как я !
@romaismailov8887
@romaismailov8887 8 жыл бұрын
четко все так, по полочкам, спасибо! Это очень здорово, когда дизайнер соблюдает все то, что ты описал в конце видео, тогда работа только в удовольствие. А чаще всего так все выглядит, что дают тебе макет, а там видно, что дизайнера вообще не колышет что будут делать с его макетом в дальнейшем, ну или видно что, что то старался сделать, но не до конца и решил, что и так сойдет:) типа главное деньги за дизайн получить, а дальше я умываю руки:)
@sunman108
@sunman108 5 жыл бұрын
Респект! все по делу, без воды. Недостающее звено.
@antonshulga2136
@antonshulga2136 7 жыл бұрын
Интересная подача информации. Всё по делу. Респект! Чего только стоят: "в кармане бублик", "горячая вода по трубам"...;)
@yurakorobeynik1687
@yurakorobeynik1687 8 жыл бұрын
Большое спасибо, как всегда качественный материал.
@theroland6503
@theroland6503 5 жыл бұрын
Извлек для себя много полезной инфы! Спасибо)
@yevgenia7785
@yevgenia7785 3 жыл бұрын
Спасибо большое за такой подробный рассказ!
@user-nt8jz5xt5u
@user-nt8jz5xt5u 8 жыл бұрын
Спасибо за видос и "колбасное" выражение)
@Raisor32
@Raisor32 8 жыл бұрын
Спасибо за полезную информацию.
@rileyreynolds6442
@rileyreynolds6442 6 жыл бұрын
Отличный урок! Спасибо
@Evgeny..
@Evgeny.. 3 жыл бұрын
Очень грамотно! Автору респект!))
@alexeylozenko6093
@alexeylozenko6093 7 жыл бұрын
Молодец, без воды, четко и ясно. Спасибо за проделаную работу.
@innastar3125
@innastar3125 5 жыл бұрын
Спасибо за хорошее, информативное видео.
@user-qs6qq5vs9w
@user-qs6qq5vs9w 8 жыл бұрын
СПАСИБО! Очень полезная информация
@ramilurazmanov
@ramilurazmanov 5 жыл бұрын
Очень круто, огромное спасибо!
@user-ye3kc6hd3f
@user-ye3kc6hd3f 5 жыл бұрын
Спасибо большое за видео!
@antlmkhn
@antlmkhn 7 жыл бұрын
Спасибо, очень полезное видео. Получил много новой информации. Удачи.
@user-dk9wp1gz9j
@user-dk9wp1gz9j 7 жыл бұрын
Зачетное вступление )
@deniskazantcev
@deniskazantcev 4 жыл бұрын
Благодарю за видео. Было полезно!
@axelpoint
@axelpoint 7 жыл бұрын
Спасибо, дружище.
@evgeniyshapovalov2867
@evgeniyshapovalov2867 7 жыл бұрын
Всё очень круто, спасибо
@oOcitizenOo
@oOcitizenOo 7 жыл бұрын
Спасибо большущее за видео. Скачал себе на ноут, буду смотреть изредка чтобы не сбиваться с курса :)
@user-eh9iz2re2f
@user-eh9iz2re2f 11 ай бұрын
И че как успехи
@itssimple9217
@itssimple9217 3 жыл бұрын
Спасибо за видео!
@user-pg3jf6gg2d
@user-pg3jf6gg2d 7 жыл бұрын
ахахах) класс) вдумчиво и медленно я делала первые месяца 4, потом на то же самое у меня уходило пару часов а не неделя) все верно)
@user-si3fb2ek7g
@user-si3fb2ek7g 2 жыл бұрын
Отличное видео!
@AmbullyEdward
@AmbullyEdward 4 жыл бұрын
Достаточно все понятно, и мало пустой болтавни.
@pavel.karpets
@pavel.karpets 6 жыл бұрын
чётко и интересно
@a.osethkin55
@a.osethkin55 3 жыл бұрын
Спасибо за видео
@ErfinPlay
@ErfinPlay 7 жыл бұрын
Много пока непонятного, но выглядит убедительно.
@user-mq7ee3xx9r
@user-mq7ee3xx9r 4 жыл бұрын
Хороший материал)))))
@hjkta
@hjkta 7 жыл бұрын
Спасибо за видео! Было интересно. Подскажите, какие программы использовались? Фотошоп? Sublime Text? Шрифт не Fira Code? А чем видео записывали и нажатия на клавиши? Понравилось, что внизу экрана показывается кнопка, которая была нажата, мощно! И ещё одно: где можно взять этот и подобные макеты для тренировок?
@kelbar6
@kelbar6 7 жыл бұрын
спасибо полезное видео.
@jamescartman9314
@jamescartman9314 8 жыл бұрын
Шикарно :)
@antlogist
@antlogist 8 жыл бұрын
Thank you very much! Awesome!!!
@portfel4ik858
@portfel4ik858 5 жыл бұрын
В продолжении было бы интересно, как установить и настроить zurb, на него jekyll, подключать генерируемые коды и т.д.
@user-Lang555
@user-Lang555 8 жыл бұрын
Спасибо!
@user-ht9mt3iw7p
@user-ht9mt3iw7p 7 жыл бұрын
Спасибо за видео. Почти все использую, более того, есть своя сборка gulp, где уже встроены Jade шаблоны. И многое импортированы и подключено, так как тянется из проекта в проект. На счет выгрузки и графики слышали про zeplin? Сейчас выгружаю в него PSD макет. Оч удобно и четко. Советую посмотреть в эту сторону, и хотелось бы видео от вас по zeplin.
@gbksvyaz
@gbksvyaz 7 жыл бұрын
Сколько ж всего надо знать и уметь!!! На это уйдут годы!!!
@xesax
@xesax 3 жыл бұрын
это только так кажется
@pomashok
@pomashok 6 жыл бұрын
Класс!
@NeoJohnSmit
@NeoJohnSmit 3 жыл бұрын
Канал у тебя тоже бомба
@yaroslav1071
@yaroslav1071 7 жыл бұрын
красавчик!!! Лайк и подписка!!))))))
@pacificusfacio6013
@pacificusfacio6013 8 жыл бұрын
У тебя суперский голос
@user-ls8kd8mz2w
@user-ls8kd8mz2w 8 жыл бұрын
Ахха, про нытиков и бублик в точку попал))) Полезное видео, спасибо!
@alim7151
@alim7151 8 жыл бұрын
Классный урок! Можешь сделать урок про CMS на php и MySQL?
@user-lt2bu7jf3r
@user-lt2bu7jf3r 6 жыл бұрын
Ты крутой, я бы хотел учиться у тебя в школе на очном обучении.
@vladislavlachman5558
@vladislavlachman5558 5 жыл бұрын
просто супер
@kravchenkovdele
@kravchenkovdele 7 жыл бұрын
Колбасу лучше вовсе не кушать...))))
@user-fb3tn9hy5r
@user-fb3tn9hy5r 3 жыл бұрын
Почему, в колбасе тоже иногда есть мясо, видимо из-за несчастного случая на производстве, но всё же)
@kirillq
@kirillq 7 жыл бұрын
На счет режимов наложения, в css есть свойство background-blend-mode
@zuczuc6603
@zuczuc6603 8 жыл бұрын
класс
@wladyslawwerenicz5236
@wladyslawwerenicz5236 8 жыл бұрын
Я занимаюсь фулл-стак веб разработкой (Angular 2, meteor.js, ASP MVC, SharePoint и т.д.). Верстать разумеется тоже умею. Сколько не работаю, дизайн разрабатывал отдельный человек. Решил сделать интересный пэт-проект (веб приложение) и под это дело изучить веб дизайн. Но вот незадачка, изучение фотошопа и рисование дизайна оказалось для меня слишком скучной затеей - не мое это. Есть ли какие инструменты по-проще, для создания дизайна "на коленке"? Не хочется на лету делать верстку но и не хочется на процес дизайна тратить кучу времени, так как я больше кодер чем дизайнер. Thx :)
@Tigran5233
@Tigran5233 3 жыл бұрын
Блин, делал по ходу видео конспект, и только в конце понял, что есть текстовая версия видео для возвращения к рассмотренным вопросам.
@ilarini
@ilarini 3 жыл бұрын
ничего страшного
@portfel4ik858
@portfel4ik858 5 жыл бұрын
подскажите, пожалуйста как установить jekyll на foundation. А лучше уроки по foundation запишите. Хорошо рассказываете.
@ivanchukayev6547
@ivanchukayev6547 8 жыл бұрын
отлично! Можете сказать сколько сейчас стоит Ваша верстка например landing page мин-макс?)
@ghostdogg6200
@ghostdogg6200 7 жыл бұрын
Если нужна работа с БД - это уже back-end. А так все супер
@simplestar4269
@simplestar4269 5 жыл бұрын
Какая сейчас средняя стоимость дизайна 1 страницы сайта или ленда ? И стоимость верстки 1 страницы?
@shorohovvs
@shorohovvs 7 жыл бұрын
о, новый макет! скоро ждать нового джедая верстки?
@wdm
@wdm 7 жыл бұрын
Это "Создание сайта под ключ" и он уже сверстан в уроках :-)
@artemyakovenko5208
@artemyakovenko5208 7 жыл бұрын
Меня всегда интересовал вопрос, ты как-то говорил что сначала нужно поработать за небольшие деньги но набить руку. Ты имеешь в виду админом сайта или что-то в том роде?
@mikelandgelo101
@mikelandgelo101 7 жыл бұрын
Непонятно из видео, нужно ли делать предварительный веб-дизайн для сайта на WordPress?
@denistverdokhlebov3059
@denistverdokhlebov3059 7 жыл бұрын
Отличное видео, спасибо! Алексей, скажите пожалуйста, а по унисону будут еще видео? Или курс. А то инфы ни где нет, кроме этого канала :)
@wdm
@wdm 7 жыл бұрын
Спасибо. У нас же есть исчерпывающее видео по Unyson. Там практически вся база.
@denistverdokhlebov3059
@denistverdokhlebov3059 7 жыл бұрын
Да просто думал, может вы на нем что-то делать будете, чтоб так сказать посмотреть на живую реализацию проекта в нем. Кстати Вы сами, какой фрейм для тем вп предпочитаете?
@wdm
@wdm 7 жыл бұрын
Я работаю преимущественно с MODx Revolution. Но если в мире существовал бы только один WordPress, я использовал бы Unyson.
@denistverdokhlebov3059
@denistverdokhlebov3059 7 жыл бұрын
Понял, спасибо :) я вот тоже все хочу на модекс перейти, но пугает то, что в случае острой необходимости быстрого решения не будет возможности решить ее при помощи готовых плагинов. :) но однажды я это сделаю))
@kirman7187
@kirman7187 7 жыл бұрын
Сколько же ты этому учился
@user-lm6is7vm1o
@user-lm6is7vm1o 4 жыл бұрын
Можно ли вместо bootstrap использовать css grid ? (Я новичок)
@NeoJohnSmit
@NeoJohnSmit 3 жыл бұрын
Докторская за 900 бомба
@user-pf5kw6dg9p
@user-pf5kw6dg9p 7 жыл бұрын
можно скачивать полостью готовый сайт, допустим взял шаблон, переделал на свой манер, но как изменить ссылки, допустим взял продажник, на его сайте ссылка ведёт в одно место, как мне изменить исходный путь путём подмены ссылки?
@DimaXIII
@DimaXIII 7 жыл бұрын
А что делать если шрифты рендерятся в браузерах по разному? они смещаются на 1 пиксел по вертикали.
@revert1551
@revert1551 7 жыл бұрын
пользуешься ли ты less препроцессором и почему?
@Dikodance
@Dikodance 7 жыл бұрын
а еще лучше взять бутстрап или другой фреймворк и разрабатывать на базе него. В них уже куча мелочей, таких как сетка, вертикальный ритм, масштабирование картинок и тп учтены.
@stas6027
@stas6027 8 жыл бұрын
Привет а курсы есть у тебя... За ранее спасибо
@xcodepixar1249
@xcodepixar1249 6 жыл бұрын
Сколько пытаюсь верстать - НЕ МОЕ, я больше предпочитаю backend..... Пересмотрел туеву хучу видео по вёрстке и т.д, сколько не пытался, не получается. У кого-то может и наоборот. Всем начинающим и опытным побольше проектов и терпения)
@MikheyevSergey
@MikheyevSergey 7 жыл бұрын
капец... чувак как к тебе в падаваны попасть?
@antonovigor3005
@antonovigor3005 7 жыл бұрын
Автор, скажи как ты в эммете настроил lorem для кириллической "рыбы"?
@wdm
@wdm 7 жыл бұрын
loremru + TAB
@antonovigor3005
@antonovigor3005 7 жыл бұрын
Спасибо.
@victor_lv
@victor_lv 7 жыл бұрын
Добрый день! узнал от вас от такой штуки sass, ищу решение как установить его на windows7 видел у вас например используется gulp а видел другие видео, что устанавливают sass с compas скачивают его с сайта руби, посоветуйте по какому пути пойти с компасом или gulp и почему?
@wdm
@wdm 7 жыл бұрын
Да особо разницы то и нет.
@intrance5745
@intrance5745 6 жыл бұрын
А что потом с этой версткой делать? Это же получается просто шаблон,нужен еще и движок чтобы это был полноценный сайт.Такой шаблон можно на любой движок поставить или как это работает?
@wdm
@wdm 6 жыл бұрын
Можно осуществить посадку на CMS или Фреймворк. Я после вёрстки осуществляю посадку на Modx Revolution. Посмотрите серию уроков "Создание сайта под ключ". В этом бесплатном курсе мы создаём дизайн, верстаем и осуществляем посадку на CMS Modx с админ-панелью для Настройки и наполнения сайта: kzfaq.info/get/bejne/a9WjfbBy0-Dbm3k.html
@RomanZharov
@RomanZharov 7 жыл бұрын
Что за тема/цветовая схема у саблайма стоит?
@wdm
@wdm 7 жыл бұрын
One Dark Material - Theme
@agent.moriarty
@agent.moriarty 8 жыл бұрын
подскажите название вашей темы в sublime?
@horusluperkal1544
@horusluperkal1544 8 жыл бұрын
Называется Space Gray. packagecontrol.io/packages/Theme%20-%20Spacegray
@AleksandrChirik
@AleksandrChirik 7 жыл бұрын
Максимально похоже на это github.com/ptraceur/OneDarkMaterial, если не ошибаюсь, комменты выше фуфел
@dim0n8
@dim0n8 8 жыл бұрын
Можна создать в фотошопе типу макроса , что б автоматизировать действия
@user-ly8bp3cs3u
@user-ly8bp3cs3u 8 жыл бұрын
Всем привет!!! может подскажете площадку для "фриланса", а то жуть как хочется попробовать свои силы, а на работу без опыта не берут(((?????
@wdm
@wdm 6 ай бұрын
fl ru, kwork
@user-zg3di8jb3l
@user-zg3di8jb3l 3 жыл бұрын
Верстка скоростная когда на скоростях)))
@egorm9580
@egorm9580 7 жыл бұрын
Где брать начинающему разработчику практику касательно верстки?
@oleginlife
@oleginlife 7 жыл бұрын
Egor M ну например в интернете. Скачал psd макет и вперёд.
@nilabhjaiswal7036
@nilabhjaiswal7036 Жыл бұрын
Brother please give english subtitles or Hindi
@ihabia
@ihabia 8 жыл бұрын
Если я не ошибаюсь, но работа с базой данных это уже бэкенд, а не фронтэнд?
@wdm
@wdm 7 жыл бұрын
Да. Но там все очень взаимосвязано и понимать такие вещи нужно.
@germanzuyakov1904
@germanzuyakov1904 3 жыл бұрын
Preprosподдержует куча плагинов под gulp
@sashakewvra867
@sashakewvra867 7 жыл бұрын
Что это за особый сорт докторской колбасы аж за 900 рублей?:)
@wdm
@wdm 7 жыл бұрын
Есть определённые производители, которые ещё пока что делают качественные продукты. Попробуйте поискать на прилавках вашего супермаркета и почитать состав колбас.
@lane4447
@lane4447 5 жыл бұрын
@@wdm, Будет гайд на колбасу?
@wdm
@wdm 5 жыл бұрын
Aninao позже.
@user-tb6bz2ky1c
@user-tb6bz2ky1c 6 жыл бұрын
Как определить где ставить маргин а где паддинг ?
Ошибки в HTML верстке сайтов. Никогда не верстай так
22:34
ВебКадеми | Юрий Ключевский
Рет қаралды 23 М.
1❤️
00:20
すしらーめん《りく》
Рет қаралды 33 МЛН
Black Magic 🪄 by Petkit Pura Max #cat #cats
00:38
Sonyakisa8 TT
Рет қаралды 36 МЛН
Would you like a delicious big mooncake? #shorts#Mooncake #China #Chinesefood
00:30
Miracle Doctor Saves Blind Girl ❤️
00:59
Alan Chikin Chow
Рет қаралды 57 МЛН
Как Верстать Макеты Быстрее?
10:55
Сергей Дмитриевский
Рет қаралды 14 М.
КАК СДЕЛАТЬ ДИЗАЙН САЙТА В FIGMA (часть 1)
38:34
ПРОЦЕССОРЫ ARM vs x86: ОБЪЯСНЯЕМ
12:07
Droider
Рет қаралды 685 М.
Уроки Blender с нуля / #2 - Работа с интерфейсом программы
19:04
Школа itProger / Программирование
Рет қаралды 79 М.
Верстка сайта основные ошибки начинающих
7:40
1❤️
00:20
すしらーめん《りく》
Рет қаралды 33 МЛН