LINUX.ORG.RU

Как выучить CSS?

 


0

5

Хочу выучить поверхностно сабж, но это ад какой-то. Я могу сверстать какой-никакой быдлодизайн страницы, но каждый раз лазишь по мануалам для каждого пука. Хочеться изучить ядро, чтобы было все очевидно. Создается ощущение, что это набор правил, чуть ли не для всех случаев, для каждого браузера — свое. Изучить ЯП в разы легче, чем это. Иначе, как тупой зубрежкой не осилить. А меня зубрежка бесит, это не вариант.

Подскажите, чтоли, ресурс, или книжку, где изложены азы для быстрого ознакомления, чтобы было просто и понятно, не залезая в дебри, чтобы понять логику этой хрени.

Спасибо.



Последнее исправление: beastie (всего исправлений: 2)

Создается ощущение, что это набор правил, чуть ли не для всех случаев, для каждого браузера — свое. Изучить ЯП в разы легче, сука, чем это гавно. Иначе, как тупой зубрежкой не осилить.

Вся суть текущего веба.

edigaryev ★★★★★
()

Нет никакой логики, вся верстка сводится к построению различных конструкций из костылей, предоставляемых CSS.

Что-то подобное я видел в C++ с его метапрограммированием на шаблонах, но для C++ это скорее abuse, а для css — норма.

crowbar
()
Ответ на: комментарий от crowbar

да, шаманство в css довольно сильно развито, что не отменяет необходимое знание азов (будет проще в разы).

umren ★★★★★
()

ну ты в общем прав, сейчас фронтенд это жопа и ещё какая, и реально каждый раз программисты лезут читать, потому что веб стал набором жутких костылей, притом чем больше движков у браузеров, тем больше костылей надо, особенно для IE и оперы

erzent ☆☆
()
Ответ на: комментарий от Deleted

только 30% пользователей оперы перешли на 13, остальные юзают старьё,тк старый функционал им нужен, как показали наши в компании наблюдения, по статистике пользователей, поэтому пока движок другой, забыл как их старый движок назывался. Хотя самое сложное это вёрстка между версиями IE, у нас фронденты уже проклинают ишака,8 уже не поддерживаем, но и между 10 и 11 различий ужас....

erzent ☆☆
()
Ответ на: комментарий от umren

спс, у нас из-за этого 6 фронтендщиков, причём 4 верстают под IE, 1 под оперу и 1 под хром с лисой.

erzent ☆☆
()

При этом не так страшен конкретно CSS. Больше пугает разница в поведение JS, работе с сетью, работе с куками и прочим говном, а есть еще P3P магия, вот это та еще жуть.

Deleted
()
Ответ на: комментарий от erzent

У нас просто забили на Presto и всё. Всё равно оно мёртвое.

А IE всегда был особенный %)

Deleted
()

начни с перевода официальной документации css 2.1/html 3, 4 - потом в оригинале. Важно понять основы: box-model и селекторы

swwwfactory ★★
()

Советую взять уже готовые и вылизанные фреймворки, например, тот же bootstrap. Если ты не дизайнер и не делаешь сайты под заказ, а судя по твоим предыдущим постам нет, то тебе этого хватит за глаза, а весь твой волосяной покров на теле останется невыдернутым.

mix_mix ★★★★★
()

Возьми любой жипег или любую страницу любого сайта и просто повтори ее не смотря в код.

После минимум 5-ти итерраций прозреешь.

Deleted
()

Не слушай никого. Сейчас нет такой разножопицы, как лет эдак 5-6 назад, когда действительно приходилось, местами, под разные браузеры разный css писать. Сейчас стало значительно проще.

Deleted
()
Ответ на: комментарий от Deleted

Сейчас стало значительно проще.

Берем jquery
Берем мегабайтный css под все случаи
Собираем страницу из имеюшегося в js и css(при этом используя лишь 1% от тех десятков мегабайт шаблонов)
Ох вейт,это было два года назад,сейчас все подругому:
Берем какойто монстрообразный фреймворк,который использует несколько других фреймворков,которые использую jquery/другие дж либы+также с css где переопределения переопределяют переопределения И делаем СвойФреймворк!

Да если пять лет назад браузер открывая гуглком жрал 1Мб памяти и 0% Цп
То сегодня открывая гугл ком-имеем 50%ЦП четырехядерника и пару гигабайт оперативки.

И вы тут стонете про «о нет как все криво».
Вы подумайте-какого разработчикам браузеров,которым надо сделать чтоб весь ваш треш работал БЫСТРО,в коде транслятора css/js в браузерах-десятки закладок и упрощений для популярных js либ и css-блоков

И это взаимный симбиоз кривости:
девелопер-движка-браузера делает закладку для «популярной js либы»
js-либу обновляют меняя половину логики
все опять тормозит
новая закладка для нового обновления
девелоперы js-либы обнаруживают что в одном месте их либа тормозит(можно сделать быстрее),обновляют используя Первую закладку(используя код первой версии для которого транслятор браузера использует другую «оптимизацию»)
браузер падает
девелопер браузера материться из за несовместимости закладок делает третью закладку для комбинированной(использующей код 1 и 2) версии js либы
....и так до бесконечности

anonymous
()
Ответ на: комментарий от anonymous

То сегодня открывая гугл ком-имеем 50%ЦП четырехядерника и пару гигабайт оперативки.

Меня это тоже печалит. Программисты и муркетолохи работают ради шороха орехов, да.

Deleted
()
Ответ на: комментарий от anonymous

И каков же тру-вей, в данной ситуации?:) Или, как поговаривал Герцен, что делать?

anonimous
() автор топика
Ответ на: комментарий от Deleted

Согласен. Это все свистоперделки.

Deleted
()

Выучил CSS2 чисто на примерах из Web'а и внезапно чтением инходников. Всегда хотелось что-то красиво сделать у себя, как на том сайте. Потом проапгрейдился до CSS3 в туторале какого-то буржуйского блогера

IIIypuk ★★★★
()

Как выучить CSS?

Читай перед сном. А книгу клади под подушку.

god_is_love
()

Сверстаешь пару страничек для себя и научишься. Конечно у движков порой разная реализация, проприетарные свойства, баги и т.д, но тут же то же самое что и с жабоскриптом - юзай фреймворки которые дают энтот слой совместимости + шаблоны. Не обязательно брать ссаный бутстреп, бери что полегче.

ritsufag ★★★★★
()

+1 такая же фигня. Ты, эта, когда воткнешь как правильно clearfix делать, поделись.

dizza ★★★★★
()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.