Как писать грамотный css код?

Question

[angelzzz]

В течение нескольких лет для своих целей верстал страницы. И теперь начал работать верстальщиком в фирме, где штампуются разные страницы решения для клиентов в стиле дизайна сайтов клиентов.

В основном работа связана с css (точнее less). При этом:
- не могу ни добавлять классы, ни менять их названия в html
- должен поддерживать работу ie8
- дизайн сайтов делается без дизайнера (то есть один и те же элементы, такие как кнопки могут быть разных размеров в разных частях страницы, и могут вести себя абсолютно по разному)
- не могу использовать js (главный программист говорит, что у него тоже не все так просто с кроссбраузерностью. для меня этот вопрос спорный)

Суть проблемы: как мне научиться писать грамотный css, который я могу использовать в качестве портфолио? Получается, что мой код весь в костылях.

Answer 1

[Ankhena]

Суть проблемы: как мне научиться писать грамотный css, который я могу использовать в качестве портфолио? Получается, что мой код весь в костылях.

Для портфолио выбираете любые макеты, которые пришлись Вам по душе и верстаете так как считаете нужным.

На работе делаете так, как это нужно работе. (Да, свое мнение и предложения по улучшению, конечно, нужно высказать руководству).
Совсем не все проекты хочется складывать в портфолио.
Про некоторые вообще хочется сказать: "только никому не говорите, что я принимала в этом участие".

Comments

[angelzzz]

а как ы поступаете если верстаете для cms, у которых уже заданы классы? переписываете весь код или добавляете поверх свои?

[Ankhena]

angelzzz: Классы или стили?
Мне кажется, это слишком общий вопрос, чтобы на него был однозначный ответ.
Зависит от задачи и доступного времени на ее решение, которое готов оплатить заказчик.

Answer 2

[iBird Rose]

читаешь вот это https://ru.bem.info/ и начинаешь писать правильный css

Comments

[angelzzz]

то есть я могу применять БЭМ несмотря на то, что я не могу добавлять свои классы?

[Сергей Горячев]

angelzzz: Бред какой-то. "Как мне писать грамотный CSS, если я не могу писать CSS". Сам понял, что сказал?

[angelzzz]

Sergey Goryachev: понял. отсюда и вопрос. а ты сам понял зачем этот тут написал? нет решения? можно тогда не тратить свое время и идти дальше

[iBird Rose]

angelzzz: ну значит и пиши дальше костыли. там ты никак уже не сможешь ничего поделать. а для портфолио пиши свои проекты. все по БЭМ и все html/css/js пиши сам.

[Сергей Горячев]

angelzzz: А это был не ответ, а комментарий. И комментировать я могу что угодно и где угодно. Есои ты пишешь хрень, я тебе об этом откровенно говорю.

[Kovalsky]

angelzzz: парень, серьёзно: никто ничего не понял, поэтому так и отвечают.

Answer 3

[Nikolay Talanov]

>не могу ни добавлять классы, ни менять их названия в html
>должен поддерживать работу ie8
>дизайн сайтов делается без дизайнера
>не могу использовать js

Как там в аду, неплохо живется?
Тут работу другую искать надо, а не деградировать в болоте, издеваясь на собой. Грамотный css невозможен без контроля над html и без адекватного дизайна (и общения с дизайнером, если речь идет о чем то сложнее говнолендинга). Ну а ие8 это вообще все равно что гроб засыпать не землей а говном. Я ие11 уже полгода+ не открывал и Edge чекаю "по желанию".

Answer 4

[Антон Иванов]

Я что-то не пойму, если вы ВЕРСТАЛЬЩИК, почему вы не можете использовать СВОИ стили? Если HTML - верстает другой сотрудник, так договоритесь с ним об используемых вами (и им) стандартах. Мне кажется, проблема не в том, как "правильно писать код", а в коммуникациях между сотрудниками.

Comments

[angelzzz]

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

[Антон Иванов]

Извините, всё равно не понятно, как какое-то программное решение влияет на ВЁРСТКУ конкретно взятого сайта? У вас что, все сайты одинаковые?

[angelzzz]

Антон: html - одинаковый, отличается css. Часто дизайн отличается настолько, что весь сss полностью переворачивается

[Kovalsky]

angelzzz: то есть у вас все сайты одинаковой структуры, отличаются только дизайном?

[angelzzz]

Никита Полевой: да

Answer 5

[xtala zen]

Использовать валидатор w3c, а так же стараться пользоваться правилами css lint. Есть специальные плагины для редакторов которые делают это в автоматическом режиме.