Javascript-форум (https://javascript.ru/forum/)
-   Оффтопик (https://javascript.ru/forum/offtopic/)
-   -   Конец адам вёрстки :) (https://javascript.ru/forum/offtopic/43300-konec-adam-vjorstki.html)

kobezzza 30.11.2013 14:25

Конец адам вёрстки :)
 
Вчера наконец добрался до нового layout API CSS3, а именно flex, т.к. теперь это АПИ поддерживают все топовые версии браузеров (однако, в FF ещё есть отголоски старых версий flex и некоторые незначительные глюки).

Чтобы не писать самому полифилы для вендорный свойств я заюзал Stylus + Nib, которые уже стали для меня стандартом при разработке.

В общем пока по ощущениям от flex один восторг, ибо это именно то, чего так не хватало в CSS и уже можно начинать забывать костыли из float:left + overflow:hidden, position: absolute и display: table. Вёрстка становится простой и чистой и работает так, как и от неё ожидается, в общем ура товарищи!

http://www.w3.org/TR/css3-flexbox/

ЗЫ: кто следит за новинками CSS3 знают об ещё одном layout API - grid (изначально может показаться, что это тоже самое, что и flex, только в профиль, но на самом деле это не так:) ), но пока его к сожалению поддерживает только ИЕ 10+ и использовать его можно разве что для metro приложений.

http://habrahabr.ru/company/microsoft/blog/140715/

monolithed 30.11.2013 15:33

Цитата:

Сообщение от kobezzza
Конец адам вёрстки :)

А как же отказ от традиционных шаблонизаторов в пользу архитектурных фреймворков типа Angular и Microdata DOM API?

kobezzza 30.11.2013 15:39

Цитата:

Сообщение от monolithed (Сообщение 283652)
А как же отказ от традиционных шаблонизаторов в пользу архитектурных фреймворков типа Angular и Microdata DOM API?

Ммм, наверно я не в теме, а какой там ад?) И я не понял какое отношение имеет MVVP фреймворк и API информационной разметки к вёрстке ?)

monolithed 30.11.2013 15:50

Цитата:

Сообщение от kobezzza
Ммм, наверно я не в теме, а какой там ад?)

Как минимум — отсутствие дата-биндинга.
Про микродату есть примеры у терми https://github.com/termi/Microdata-JS

kobezzza 30.11.2013 15:58

Цитата:

Сообщение от monolithed (Сообщение 283656)
Как минимум — отсутствие дата-биндинга.
Про микродату есть примеры у терми https://github.com/termi/Microdata-JS

Ну я в курсе про Microdata, просто я не понял как это относится к вёрстке:)

Ну дата-биндинг станет тривиальным после нормальной поддержки Object.observe и Proxy, да и разве в АПИ веб-компонентов это не предусмотрено?

PS:
Я имел ввиду, что раньше для того чтобы сделать банальный 3-х колончатый сайт нам приходилась применять очень странные техники и свойства, которое вообще не для этого создавались, а теперь нам таки наконец дали нормальное решение.

nerv_ 30.11.2013 16:03

Цитата:

Сообщение от kobezzza
просто я не понял как это относится к вёрстке

я тоже не понял. Насколько мне известно, верстальщики не довольны flex & grid. Можешь тут почитать.

kobezzza 30.11.2013 16:07

Цитата:

Сообщение от nerv_ (Сообщение 283663)
я тоже не понял. Насколько мне известно, верстальщики не довольны flex & grid. Можешь тут почитать.

Да в основном у людей вызывает негодование, что уже есть несколько книг, где описывается флекс, а на практике выясняется, что там говорится про версию стандарта, которая уже депрекейтед и хз как и что делать, т.к. этих версий суммарно 3 и у каждого свой АПИ:)

Но теперь то стандарт получил статус кандидата и поддержка последнего стандарта есть полная или частичная везде.

+ Я заметил что многие люди ревностно относятся к новым технологиям, т.к. они обесценивают их знания о костылях делая профессию верстака в разы проще, но это конечно бред:)

nerv_ 30.11.2013 16:12

Цитата:

Сообщение от kobezzza
Да в основном у людей вызывает негодование ...

т.е. тред ты не читал? )

kobezzza 30.11.2013 16:16

Цитата:

Сообщение от nerv_ (Сообщение 283668)
т.е. тред ты не читал? )

Ещё нет:)

UPD: прочитал, народ собрался в W3C писать свой стандарт?) Вспомнился анекдот про 14 конкурирующих стандартов:)

Gozar 30.11.2013 16:43

Цитата:

Сообщение от nerv_
Насколько мне известно, верстальщики не довольны flex & grid.

:blink: Что???!!!

Кто недоволен? А ниче, что один небезызвестный проект на flex сверстан?! ;)
Да я сру цветами от радости, что наконец можно забить на этот "прон" в виде костылей.

kobezzza,
Я уже опробовал, flex просто шикос. плюсую бешенно.

По поводу grid, меня чего-то не проперло, надеюсь в будущем будет поддержка везде.


Часовой пояс GMT +3, время: 15:26.