Что значит «отличные знания html/css»?

Question

[Nevada18]

В вакансиях на верстальщика есть требования, описанные в заголовке вопроса. Что под этим подразумевается? Если с html все более менее понятно, то с css все не совсем прозрачно - что значит хорошо знать css? Понимать флексбоксы, позиционирование, отличия маргинов от паддингов и знать, что делают transform и transition?
Как определить свой уровень знания html/css?

Answer 1

[Ivan Bogachev]

Know it all.

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

Comments

[myaca]

какая офигенная табличка, спасибо за ссылочку.

Answer 2

[iBird Rose]

Это значит ты не должен встать в ступор при любой задаче, какую бы тебе задачу не дали.
А если ты попал в тупик и не знаешь как сверстать то что тебе дали - у тебя НЕ отличные знания html/css.

Comments

[Nevada18]

а если я на обдумывание задачи трачу время? решая, как лучше и удобнее сверстать, это считается?

[iBird Rose]

Nevada18: а это уже зависит от работодателя. понравится ли ему твое время выполнения задачи или нет. но в любом случае если ты в конечном итоге задачу выполнил - это лучше, чем если ты ее не смог выполнить.

Answer 3

[Никита Кит]

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

Comments

[simka alien]

Когда ты уже до того докодился, что смотришь на бутстрап как на говно

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

[Никита Кит]

simka alien: дело в том, что:
а) Бутстрап - громоздкий фреймворк. Правильно его использовать, не засоряя код ненужным говном можно только через препроцессоры с возможностью наследования через % (тихий класс) - загугли если интересно. Я все компоненты так наследую - выходит так называемый object orientated css - как результат вёрстка даже на тупящих 500kb/s грузится сверхбыстро. максимум секунда-две.
б) Бутстрап на front-end (админки не берём в расчёт) применяют в 99.9% случаев только ради сетки. Я сетки не юзаю - flexbox намного более удобен. Вся моя "сетка" выглядит вот так:

%row{
  display:flex;
  flex-wrap: wrap;
  list-style: none;
  &--sm-wrap{
    @media(max-width: 1023px){
      flex-wrap: wrap;
    }
    @media(min-width: 1024px){
      flex-wrap: nowrap;
    }
  }
  &--centered-x{
    justify-content: center;
  }
  &--centered-y{
    align-items: center;
  }
  &--between-x{
    justify-content: space-between;
  }
  &--righted-x{
    justify-content: flex-end;
  }
}
%column{
  display: flex;
  flex-direction: column;
}

в) Компоненты твиттера у всех уже поперёк горла. Эти парни с чего-то решили, что кнопки должны быть именно border, border-radius, padding, background-color. Как и инпуты и ещё куча всего. Вот это приравнивание компонентов под 4 параметра замыкает творческий кругозор разрабов, большинство из которых, если поднатужатся, то смогут и веб-дизайн освоить без photoshop. Прототипируя интерфейс прямо в браузере.

г) В бутстрапе очень навязчивые классы. Фреймворк должен быть применим только осознанно. Не создавая лишних багов - он должен быть в своей абстракции. Какого хрена вназывать стили кнопок классом btn? А если я буду применять этот класс в проекте для чего-то другого? (конечно, вряд-ли - я на БЭМ всё пишу, но всё же). Например, в малоизвестном но куда более комфортном blazeCSS компоненты начинаются с o-class или c-class - что даёт меньшую навязчивость

[simka alien]

Никита Кит: согласен о BS но вот с флексами не согласен так как не пашет на ведроиде , в стандартных браузере

[Никита Кит]

simka alien: пашет, от версии 4.3 включительно под вендорами. Если нужно что-то большее, что я выпаливаю юзер-агента с помощью device.js или же применяю modernizr если нужна поддержка большого количества дино. Отталкиваясь от результата их работы добавляю фолбэк на флоутах. Это, конечнож, куда запарнее чистых флексов, поэтому за устаревшие браузеры я требую дополнительный кусочек пирога)))

[simka alien]

Никита Кит: кстати про device.js , на ruSO весь сайт на flex , так фишка там если зайти к примеру с IE10 то через код элемента ( забыл как там ) сразу меняется на table очень занятно сделано

[Никита Кит]

simka alien: эта занятнось и называется fallback. Лично я, по умолчанию на старые ie скидвааю уведомление об устаревшем браузере. Просто как заплатка. Чтоб если че не думали что мой косяк

Answer 4

[simka alien]

блин . уже на русском написано : отличные знания html/css это означает что знать надо просто очень хорошо