TOP 1 в России в рейтинге разработчиков на Evolution CMS в 2019 году по версии CMSMagazine
Местоположение
Россия, Нижегородская обл.

Достижения

Все достижения (5)

Наибольший вклад в теги

Все теги (130)

Лучшие ответы пользователя

Все ответы (623)
  • Есть ли такая технология - получить из PSD автоматом нарезанный и сверстанный сайт?

    sashabeep
    @sashabeep
    Дней без вопросов про Slick на тостере : 0
    А еще можно делать дизайн не в фотошопе
    Ответ написан
    8 комментариев
  • Можно ли посмотреть какие шрифты используются в макете в figma?

    sashabeep
    @sashabeep
    Дней без вопросов про Slick на тостере : 0
    Ткните в пустое место помимо артбордов.
    Если, дизайнер, конечно, был здоров

    5f02d4d423752771943863.png
    Ответ написан
    5 комментариев
  • Зачем нужно так много div'ов в html для верстки сайта?

    sashabeep
    @sashabeep
    Дней без вопросов про Slick на тостере : 0
    Все современные сайты построены на дизайне полос.
    Полоса так и называется полоса - блок со внутренними отступами сверху и снизу, и с фоном, который отделяет его от соседних полос. Или без фона.

    wrapper, container и подобные имена используются для того, чтобы обозначить место для содержимого внутри полосы. Обычно у него установлена максимальная ширина и он стоит посередине полосы. Это сделано для того, чтобы содержимое полосы не растягивалось на всю ширину экрана, потому что для того, чтобы прочесть строку шириной 1920 пикселей на мониторе 22 дюйма надо крутить головой, для этого и задана максимальная ширина.

    Поэтому получается достаточно много элементов, вложенных друг в друга. Но понимания полосы, контейнера (или обертки wrapper, container) и ячейки (колонки col-) в-общем, достаточно для того, чтобы разобраться в теории. В bootstrap внутрь container вставляется блок с классом row (строка), внутрь ее - колонки. В Foundation элемент с классом row сам ограничивает свою максимальную ширину, являясь контейнером.

    В-общем и целом, вложение одного элемента в другой это и есть главная особенность html.

    Вот полоса (занимает всю ширину, имеет внутренние отступы и фон)
    kg51vfgveao2m9excsdwn0fgkn0.png

    Вот контейнер внутри нее (стоит посередине, имеет какую-то максимальную ширину), Правда, в данном случае в нем всего одна колонка
    inq_jif72lj4barvbgiqohjf3ik.png

    Вот полоса с контейнером, в котором несколько колонок в ряд
    ccqec5ksei7pl0morlfvfwcby_s.png
    Ответ написан
    Комментировать
  • Как делать такие картинки?

    sashabeep
    @sashabeep
    Дней без вопросов про Slick на тостере : 0
    Так как основной тег Adobe Photoshop,
    то, думаю, помогут «сервисы», располагающиеся тут:

    5e2430dfb8d23510466240.jpeg
    Ответ написан
    Комментировать
  • Как с помощью js поменять язык на сайте?

    sashabeep
    @sashabeep
    Дней без вопросов про Slick на тостере : 0
    На JS...
    Ну, допустим, разбить содержимое на контейнеры с атрибутом LANG
    <html lang="ru">
    ...
      <p lang="ru">Текст на русском</p>
      <p lang="en">English text</p>
    ...

    В стилях будет
    html[lang="ru"] [lang="en"] {
        display: none;
    }
    html[lang="en"] [lang="ru"] {
        display: none;
    }

    Переключатель
    <ul class="langswitcher">
      <li class="active"><a href="#ru" data-lang="ru">Ru</a></li>
      <li><a href="#en" data-lang="en">En</a></li>
    </ul>

    Скрипт будет перекидывать значение атрибута lang у тэга HTML
    $(".langswitcher a").on("click",function(e){
    		e.preventDefault();
    		$(".langswitcher li").removeClass("active");
    		$("html").attr("lang",$(this).data("lang"));
    		$(this).parent().addClass("active");
    	});


    Для коротких страниц вполне юзабельно
    Ответ написан
    Комментировать

Лучшие вопросы пользователя

Все вопросы (10)