Ответы пользователя по тегу CSS
  • Как научиться писать чистый код,читабельный и хорошо оформленный HTML,CSS,JS?

    shqn
    @shqn
    По поводу JS. Когда-то я писал жуткий спагетти-код, который выглядел, я думаю, до боли знакомо каждому, кто учил JS и jQuery:

    // main.js
    $(function() {
        $(".someselector1").click(function() {
             // Что-то
        });
    
        $(".someselector2").change(function() {
             // Что-то
        });
    
        $(".someselector3").width($(".header").first().width());
    });


    И все было хорошо, потому что поддерживать или что-то менять в этом коде не приходилось. Сайт сдавался, приходил следующий. Но я всегда чувствовал, что можно как-то иначе. Странно, но первое озарение мне пришло случайно, когда я увидел на хабре мини-обзор новой CMS и полез посмотреть, что это за зверь. Зашел на сайт и заодно решил заглянуть в исходники js: www.fork-cms.com/frontend/core/js/frontend.js. Помню, как мне понравилось тогда, как все выглядит. Чисто, красиво, методы не перегружены кучей инструкций, ответственность каждого метода прозрачна и понятна (стоит сказать, что тогда этот файлик выглядел немного иначе, сейчас уже заметно подрос). Я просто взял эту структуру кода на фронтенд и такую же на бэкенд для самописной CMS.

    Потом что-то менял в ней, потом выкинул вовсе. Попробовал разные MVC фреймворки, потом что-то еще было. В текущем проекте ядром клиентского кода служит незамысловатый Base.js. В общем суть в том, что вариться в своей каше очень опасно. Нужно смотреть, как оно у других, пробовать модные штуки и решать, подходят они вам или нет. А чтобы понять, насколько хорош ваш код, посмотрите, насколько он гибок, насколько сложно его масштабировать, высок или порог входа для того, чтобы понять структура кода и что происходит и т.д. и т.п. Думаю, то же самое отчасти справедливо и для HTML с CSS.
    Ответ написан
    Комментировать
  • Где используется селектор "тильда" и:one-child?

    shqn
    @shqn
    Часто бывает, что ТЗ проекта требует поддержки IE8, а значит :only-child (видимо, он имеется в виду) отпадает. Остается только знать, что он есть, вздыхать и использовать только то, что поддерживается.

    Тильду за 3 года практики использовал всего раз, но тут же пожалел, потому что в тогдашней Опере она отрабатывала очень медленно и пришлось убрать.

    А вообще, как и в любом языке, чем больше ты знаешь всяких штук, тем изящнее решение можешь предложить. А в случае CSS ещё не стоит забывать про скорость работы различных селекторов.
    Ответ написан
    7 комментариев
  • Блок div двигается за скролом?

    shqn
    @shqn
    Один из вариантов — ставить блоку меню position: fixed
    Ответ написан
    Комментировать