• Как сверстать данный элемент?

    @soledar10
    html css3 js jquery
    Ответ написан
    Комментировать
  • Поможете оценить верстку?

    AleksandrB
    @AleksandrB
    Совсем недавно вывел "Hello world"
    5/10
    По пунктам:
    1) Увеличение изображений не работает, как и слайдеры. Это работа верстальщика!
    2)
    Проблемы с адаптацией
    5cdbcd1e7f176675280786.png5cdbcd38350fa219094248.png5cdbcd3f78200766400225.png

    3)
    Не самый лучший результат в pageSpeed
    5cdbcd67669ef750843578.png

    4) Все стили со скриптом подгружаются в шапке сайта, что совершенно не правильно и может быть оправдано в редких случаях. Более правильным будет - вынести стили того что пользователь будет видеть в начале в тэг style перед html. В вашем случае вынести следовало все стили относящиеся к классу header и его деткам. Это, к слову, рекомендует гугл.
    5) 5cdbce14c44fb447132824.png Изображения нужно ужимать, на кой черт мне грузить картинку в 4к если я сижу с телефона с 360р??? Это относится ко всем картинкам, ни одна не ужата.

    П.С. Чего вы на парня взъелись за плашку с предупреждением? Да на все бесплатные хостинги такие вылезают, или ему для первых версток аренду брать?
    Ответ написан
    2 комментария
  • Как правильно оформлять HTML код?

    @archelon
    1. незакрытые теги — допускается, но лучше не надо.
    в некоторых случаях может улучшить читабельность кода.
    2. кол-во пробелов — без разницы, но желательно соблюдать единый стиль.
    3. !important — в самых крайних случаях, когда на скорую руку нужно что-то поправить, и пообещать себе, что обязательно, как только будет время, все начисто переписать :-)
    Ответ написан
    1 комментарий
  • Как правильно оформлять HTML код?

    dimovich85
    @dimovich85 Куратор тега CSS
    https://u-academy.net/
    Окей, гугл, давай с тобой поспорим))
    1. Насчет не закрытых тегов, да, кто-то использует, но неужели так сложно его закрыть? Тем более, что закрытый тег ошибкой 1000% не будет, а вот незакрытый... Насчет body, тоже лучше оставить как есть. Для читаемости, ИМХО, закрытый тег лучше. + к сказанному - это рекомендация. Правило оформление кода важно если Вы в команде, и там так принято, тогда да, как сказали - так и пишем или увольняемся на вольные хлеба)
    2. Опять же, если в команде принято 2, то 2, мне удобно 4 и меня в этом не ограничивают, так что я за 4ку, не 1, не люблю код плоский, как доска. 2 советуют, чтобы код далеко не уезжал при вложенности.
    3. Я вот у Ильи Климова слышал неоднократно фразу, которая понравилась, думаю, это не его прям фраза, чтоб копирайт ставить, но, ближе к делу: "Все есть яды, все есть лекарства". !important надо употреблять также, как употребляете лекарства, если заболел, то что делать, если надо. Когда надо, тогда надо, но поверьте, надо крайне редко, и от !important, по умолчанию, откажитесь.
    4. Бутстрап вроде бы нет, сетку нельзя. НО! Я пользуюсь Smartgrid. Полностью гибкая - пишете конфиг, меняете все параметры сетки, межколоночный отступ, количество колонок, препроцессор, парадигму "mobile first"/"desktop first", breakpoints, размеры контейнера....
    5. Про БЭМ и писано переписано, почему бы не из первых уст?
    PS желаю успехов в становлении профессионалом!
    Ответ написан
    5 комментариев
  • Как правильно оформлять HTML код?

    mrsexy
    @mrsexy
    Senior Pomidor
    1. Закрытие тегов обязательно для очистки кармы. Не критично, браузеры понимают, но ваш идеал это чистая консоль и чистый лог валидатора. header, body - так же нужно закрывать.
    2. 4 пробела в табе используют в препроцессорах html, к примеру pug/jade - здесь это обязательно. В обычной верстке используйте так, как вам удобно. Чтобы проще было ориентироваться в своем коде. В конечном итоге на продакшен заливается минифицированный HTML/CSS/JS, для оптимизации скорости загрузки.
    3. Этот вопрос больше подходит к самой методологии БЭМ. Когда у вас есть 1 основной блок с некими стандартными свойствами и вы используете к нему префикс классы для описания дополнительных свойств. Для того, чтобы сам блок можно было использовать неоднократно с разными свойствами. Для этого избегают глобальных свойств блока, если они могут изменяться. Соответственно неправильное понимание структуры и описания глобальных свойств блоку, вызывают !important, когда вы записываете префикс класс для блока, где нужно изменить уже записанное глобально свойство, к примеру фон блока.
    4. Откажитесь в начале от Bootstrap сетки в пользу flex/grid. Для того чтобы в целом разобраться как работают стили. Учитесь в начале делать правильно и хорошо. Плохо делать вы и так умеете. К Bootstrap обычно обращаются в быстрой развертке проекта, и в основном для каких-то проектов где никто не будет париться на тему поддержки кода. Сделали и забыли.
    5. - Статей о БЭМ в интернете полно, основной принцип БЭМ я описал в 3 пункте.
    Ответ написан
    2 комментария
  • Плохо ли использовать такую строчку?

    Vlad_IT
    @Vlad_IT Куратор тега CSS
    Front-end разработчик
    Да, плохо. По двум причинам
    1) * селектор очень "тяжелый", он притягивается ко всем элементам. Его можно использовать только для reset или отладки.
    2) transition с параметром all тоже тяжелый, нужен конкретный параметр, который вы собираетесь анимировать.
    Ответ написан
    Комментировать
  • Как сделать поиск с заменой в нескольких файлах в Brackets?

    infern01it
    @infern01it
    учусь быть крутым front-end разработчиком :)
    Ctrl + Shift + H или Поиск - Заменить в файлах
    Ответ написан
    1 комментарий