Полная Версия: Небольшой урок адаптивной верстки
как скажешь, уговаривать тебя никто тут не будет
Помимо всего вышесказанного (особенно про семантику), хочется задать вопрос: ТС, а ты о Flexible Box или CSS Grid что можешь сказать? Просто не совсем понятно, для чего отказываться от IE, и гнать устаревшими подходами.
Ron
Вот тут и я подпишусь
Вот тут и я подпишусь
| Цитата |
| для чего отказываться от IE, |
Неужто 6, 7 нужен?
| Цитата |
| ты о Flexible Box или CSS Grid что можешь сказать? |
читаем
| Цитата |
| На деле нет лучшей системы — и Flexbox и CSS Grid хороши по своему и должны использоваться совместно, а не как альтернатива друг другу(с) |
так же вот:
| Цитата |
CSS Grid отлично подходит для создания большой картины. Эта система облегчает управление макетом страницы и даже может иметь дело с нестандартным и асимметричным дизайном. Flexbox отлично подходит для выравнивания содержимого внутри элементов. Используйте эту систему для размещения мелких деталей дизайна. Используйте CSS Grid для двумерных макетов (строк И колонок). Flexbox лучше работает только в одном измерении (со строками ИЛИ с колонками). Нет причин применять только CSS Grid или только Flexbox. Изучайте их и используйте совместно. |
Все это работает в лисе от 52 версии и в хроме 57. Ладно с ие, а например тени, градиенты лиса поддерживает с 4 версии. Сейчас сама сижу на 49 версии, что мне тогда делать?
Это тоже определенная глупость гоняться за передовыми технологиями, вы посмотрите, как делается большинство сайтов,а не сайты верстальщиков с уроками и туториалами
https://habrahabr.ru/post/189696/
Статья 13 года, неплоха к прочтению.
Статья 13 года, неплоха к прочтению.
https://tuhub.ru/posts/css-grid-complete-guide
вот статья по grid'ам
вот статья по grid'ам
и вот примеры макетов float, grid, flexbox
https://www.w3schools.com/cSS/css_templates.asp
https://www.w3schools.com/cSS/css_templates.asp
qpurypaHT
С этого стоит начать делать шапку.
_____________
Обучаю веб-программированию качественно и не дорого: http://school-php.com
Фрилансер, принимаю заказы: PHP, JS, AS (видео-чаты). Писать в ЛС (Личные сообщения на phpforum).
<header>
<nav>навигация</nav>
</header>
С этого стоит начать делать шапку.
_____________
Обучаю веб-программированию качественно и не дорого: http://school-php.com
Фрилансер, принимаю заказы: PHP, JS, AS (видео-чаты). Писать в ЛС (Личные сообщения на phpforum).
inpost, я не соглашусь. Есть такой тег, но это не значит? что его нужно применять. Яндекс, гугл, ютуб, википедия-они не применяют
Эли4ка
Тебе тоже неплохо было бы подтянуть знания верстки
_____________
Обучаю веб-программированию качественно и не дорого: http://school-php.com
Фрилансер, принимаю заказы: PHP, JS, AS (видео-чаты). Писать в ЛС (Личные сообщения на phpforum).
Тебе тоже неплохо было бы подтянуть знания верстки
_____________
Обучаю веб-программированию качественно и не дорого: http://school-php.com
Фрилансер, принимаю заказы: PHP, JS, AS (видео-чаты). Писать в ЛС (Личные сообщения на phpforum).
inpost, прошу пояснить на основе фактов. Если я тогда по русакову сказала-что так не делается это не значит, что верстки я не знаю. Если вы гоняетесь за новыми технологиями, то делайте grid'ы, flexbox'ы, а я буду как раньше. Так как браузеры версий 4-49 никто не отменял.Вы можете в <a> запихивать хоть <div>,хоть весь html в придачу. Я не считаю, что так делать верно.
| Цитата (Эли4ка @ 23.03.2018 - 10:44) |
| Если вы гоняетесь за новыми технологиями, то делайте grid'ы, flexbox'ы |
flexbox совсем не новая технология по меркам ИТ. =) По поводу grid-ов можно подумать о совместимости, хотя вполне саппортабельно на сегодняшний день. Да, частично соглашусь, может быть рано в определенных ситуациях юзать гриды, ок.
Что за версия 4-49, FF что ли? Она спокойно поддерживает флекс начиная с версии 28 (2014г.), а chrome и вовсе с версии 29 (2013г). Что за новые технологии такие 4-5ти летней давности? Почему ты нам статью кидаешь старую с рекомендациями к прочтению, зачем она?
На момент написания (перевода), хром поддерживал флексы в полном объеме, даже без префикса -webkit. Уже тогда материал был активно устаревающим.
| Цитата |
| На момент написания (перевода), хром поддерживал флексы в полном объеме, даже без префикса -webkit. Уже тогда материал был активно устаревающим. |
Покажи где это устаревающий, а не придумывай из головы.
| Цитата |
| flexbox совсем не новая технология по меркам ИТ. =) |
Мне без разницы, какая она. за это денег не платят.
| Цитата |
| По поводу grid-ов можно подумать о совместимости, хотя вполне саппортабельно на сегодняшний день. Да, частично соглашусь, может быть рано в определенных ситуациях юзать гриды, ок |
Смотрим крупные порталы, кто использует.
| Цитата |
| Что за версия 4-49, FF что ли? Она спокойно поддерживает флекс начиная с версии 28 (2014г.), а chrome и вовсе с версии 29 (2013г). Что за новые технологии такие 4-5ти летней давности? Почему ты нам статью кидаешь старую с рекомендациями к прочтению, зачем она? |
Да лиса, с версии 4 до 49. А гриды?
Где я кинула старье? Не хочешь-не читай, покажи, где по новому это описано.
| Цитата (Эли4ка @ 23.03.2018 - 14:54) |
| Покажи где это устаревающий |
Зачем, ты же не хочешь учиться. =)
Здесь расположена полная версия этой страницы.