Как правильно и быстро верстать сайты
Все курсы в одном комплекте: wd-m.ru/bundle
Создание сайта от А до Я: goo.gl/ankxq9
Всем привет, друзья. Сегодня мы затронем очень важную тему - быстрая и правильная HTML верстка макетов. Углубимся в проблему, разберем все возможные способы ускорения верстки без потери в качестве на всех этапах. Данный вопрос интересует очень многих веб-разработчиков, интересовал и меня, когда я уже углублялся более серьезно в веб-разработку.
Статья «Как правильно и быстро верстать сайты»: webdesign-master.ru/blog/html...
ВКонтакте: jediweb
Телеграм: t.me/jediweb
Дзен: dzen.ru/jediweb
Пікірлер: 150
💥 Все курсы в одном комплекте 👇👇👇 webdesign-master.ru/bundle_courses
Благодарен автору за данный канал! Прям безгранично! 70% имеющихся навыков и знаний, которые у меня накопились за небольшой промежуток времени, я получил с этого канала. Что позволило мне понять логику и алгоритм работы , помогло найти первую full-time работу и первые заказы с бирж freelance. Спасибо Автор за труды и время которое ты уделяешь для таких newbie как я!)
Давно подписан на Ваш канал, слежу за обновлениями, реально качество производимого контента очень выросло. Динамика, слог, информация, смотрел с большим удовольствием. Респект!
Просматриваю это видео на протяжении месяца уже несколько раз - каждый раз увеличиваю свою продуктивность, благодаря услышанному, что возможно пропустил!
Побольше бы таких видео на ютубе. 25 минут, а столько полезной инфы. Сохранил его себе в закладки уже 3-ий раз пересматриваю и потихоньку начинаю использовать технологии и методы из этого видео. Отлично, автору респект!!!
Идея для нового видео. Как создать простенький сайт совсем новичку. И спасибо за ваши видео.
Удивительное видео попалось в рекомендациях)). Ставлю лайк, оформляю подписку) Хоть и большинство тем я уже проехал, но кое-что отложил в полочку полезного)). Так же буду начинать с вами учить gulp. Спасибо за годный контент! Очень круто, продолжайте. А остальным скажу, ребята кто начинает не бросайте, кто уже в теме не думайте что прогресс остановился - всегда развивайтесь.
Вот что называется качественный контент. Тонна благодарности.
Супер! Научился у Вас очень многому! Спасибо! Очень доступно, а главное правильно все разжевали! Я имею в виду не только данное видео, но и все Ваши плейлисты. Теперь это уже настоящая "библия" верстальщика.
Я бэкэнд разраб, который решил расширить свои профессиональные навыки до фронта. И видео уроки на этом канале, это одни из лучших и понятных гайдов по дизайну-верстке сайтов. Автору канала большое спасибо!
Отличное видео! Благодарю. Сам долгое время занимаюсь версткой и все никак не дойду до некоторых вещей, что озвучены в видео. Надеюсь, эта инфа подтолкнет меня к развитию :)
С шуток про колбасу и психоанализ проорал, понял что тип нормальный и надо подписаться
С учётом времени на прокрастинацию :D Запомню выражение
Интересная подача информации. Всё по делу. Респект! Чего только стоят: "в кармане бублик", "горячая вода по трубам"...;)
четко все так, по полочкам, спасибо! Это очень здорово, когда дизайнер соблюдает все то, что ты описал в конце видео, тогда работа только в удовольствие. А чаще всего так все выглядит, что дают тебе макет, а там видно, что дизайнера вообще не колышет что будут делать с его макетом в дальнейшем, ну или видно что, что то старался сделать, но не до конца и решил, что и так сойдет:) типа главное деньги за дизайн получить, а дальше я умываю руки:)
Огромное спасибо! очень давно Хочу заниматься этим ремеслом) еще со школы) Но все ведут по неправильному пути) тут Вы рассказали все ясно и понятно) мне еще многое предстоит изучить! Огромное спасибо за помощь, таким же как я !
Всё четко и по делу, отдельное спасибо за перечень условий правильной подготовки psd-макета к верстке. Очень часто приходится задаваться вопросами, почему верстальщик должен парится в фотошопе... И постфактум о том, что перфект-пиксель не имеет особого смысла в responsive-верстке - это именно то, что нужно знать каждому менеджер/дизайнеру, который контролирует верстальщика) Буду скидывать это видео, если дизайнер будет не согласен)! Видосы четкие, ждём новых!
Обновил страницу и новый видос! Круто. Лайк не глядя, а завтра посмотрю. Спасибо за новый видос =)
Столько нужной полезной информации за 25 мин уложил! Супер)
Боже,так этого не хватало,огромное спасибо вам🔥🔥🔥
Большое спасибо, как всегда качественный материал.
Молодец, без воды, четко и ясно. Спасибо за проделаную работу.
Спасибо за видос и "колбасное" выражение)
Респект! все по делу, без воды. Недостающее звено.
Отличный урок! Спасибо
Спасибо большое за такой подробный рассказ!
Спасибо за полезную информацию.
Извлек для себя много полезной инфы! Спасибо)
Очень грамотно! Автору респект!))
Спасибо, очень полезное видео. Получил много новой информации. Удачи.
СПАСИБО! Очень полезная информация
Спасибо за хорошее, информативное видео.
Спасибо большущее за видео. Скачал себе на ноут, буду смотреть изредка чтобы не сбиваться с курса :)
@user-eh9iz2re2f
11 ай бұрын
И че как успехи
ахахах) класс) вдумчиво и медленно я делала первые месяца 4, потом на то же самое у меня уходило пару часов а не неделя) все верно)
Очень круто, огромное спасибо!
Достаточно все понятно, и мало пустой болтавни.
Много пока непонятного, но выглядит убедительно.
Благодарю за видео. Было полезно!
Спасибо, дружище.
Зачетное вступление )
Сколько ж всего надо знать и уметь!!! На это уйдут годы!!!
@xesax
3 жыл бұрын
это только так кажется
Спасибо большое за видео!
В продолжении было бы интересно, как установить и настроить zurb, на него jekyll, подключать генерируемые коды и т.д.
Всё очень круто, спасибо
Спасибо за видео.
Ахха, про нытиков и бублик в точку попал))) Полезное видео, спасибо!
чётко и интересно
Ты крутой, я бы хотел учиться у тебя в школе на очном обучении.
Спасибо за видео. Почти все использую, более того, есть своя сборка gulp, где уже встроены Jade шаблоны. И многое импортированы и подключено, так как тянется из проекта в проект. На счет выгрузки и графики слышали про zeplin? Сейчас выгружаю в него PSD макет. Оч удобно и четко. Советую посмотреть в эту сторону, и хотелось бы видео от вас по zeplin.
Классный урок! Можешь сделать урок про CMS на php и MySQL?
Thank you very much! Awesome!!!
Отличное видео!
спасибо полезное видео.
Спасибо за видео
Шикарно :)
У тебя суперский голос
Хороший материал)))))
Спасибо за видео! Было интересно. Подскажите, какие программы использовались? Фотошоп? Sublime Text? Шрифт не Fira Code? А чем видео записывали и нажатия на клавиши? Понравилось, что внизу экрана показывается кнопка, которая была нажата, мощно! И ещё одно: где можно взять этот и подобные макеты для тренировок?
Спасибо !
Я занимаюсь фулл-стак веб разработкой (Angular 2, meteor.js, ASP MVC, SharePoint и т.д.). Верстать разумеется тоже умею. Сколько не работаю, дизайн разрабатывал отдельный человек. Решил сделать интересный пэт-проект (веб приложение) и под это дело изучить веб дизайн. Но вот незадачка, изучение фотошопа и рисование дизайна оказалось для меня слишком скучной затеей - не мое это. Есть ли какие инструменты по-проще, для создания дизайна "на коленке"? Не хочется на лету делать верстку но и не хочется на процес дизайна тратить кучу времени, так как я больше кодер чем дизайнер. Thx :)
подскажите, пожалуйста как установить jekyll на foundation. А лучше уроки по foundation запишите. Хорошо рассказываете.
На счет режимов наложения, в css есть свойство background-blend-mode
красавчик!!! Лайк и подписка!!))))))
Колбасу лучше вовсе не кушать...))))
@user-fb3tn9hy5r
3 жыл бұрын
Почему, в колбасе тоже иногда есть мясо, видимо из-за несчастного случая на производстве, но всё же)
Если нужна работа с БД - это уже back-end. А так все супер
Класс!
Блин, делал по ходу видео конспект, и только в конце понял, что есть текстовая версия видео для возвращения к рассмотренным вопросам.
@ilarini
3 жыл бұрын
ничего страшного
Канал у тебя тоже бомба
Отличное видео, спасибо! Алексей, скажите пожалуйста, а по унисону будут еще видео? Или курс. А то инфы ни где нет, кроме этого канала :)
@wdm
7 жыл бұрын
Спасибо. У нас же есть исчерпывающее видео по Unyson. Там практически вся база.
@denistverdokhlebov3059
7 жыл бұрын
Да просто думал, может вы на нем что-то делать будете, чтоб так сказать посмотреть на живую реализацию проекта в нем. Кстати Вы сами, какой фрейм для тем вп предпочитаете?
@wdm
7 жыл бұрын
Я работаю преимущественно с MODx Revolution. Но если в мире существовал бы только один WordPress, я использовал бы Unyson.
@denistverdokhlebov3059
7 жыл бұрын
Понял, спасибо :) я вот тоже все хочу на модекс перейти, но пугает то, что в случае острой необходимости быстрого решения не будет возможности решить ее при помощи готовых плагинов. :) но однажды я это сделаю))
Какая сейчас средняя стоимость дизайна 1 страницы сайта или ленда ? И стоимость верстки 1 страницы?
класс
о, новый макет! скоро ждать нового джедая верстки?
@wdm
7 жыл бұрын
Это "Создание сайта под ключ" и он уже сверстан в уроках :-)
Сколько пытаюсь верстать - НЕ МОЕ, я больше предпочитаю backend..... Пересмотрел туеву хучу видео по вёрстке и т.д, сколько не пытался, не получается. У кого-то может и наоборот. Всем начинающим и опытным побольше проектов и терпения)
отлично! Можете сказать сколько сейчас стоит Ваша верстка например landing page мин-макс?)
а еще лучше взять бутстрап или другой фреймворк и разрабатывать на базе него. В них уже куча мелочей, таких как сетка, вертикальный ритм, масштабирование картинок и тп учтены.
Сколько же ты этому учился
просто супер
Непонятно из видео, нужно ли делать предварительный веб-дизайн для сайта на WordPress?
капец... чувак как к тебе в падаваны попасть?
Меня всегда интересовал вопрос, ты как-то говорил что сначала нужно поработать за небольшие деньги но набить руку. Ты имеешь в виду админом сайта или что-то в том роде?
Привет а курсы есть у тебя... За ранее спасибо
пользуешься ли ты less препроцессором и почему?
Докторская за 900 бомба
Автор, скажи как ты в эммете настроил lorem для кириллической "рыбы"?
@wdm
7 жыл бұрын
loremru + TAB
@antonovigor3005
7 жыл бұрын
Спасибо.
А что делать если шрифты рендерятся в браузерах по разному? они смещаются на 1 пиксел по вертикали.
можно скачивать полостью готовый сайт, допустим взял шаблон, переделал на свой манер, но как изменить ссылки, допустим взял продажник, на его сайте ссылка ведёт в одно место, как мне изменить исходный путь путём подмены ссылки?
Добрый день! узнал от вас от такой штуки sass, ищу решение как установить его на windows7 видел у вас например используется gulp а видел другие видео, что устанавливают sass с compas скачивают его с сайта руби, посоветуйте по какому пути пойти с компасом или gulp и почему?
@wdm
7 жыл бұрын
Да особо разницы то и нет.
А что потом с этой версткой делать? Это же получается просто шаблон,нужен еще и движок чтобы это был полноценный сайт.Такой шаблон можно на любой движок поставить или как это работает?
@wdm
6 жыл бұрын
Можно осуществить посадку на CMS или Фреймворк. Я после вёрстки осуществляю посадку на Modx Revolution. Посмотрите серию уроков "Создание сайта под ключ". В этом бесплатном курсе мы создаём дизайн, верстаем и осуществляем посадку на CMS Modx с админ-панелью для Настройки и наполнения сайта: kzread.info/dash/bejne/Z6OnrK96nt3dm6g.html
Можно ли вместо bootstrap использовать css grid ? (Я новичок)
Всем привет!!! может подскажете площадку для "фриланса", а то жуть как хочется попробовать свои силы, а на работу без опыта не берут(((?????
@wdm
5 ай бұрын
fl ru, kwork
Верстка скоростная когда на скоростях)))
Если я не ошибаюсь, но работа с базой данных это уже бэкенд, а не фронтэнд?
@wdm
7 жыл бұрын
Да. Но там все очень взаимосвязано и понимать такие вещи нужно.
Preprosподдержует куча плагинов под gulp
подскажите название вашей темы в sublime?
@horusluperkal1544
7 жыл бұрын
Называется Space Gray. packagecontrol.io/packages/Theme%20-%20Spacegray
@AleksandrChirik
7 жыл бұрын
Максимально похоже на это github.com/ptraceur/OneDarkMaterial, если не ошибаюсь, комменты выше фуфел
Что за тема/цветовая схема у саблайма стоит?
@wdm
7 жыл бұрын
One Dark Material - Theme
Где брать начинающему разработчику практику касательно верстки?
@oleginlife
7 жыл бұрын
Egor M ну например в интернете. Скачал psd макет и вперёд.
Что это за особый сорт докторской колбасы аж за 900 рублей?:)
@wdm
7 жыл бұрын
Есть определённые производители, которые ещё пока что делают качественные продукты. Попробуйте поискать на прилавках вашего супермаркета и почитать состав колбас.
@lane4447
5 жыл бұрын
@@wdm, Будет гайд на колбасу?
@wdm
5 жыл бұрын
Aninao позже.
Можна создать в фотошопе типу макроса , что б автоматизировать действия
Brother please give english subtitles or Hindi
Ничего не понял но спасибо >.