Size: a a a

2019 March 01

D

Danila in FrontCoder
Меню и крошки - в основном контейнере при этом
источник

D

Danila in FrontCoder
Но, вообще-то, дизайнер должен это решать
источник

D

Danila in FrontCoder
Иди тыкай его палкой
источник

Р

Ренат in FrontCoder
Danila
Но, вообще-то, дизайнер должен это решать
все сложно)
источник

D

Danila in FrontCoder
Ренат
все сложно)
Тогда тяни чёрные, бирюзовые и голубые подложки и картинку на 100%, остальное внутри по 1366
источник

Р

Ренат in FrontCoder
есть еще такой слайдер, который тоже не ясно каким образом в ширину делать, кнопки с краю на экране 2560 такое себе решение
источник

Р

Ренат in FrontCoder
источник

Р

Ренат in FrontCoder
Danila
Тогда тяни чёрные, бирюзовые и голубые подложки и картинку на 100%, остальное внутри по 1366
спасибо за мнение
источник

AJ

Alex Js in FrontCoder
YouTube
#2 Верстка сайта с нуля для начинающих | HTML, CSS
В этом видео продолжаем верстать сайт. Сверстаем следующие два блока, поработаем с флексами и трансформацией!

------------------------------------------------

Основы HTML и CSS для начинающих: https://brainscloud.ru/landing/html-css
Верстка сайта транспортной компании: https://brainscloud.ru/landing/logistic-html
Файлы урока: https://files.brainscloud.ru/file/mogo-urok-2

Главы видео:
00:00 - Верстаем шапку для блоков
09:10 - Верстаем блок с карточками
19:05 - Трансформация элементов
26:00 - Верстаем блок статистики

------------------------------------------------

Меня зовут Дмитрий Валак. Я занимаюсь разработкой сайтов уже много лет, специализируюсь больше на front-end разработке и верстке сайтов, но и программирование тоже изучаю. Здесь буду делиться с вами информацией на разные темы по веб-разрабокте - HTML, CSS, Javascript, JQuery, Vue, PHP, MySQL, React, Gulp и тд.

На сайте проекта https://brainscloud.ru вы найдете много полезных закрытых материалов, а так же сможете поработать со мной лично, при наличии…
источник

AJ

Alex Js in FrontCoder
Версточка
источник

PO

Pavel Omelchenko in FrontCoder
источник

AN

Alexandr Nasonov in FrontCoder
о таблички
источник

AN

Alexandr Nasonov in FrontCoder
и фавикон icq
источник

D

Danila in FrontCoder
Пискнул
источник

ДА

Дмитрий Айткулов... in FrontCoder
Все просто и практично
источник

c

citizenfour04 in FrontCoder
Здравствуйте!
Возможно, это будет кому-то интересно и кто-то с прямыми руками и светлой головой захочет сделать мир чуть-чуть
лучше.
Суть в чем? Есть один замечательный плагин для VSCode — eCSStractor for VSCode называется.
Если кратко, то он на основании html-разметки автоматически формирует готовый каркас из
css-селекторов с учетом вложенности и т.п. для всех соответствующих html-элеменов.
Теперь собственно вопрос, может кто-нибудь знает нечто подобное для pug-шаблонов ?
Или быть может среди вас есть люди, которые знают как без регистрации и смс допилить данный плагин
и получить ту же функциональность, что и для html ? Я посмотрел исходник данного плагина
>>> https://github.com/yurasovm/eCSStractor-for-VSCode/blob/master/extension.js
и насколько я понял там надо использовать другой, заточенный под Pug парсер, вместо "htmlparser2", а общая логика самого скрипта
остается такой же (НО ЭТО, НЕ ТОЧНО), но на этом пожалуй мои изыскания и заканчиваются, т.к. с JS я далеко не на ТЫ.
Не знаю, то это или нет, но вот это >>> https://www.npmjs.com/package/pug-parser
возможно то, что надо, только я не смог разобраться как его правильно использовать в контексте своего вопроса.
Не думаю, что дело ограничивается простой заменой строки const htmlparser = require("htmlparser2") на const pugparser = require("pug-parser");
в строке #6 исходного скрипта "extension.js"
Вобщем буду рад услышать любой дельный совет (кроме тех, что начинаются со слов :"Иди выучи JS и напиши сам и бла-бла-бла...")
В любом случае, спасибо, что уделили время моей портянке.
источник

AJ

Alex Js in FrontCoder
citizenfour04
Здравствуйте!
Возможно, это будет кому-то интересно и кто-то с прямыми руками и светлой головой захочет сделать мир чуть-чуть
лучше.
Суть в чем? Есть один замечательный плагин для VSCode — eCSStractor for VSCode называется.
Если кратко, то он на основании html-разметки автоматически формирует готовый каркас из
css-селекторов с учетом вложенности и т.п. для всех соответствующих html-элеменов.
Теперь собственно вопрос, может кто-нибудь знает нечто подобное для pug-шаблонов ?
Или быть может среди вас есть люди, которые знают как без регистрации и смс допилить данный плагин
и получить ту же функциональность, что и для html ? Я посмотрел исходник данного плагина
>>> https://github.com/yurasovm/eCSStractor-for-VSCode/blob/master/extension.js
и насколько я понял там надо использовать другой, заточенный под Pug парсер, вместо "htmlparser2", а общая логика самого скрипта
остается такой же (НО ЭТО, НЕ ТОЧНО), но на этом пожалуй мои изыскания и заканчиваются, т.к. с JS я далеко не на ТЫ.
Не знаю, то это или нет, но вот это >>> https://www.npmjs.com/package/pug-parser
возможно то, что надо, только я не смог разобраться как его правильно использовать в контексте своего вопроса.
Не думаю, что дело ограничивается простой заменой строки const htmlparser = require("htmlparser2") на const pugparser = require("pug-parser");
в строке #6 исходного скрипта "extension.js"
Вобщем буду рад услышать любой дельный совет (кроме тех, что начинаются со слов :"Иди выучи JS и напиши сам и бла-бла-бла...")
В любом случае, спасибо, что уделили время моей портянке.
CtrlC CtrlV
источник

AJ

Alex Js in FrontCoder
Pug как раз и состоит из этих классов. Копируешь, удаляешься текст, пишешь стили. Писать нужно на Sass конечно же
источник

AS

Anatoliy Salamatin in FrontCoder
источник

AS

Artem Saledev in FrontCoder
источник