Доброго времени суток!
Стоит ли начинать учиться верстать на float? Так сказать набить руку вообще верстать. Я еще зелененькая:) А после переходить на Flexbox или Bootstrap. Или сразу учиться на Flexbox или Bootstrap?
Верстка, CSS, HTML, SVG
Стоит ли начинать учиться верстать на float?
# Введение в профессию
• «Вёрстка — это не тупо»
webmasters.teamdev.com
• «Что должен уметь HTML-верстальщик?»
github.com/crecotun/ui-developer-skills
# Обучение
• Джош Кауфман «Первые 20 часов. Как научиться чему угодно... быстро»
• ru.learnlayout.com
• htmlacademy.ru/program
• w3schools.com
• flexbox.ninja
# Видеокурсы HTMLAcademy
• htmlacademy «Базовый HTML и CSS»
coursehunters.net/course/bazovyy-html-i-css-18-2017
• htmlacademy «Продвинутый HTML и CSS»
coursehunters.net/course/prodvinutyy-html-i-css-potok-2017
• htmlacademy «Профессиональный HTML и CSS Уровень 1»
coursehunters.net/course/professionalnyy-html-i-css-uroven-1-potok-26-fevralya-4-aprelya-2018
• htmlacademy «Профессиональный HTML и CSS Уровень 2»
coursehunters.net/course/professionalnyy-html-i-css-uroven-2-potok-15-yanvarya-21-fevralya-2018
# Справочники
• htmlbook.ru
• webref.ru
• cssreference.io
• developer.mozilla.org/ru/
# Выполнение заданий
• flukeout.github.io (изучение селекторов в CSS)
• flexboxfroggy.com/#ru (изучение flexbox в CSS)
• flexboxdefense.com (изучение flexbox в CSS)
• dmitrylavrik.ru/training/process/flexbox-grid (создание сетки на flexbox)
• cssgridgarden.com/#ru (изучение gridbox в CSS)
# Задачи для практики
• htmlbook.ru/practical
# Макеты для практики
• drive.google.com/drive/u/0/folders/0B8LYygUI_oGeSGticGREcUtkeGs
• freebiesbug.com/psd-freebies/website-template/
• symu.co/freebies/templates-4/
• dcrazed.net/free-photoshop-psd-website-templates/
• «Вёрстка — это не тупо»
webmasters.teamdev.com
• «Что должен уметь HTML-верстальщик?»
github.com/crecotun/ui-developer-skills
# Обучение
• Джош Кауфман «Первые 20 часов. Как научиться чему угодно... быстро»
• ru.learnlayout.com
• htmlacademy.ru/program
• w3schools.com
• flexbox.ninja
# Видеокурсы HTMLAcademy
• htmlacademy «Базовый HTML и CSS»
coursehunters.net/course/bazovyy-html-i-css-18-2017
• htmlacademy «Продвинутый HTML и CSS»
coursehunters.net/course/prodvinutyy-html-i-css-potok-2017
• htmlacademy «Профессиональный HTML и CSS Уровень 1»
coursehunters.net/course/professionalnyy-html-i-css-uroven-1-potok-26-fevralya-4-aprelya-2018
• htmlacademy «Профессиональный HTML и CSS Уровень 2»
coursehunters.net/course/professionalnyy-html-i-css-uroven-2-potok-15-yanvarya-21-fevralya-2018
# Справочники
• htmlbook.ru
• webref.ru
• cssreference.io
• developer.mozilla.org/ru/
# Выполнение заданий
• flukeout.github.io (изучение селекторов в CSS)
• flexboxfroggy.com/#ru (изучение flexbox в CSS)
• flexboxdefense.com (изучение flexbox в CSS)
• dmitrylavrik.ru/training/process/flexbox-grid (создание сетки на flexbox)
• cssgridgarden.com/#ru (изучение gridbox в CSS)
# Задачи для практики
• htmlbook.ru/practical
# Макеты для практики
• drive.google.com/drive/u/0/folders/0B8LYygUI_oGeSGticGREcUtkeGs
• freebiesbug.com/psd-freebies/website-template/
• symu.co/freebies/templates-4/
• dcrazed.net/free-photoshop-psd-website-templates/
Единственное назначение float - обтекание блоков текстом. Использование float для любых других целей - это костыль, появившийся в те времена, когда display имел всего 4 варианта значений (в современном мире около 20 вариантов).
Bootstrap - тоже костыль, но более продвинутый: он предлагает набор готовых стилей реализующих 12-колоночную (и никак иначе) сетку. Несколько лет назад это ещё было актуально, но сейчас "голый" CSS даёт куда больше возможностей, чем предлагает Bootstrap.
Курсы "вёрстки на float", "вёрстки на flexbox" или "вёрстки на bootstrap", занимаются не обучением, а разводом лохов. И float, и flexbox - это всего лишь инструменты, предназначенные для решения определённых задач. И качественная вёрстка - это прежде всего умение правильно использовать весь набор инструментов.
Да, шуруп в стену - чтобы повесить картину - можно вкрутить и пассатижами. Но, думаю, ты всё же возьмёшь для этого отвёртку.
Bootstrap - тоже костыль, но более продвинутый: он предлагает набор готовых стилей реализующих 12-колоночную (и никак иначе) сетку. Несколько лет назад это ещё было актуально, но сейчас "голый" CSS даёт куда больше возможностей, чем предлагает Bootstrap.
Курсы "вёрстки на float", "вёрстки на flexbox" или "вёрстки на bootstrap", занимаются не обучением, а разводом лохов. И float, и flexbox - это всего лишь инструменты, предназначенные для решения определённых задач. И качественная вёрстка - это прежде всего умение правильно использовать весь набор инструментов.
Да, шуруп в стену - чтобы повесить картину - можно вкрутить и пассатижами. Но, думаю, ты всё же возьмёшь для этого отвёртку.
float это просто обтекание... что там учиться?
Andrei Golubev
Ну я имею в виду есть курсы где обучают верстке с float и курсы с Flexbox и Bootstrap Какие лучше брать?
На float уже давно сетки не верстают, тот же Bootstrap в своей актуальной версии использует для этого Flexbox. Единственное применение float – это обтекание, ни для чего больше его использовать не нужно!
Похожие вопросы
- Я за неделю изучил HTML и CSS, понятное дело не идеально и вот вопрос стоит ли начинать изучать javascript?
- Что нужно знать для того, чтобы верстать Веб?
- С чего начитать верстать сайт по макету?
- Обязательно ли верстать веб дизайнеру свой сайт в тильда или таплинк
- Стоит ли при верстке странички учитывать особенности IE8? Уже 2016 скоро. Многие ли верстают с учетом особенностей ie8?
- стоит ли становиться верстальщиком в 2018 ?, или сейчас они не нужны, так как front- end сами всё верстают?
- За сколько времени можно освоить языки разметки - HTML и CSS, что бы свободно верстать сайты?
- мне скинули макет, скажите как мне понять по какой ширине верстать? должны ли быть отступы от окна браузера или нет?
- Сколько времени вам понадобилось чтобы научиться делать/верстать сайты, или выучить какой-то язык программирования?
- Стоит ли сегодня начинать заниматься фрилансом по теме html, css, java?