Ускоряем разработку: Стартовые шаблоны для адаптивной верстки сайтов (start_html)

417 ratings | 24133 views


Ускоряем разработку: Стартовые шаблоны для адаптивной верстки сайтов (start_html)

Полезно? Жми - Скачать стартовые шаблоны: Страница урока: Чистые, готовые к бою HTML5 шаблоны (CSS и SASS), предназначенные для ускорения разработки современных адаптивных сайтов. Шаблоны содержат наиболее используемые и актуальные компоненты. Шаблоны поддерживаются и регулярно обновляются, перед стартом проекта - рекомендую скачать новую версию. Создание интернет-магазина: Фриланс и заработок: Создание сайта на WordPress: Группа Вконтакте: Реклама на канале:

Comments to the video: Ускоряем разработку: Стартовые шаблоны для адаптивной верстки сайтов (start_html)

Иван Орлов 1 month ago
Подскажите, эти шаблоны для верстки чрез медиа требования либо для бутстрапа тоже?
Alinka Kolestinskaya 6 months ago
вот это находка, большущее благодарю!! )))
константин грешнов 8 months ago
благодарю за труд и сэкономленное пора.)
Timon4ira 10 months ago
Спасибо за уроки и материал! Сделайте задание про clearfix класс, всюду пишут по различному.
Фарит Шагиев 1 year ago
Что то не усвою будто скачать?))
Фарит Шагиев 1 year ago
Все равно не сообразил, хорошо разберусь будто ни-будь ) благодарю за оперативность)
WebDesign Master 1 year ago
Там кушать кнопка либо выпадающее меню, смотрите справа.
Benzo 1 year ago
Доброго времени суток, у меня нубский проблема. В коде строчки 26-31 про IE закомментированы, их нужно раскомментировать либо они и этак будут трудиться?
Кирилл Кириллов 1 year ago
Огромное благодарю, неописуемо здорово!
Владимир Калашников 1 year ago
Добрый денек. Подскажите пож. если я подключаю bootstrap.min.css, дефолтные стили я меняю в новеньком файле положим customBoot.css, какой подключаю ниже bootstrap.min.css. А заадаптивить на малеханьких экранах не выходит. чрез media.css и в файле customBoot.css тоже. Подскажите решение пож.
Кирилл Павловский 1 year ago
благодарю за задание, извините а вот эти 4 папки будто то связаны меж собой либо будто? попросту я не могу осознать в какой из их верстать начинать, я имею ввиду последнюю версию вашего шаблона, где кушать будто один эти самые 4 папки _clean_html _clean_sass и этак дальше. Если можно могли бы вы объяснить в 2-ух словах резон и различия каждой папки, заблаговременно благодарю!
Виталий Дунаев 1 year ago
хороший денек! было бы не нехорошо еще на пальцах поведать про шаблоны. Что пишем данные в sass файле а будто он интерпретируется в css файл и т.д. У меня к примеру с этим неувязка. А конкретно - меняю содержимое header.sass а при этом содержимое файла header.css не изменяется.Либо я чтото не этак делаю не могу вообщем - и этак и сяк. Я знаю что я нуб однако нужно ж в этом всем разобраться.
Михаил Поданев 1 year ago
Это вам поможет
webman 1 year ago
я ж надеюсь все стили (вендоры/свои) компилируешь в одинешенек файл в конце?
Тетяна Компанієць 2 years ago
У меня не ресетятся формы :( Загрузила все на хостинг, послание отчаливает, приходит на мейл. Но конфигурация не очищается
Тетяна Компанієць 2 years ago
+Тетяна Компанієць Заработало :) Спасибо Вам большущее за неоценимый эксперимент :)
John Doe 2 years ago
+WebDesign Master благодарю для тебя за полезные видеоматериалы, однако твоё выговор британской речи, мягко говоря, весьма хромает. Так разрезает ухо искривленное выговор простых слов. Ты в силах на это оказывать влияние на данный момент, позже уже будет поздно.
Vlad Rysich 2 years ago
Здравствуй, Мастер! =)  Спасибо за ваш труд! Шаблон - находка. Но появился одинешенек проблема со скриптом для анимации в animate-css.js. Он некоторым образом отличается от представленного аналога в шаблоне для серии уроков Создание Landing Page на WordPress , и отчего-то не работает подабающим образом: анимация проигрывается одинешенек один и больше не работает при скроле. С чем это может быть связано? Спасибо.   Ну и был бы весьма благодарен если бы вы разобрали в одном из уроков API и внедрение новейшей версии Waypoints.js нашим Animate.(мануал Waypoints скурил, а js выучить не успел)=)
Vlad Rysich 2 years ago
Ок, благодарю за резвый ответ! Учту
WebDesign Master 2 years ago
+Vlad Rysich В новых шаблонах сделал разовое проигрывание анимации. На реальных проектах - раздражает юзера.
Nik Nov 2 years ago
Огромнейшая вам признательность за труды.Ваши видео весьма помогают и вдохновляют ,а для меня будто для начинающего разработчика несут необыкновенную ценность!)
Vektornsk 2 years ago
Подскажите, а отчего не использовать Google Hosted Libraries и подключать тот же jq и т.д? Ведь употребляются на многих веб-сайтах такое подключение. Пользователь с кэшем зашедший на веб-сайт не тянет библиотеку и тем самым ускоряет загрузку либо я не прав?
MakSification 2 years ago
Привет! Какую ОС посоветуешь для интернет дизайна?И отчего все стараются перебежать на MAC OS?
WebDesign Master 2 years ago
+MakSification Если хватает - то мак. Нет - Win либо Linux.
Василий Шевченко 2 years ago
Еще любопытно ваше мировоззрение по поводу использования в написании CSS селектора ID? я увидел что вы совсем избегаете его написания будто к примеру здесь: . Ни 1-го ID за полный задание?!
Василий Шевченко 2 years ago
+WebDesign Master Неправильно выразился не Индексация а продвижения в поиске, этак будто веб-сайты с резвой загрузкой ранжируются выше собственных братьев.
WebDesign Master 2 years ago
+Василий Шевченко Индексация здесь тоже не при чем, полностью ни будто не оказывает влияние. id это технический атрибут, какой не стоит использовать для дизайна стилями. Вы, естественно, сможете, это не запрещено в оффдоках, однако практика указывает, что мастерить этого не стоит, чтоб избежать путанницы. id лучше использовать в js. WordPress генерирует немало ID также для технических целей. Отбросьте предрассудки :)
WebDesign Master 2 years ago
+Василий Шевченко Не было необходимости их использования в этом уроке.
Василий Шевченко 2 years ago
Интересно ваше мировоззрение насчет вложенности папок libs/bootstrap/css/bootstrap-grid.min.css  с точки зрения скорости обработки браузером файлов и будто следствие скорости загрузки веб-сайта, либо все же уменьшить вложенность до css/bootstrap-grid.min.css ?
WebDesign Master 2 years ago
+Василий Шевченко Абсолютно никак не оказывает влияние степень вложенности подключаемых файлов на скорость загрузки веб-сайтов.
Василий Шевченко 2 years ago
Драгоценные файлы, благодарю за труд!
WebDesign Master 2 years ago
+Василий Шевченко Спасибо.
Павел Ильченко 2 years ago
отлично бы сделать жирный штамп с обилием уже присоединенных и настроенных плагинов , к примеру воткнуть кусок кода с popup формой связи в которой будет несколько вариантов развития событий. Например при отправке данных всплывает окно с надписью благодарю \ при отправке кидает на другую страничку , одинешенек кусочек кода закоментировать и подмахнуть и т.п , это естественно фанатизм зато будто бы было отлично владеть таковой движок под рукою мммм :)
Василий Шевченко 2 years ago
+WebDesign Master Да, однако тогда придется лопатить самому, вводить мозг.
WebDesign Master 2 years ago
+Павел KLON Да, поначалу тоже была идея сделать напичканный штамп, однако позже пришел к выводу, что смысла особенного в этом дудки. Во-первых поддерживать таковой аэроплан в животрепещущем состоянии, со всеми свежайшими плагинами будет достаточно накладно по времени, во-вторых - базисная структура реализована, а подключить новоиспеченный плагин не такая уж и непростая задачка. Кроме того, большая часть фаворитных jQuery плагинов хорошо документированы.
Павел Ильченко 2 years ago
а будет задание про Grunt ? Я о чем слышал однако даже с гуглом нечего не сообразил , а молвят штука нужная
VLThemes 2 years ago
Не мог бы посодействовать, будто сделать чтоб анимация была при видимости блока.  если это воткнуть в конце странички положим, то мы не увидим анимации. Что-то наподобии твеого плагина для анимации
Максим Нырков 2 years ago
Давно заметил этот штамп. Активно использую ))) Спасибо! Будут ли уроки по Front-End ?
_chlvk 2 years ago
А для верстки под Битрикс/WP/Joomla кушать такие же начальные заготовки, либо структуру шаблона накидываете уже в процессе?
Александр Смольянинов 1 year ago
+WebDesign Master А какие CMS используете на продакшене?
WebDesign Master 2 years ago
И снова же - это заготовка для CMS, однако начинать вечно необходимо с дизайна/фронтенда. Порядок работы таковой: 1) Дизайн 2) start_html 3) underscores, если веб-сайт многостраничный. Если лендинг, можно без него.
WebDesign Master 2 years ago
+QookNN Джумлу/Битрикс особо не юзаю на продакшене, однако для WP рекомендую - использую его в проектах.
Web World 2 years ago
Полезно, в особенности тем, кто лишь начинает строчить проекты. Спасибо за видео
Vektornsk 2 years ago
Вот это увлекательная тема, даешь еще !!!
Михаил Солодкий 2 years ago
Супер , огромное благодарю !
Юрий Блохин 2 years ago
благодарю
Lukas Pierce 2 years ago
у тебя конфигурация подключается на каждой страничке? у меня обыкновенно конечно, этак что добавь в урл безотносительный слеш
Maxim Cojocaru 2 years ago
Привет, прикрепи изволь и обработчик форм на пхп которым ты обыкновенно пользуешься , благодарю.
WebDesign Master 2 years ago
+Maxim Cojocaru Привет. Файл mail.php в каждом находится. Там базисная структура кушать.
WebDesign Master 2 years ago
Фолловьте канал в Twitter, +phpacademy уже с нами :) Twitter: