Комментарии 41
Подождём когда grid станет нормой.
Угумс. Скажите кому-то, что для удобства разработчиков вы отказались от 13% покупателей — и они сразу наймут другого разработчика.
Отказались от немерянной красоты любой ценой для 13% покупателей !== «отказались от 13% покупателей». Если у 87%, которые могут, будет быстро и сказочно красиво, а у 13% — попроще, чуть менее красиво, но так же быстро, никто не пострадает. Юзеры не сидят в 5 одновременно открытых браузерах и не сверяют попиксельное совпадение, они заходят на сайт и либо жмут кнопку заказа, либо нет.
Сайты не обязаны выглядеть одинаково во всех браузерах! Адаптивная верстка подразумевает адаптацию не только к разрешению экрана, но и к другим возможностям окружения юзера. Именно для этого придумали @supports
.
Он даже для border-radius выдает 84% caniuse.com/#search=border-radius
Хотя в реальности он только на OperaMini не работает.
А то с одной стороны динозавр, а с другой стороны как слепой котёнок шарашишься под табуреткой, а вокруг сплошные ножки: замуровали, демоны!
Но гриды всё ещё молодая технология, поэтому надо учитывать ЦА ресурса.
В целом неплохо написано тут: developer.mozilla.org/ru/docs/Web/CSS/CSS_Grid_Layout/Relationship_of_Grid_Layout
Ну а если уж заговорили о препроцессорах, то неплохо было бы рассказать, что многие фишки препроцессоров уже внедрены в стандартный CSS и могут использоваться вот прям здесь и сейчас, так что не надо ставить сборщик, движок и тд… просто тыкай ф5 и смотри себе результат.
посещаемость некоторых моих сайтов, с браузеров, которые не поддерживают гриды и тп, все еще около 14 %
многие фишки препроцессоров уже внедрены в стандартный CSS и могут использоваться вот прям здесь и сейчас,
Переменные в CSS поддерживаются примерно теми же браузерами, что и гриды. Какое-то противоречие получается между двумя абзацами вашего комментария.
Да, отличия есть, но задача "избавиться от повторяющихся значений и задавать константы в едином месте" решается и там и там одинаково.
Это одновременно и супер-достоинство, и супер-недостаток. Достоинство потому что это очень крутая фича, которая позволяет иной раз избавиться от сотен строк лишнего кода. Недостаток — потому что не полифилится. И пока что сидим курим бамбук.
не полифилитсяЕсть частичный полифил:
codepen.io/aaronbarker/full/MeaRmL
Форк с улучшениями:
gist.github.com/SahAssar/53a796f9aa5f89f9f16c92ca2607cdf6
+ по мелочи:
gist.github.com/frenkel/709d6d54d638f419e9ff2d148ee53287
А синтаксис этих решений, явно не дает
Я, честно говоря, не думаю, что веб-разработчику стоит выносить мозг абсолютно всем, что есть на текущий момент. В любое время все может перекрутиться. А устаканивание притормаживается повышенной конкуренцией (что имеет свои плюсы по части инноваций).
Что пугает, это куча приблуд которые нужно запускать до, после и вовремя разработки: lassc, npm, bower, gulp, grunt, webpack(?) и прочее — не совсем радует.
Я старый динозавр, помню до «ajax», мы динамически айфреймы создавали, постили туда ХМЛ, submit-тили этот ХМЛ и потом считывали из этого фрейма, т.к. нужно было чтобы без «browser refresh» фитчи работали =)
Что пугает, это куча приблуд которые нужно запускать до, после и вовремя разработки: lassc, npm, bower, gulp, grunt, webpack(?) и прочее — не совсем радует.
"Нужно" — неправильное слово. Всё можете делать по старинке, эти "приблуды" лишь помогают экономить время. По крайней мере в теории ) А так пишите CSS, HTML и JS под целевые браузеры и не парьтесь :) Только не удивляйтесь, если у коллег-конкурентов будут меньшие сроки разработки и меньшая скорость работы приложений при прочих равных:)
Если речь идет об относительно свежих Chrome / Firefox и даже Edge, то значительная часть ES6 и большая часть CSS3 там поддерживается нативно. Так что под них вполне можно программировать без зоопарка утилит на node.js. Другое дело что IE11 продолжает поддерживаться до 2020 года, а в нем даже arrow functions нет.
Разработчикам же всё равно, что будет лежать на сервере. Лишь бы «исходники» были доступны.
но прошло долгое время, пока браузеров стали его поддерживать
исправьте на «браузеры», плз
Современный CSS для динозавров