Задать вопрос
  • Как установить в задержку setInterval() рандомное число?

    function randomInterval() {
        setTimeout(() => {
            it.circle();
            randomInterval();
        }, Math.random() * (900 - 700) + 700);
    }
    Ответ написан
    1 комментарий
  • Как на CSS сделать так?

    qork
    @qork
    { background: #F00B42 }
    text-align: right
    Ответ написан
    Комментировать
  • Как поиграться со скроллингом?

    sergiks
    @sergiks Куратор тега JavaScript
    ♬♬
    Можно без JS, только-CSS: слой приблизить по оси Z и уменьшить  – для «ускорения» прокрутки; и наоборот, отдалить и увеличить (чтобы он воспринимался таким же по размеру) – для «замедления». Демо.

    CSS:
    .forefront-element {
        -webkit-transform: translateZ(999px) scale(.7);
        transform: translateZ(999px) scale(.7);
        z-index: 1;
      }
    
      .base-element {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        z-index: 4;
      }
    
      .background-element {
        -webkit-transform: translateZ(-999px) scale(2);
        transform: translateZ(-999px) scale(2);
        z-index: 3;
      }


    via.
    Ответ написан
    7 комментариев
  • Как правильно рисовать дизайн по сетке bootstrap 3?

    xtala
    @xtala
    Постигает Дзен
    Не соглашусь с оратором-садистом который, предлагает какие то извращенные пытки из своего мрачно-красного воображения, методом отрыва рук.
    1) Дизайн это творчество, а не уголовный кодекс. Иногда дизайнеры любят нарушать правила.
    2) Бутстрап это всего лишь фреймворк, это не данность и не святые скрижали. Его можно использовать, а можно выкинуть на йух или на мороз. Или на мороз и на йух одновременно.
    3) Бутстрап гибок. Он настраивается. Его колонки тоже.
    4) Натягивать дизайн под какие-то колонки и догмы это натягивать сову на ежа.
    5) Если дизайнер слепо следует диктату колонок он не дизайнер, а школьник.
    6) Слепо диктату колонок следовать нельзя, но так же не следует забывать про элементарное здравомыслие. Например дизайнер может натыкать на глаз иконки с разной высотой по 2-3 пикселя. Тут стоит включить голову и сделать все выровненным по одной линии, если не оговорено иное.
    7) Из здравомыслия следует так же, что дизайн должен быть создан под популярные разрешения. Пожалуй это единственное требование из жанра уголовного кодекса к дизайнеру.
    Ну и решать, что правильно, а что нет только вам. Но лично я посоветую не загонять себя в рамки, а то придете к творческому вырождению и ступору в жанре "соцреализм", а когда вам будут присылать нестандартные макеты, будете стучать ботинком по столу и кричать:
    -- "Вы художники или п#%#сы проклятые? У меня внук лучше макеты делает!".
    Ответ написан
    Комментировать
  • Под какие разрешения рисовать адаптивный дизайн?

    paulradzkov
    @paulradzkov
    Дизайнер, верстальщик, начальник отдела UI
    При рисовании любого дизайна встает техническая задача — уместить элементы сайта в указанную ширину. Уместить в заданную ширину тяжелее, чем растянуть до заданной ширины. Растянуть легко на этапе верстки. Поэтому нужно ориентироваться на минимальную ширину в классе.

    1. Мобильные телефоны — 320px. Ориентируемся на viewport айфона, т.к. он самый маленький. У современных андроидов вьюпорт больше, поэтому их игнорируем (растянется на верстке).

    2. Планшеты — 768px. Опять-таки ориентируемся на айпад в портретной ориентации , т.к. у андроид планшетов вьюпорты обычно имеют размер от 800×1200 или совпадают с айпадом. Планшеты с вьюпортом 600×1024px устарели. К тому же ничего страшного, если в вертикальной ориентации сайт на таком планшете будет выглядеть как на мобильнике, а в горизонтальной ориентации — как на десктопе.

    3. Десктоп и планшеты в ландшафтной ориентации — 1000px. Почему 1000, а не 1024: первое, в настольных браузерах полоса прокрутки съедает (обычно) 18px ширины; второе, от 1000px верстальщику удобнее расчитывать размеры в процентах, а до 1024 все равно растянется при верстке.

    В принципе, этого достаточно, чтобы верстальщик справился.

    Если дизайн не имеет максимальной ширины и тянется от края до края окна браузера, то на усмотрение дизайнера можно нарисовать еще один или несколько эскизов для более широких экранов.

    В каком порядке рисовать? Смотря как поставлено тех.задание. Чаще всего в задании описан полный функционал для настольной версии. Тогда проще нарисовать дизайн под 1000px и перекомпоновать под 768 и 320, выбросив или упростив по пути менее значимые элементы сайта. Т.е. двигаться от сложного к простому.

    Верстать при этом удобнее от меньшего экрана к большему (от простого к сложному). При mobile first верстальщику приходится дописывать новые стили для бóльших экранов поверх базовой версии в 320px вместо того, чтобы обнулять написанные для настольных браузеров стили. В результате для мобильника css весит меньше и парсится быстрее.
    Ответ написан
    Комментировать
  • Что и как учить для создания инфо-ресурса?

    @laxikodeje
    Если вы любите статику, но хотите сделать большой сайт,
    то можно использовать "генераторы статических сайтов"
    Рекомендую Hugo gohugo.io
    вот маленький обзорчик
    https://habrahabr.ru/company/selectel/blog/236441/

    Идея такова:

    Делаете дизайн, размещаете в файлах шаблона сайта.
    Пишите тексты в текстовых файлах.
    Запускаете генератор.
    И вуаля - у вас ваши тексты уже размещены в вашем дизайне.

    Процесс можно автоматизировать.
    То есть как только изменили текст - так сразу он автоматически уехал на сайт.
    rcoedo.com/post/hugo-static-site-generator

    А комментарии прикручиваются, например, с помощью Disquis
    Ответ написан
    2 комментария
  • Что и как учить для создания инфо-ресурса?

    Dit81
    @Dit81
    Security researcher, pentester, internet-marketer
    Лучше выбрать уже готовое решение в виде CMS. Потом ее можно изменить. доработать и т.д. Но изучать отдельные технологии: PHP, NodeJs, Python (Django) и др. никто не мешает. Это всегда пригодится!
    Ответ написан
    2 комментария
  • Что и как учить для создания инфо-ресурса?

    Для создания динамического сайта вам понадобится один из современных JS фреймворков.
    Список наиболее популярных:
    • Angular
    • React
    • Polymer
    • Ember


    Для изучения данных фреймворков/библиотек достаточно будет ознакомиться с руководством, представленным на сайте разработчика соответствующей технологии (однако может потребоваться знание английского языка).

    Кроме этого необходимо будет создать backend сервис. Для этой цели подойдут (выберите один из предложенных языков): Node.JS, PHP, Python, Ruby. Видео-уроков по данным языкам программирования более чем достаточно в Интернете.

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

    Если же желание изучать всё вышеперечисленное отсутствует, то можете воспользоваться любой понравившейся CMS, предварительно подготовив шаблон для сайта.
    Ответ написан
    1 комментарий
  • Что и как учить для создания инфо-ресурса?

    Sanes
    @Sanes
    Учи шаблонизатор любой популярной CMS. Самый простой Modx.
    Ответ написан
    1 комментарий
  • Что и как учить для создания инфо-ресурса?

    ThunderCat
    @ThunderCat Куратор тега Веб-разработка
    {PHP, MySql, HTML, JS, CSS} developer
    Вордпресс в зубы и побежал, не ищи проблемы там где их нет, в твоем случае готовый цмс вполне себя оправдывает, если есть сильное желание кастомизировать - смотри создание шаблонов для ВП.
    Ответ написан
    1 комментарий
  • Proxima nova бесплатный шрифт?

    Nekto_Habr
    @Nekto_Habr
    Чат дизайнеров: https://t.me/figma_life
    Бесплатная альтернатива: Raleway. Ооочень похож по формам большинства букв и в отличие от проксимы - несравненно лучше адаптирован для веба и электронных устройств (буквы чёткие, не мыльные получаются). На Google Fonts он есть, но без кириллицы. С кириллицей есть версия в интернетах (Raleway Cyrillic) - найти не сложно, если сайт будет русскоязычный.
    Ответ написан
    3 комментария
  • Как сделать такой слайдер?

    zorro76
    @zorro76
    Читайте ленту тостера плиз, только что был же ответ
    Minimal-3D-Image-Rotator-with-jQuery-CSS3-Cascade-...
    немного кастомизируйте его, или же slick-slider - отлично подойдет под этот результат
    Ответ написан
    1 комментарий
  • Как сделать такой слайдер?

    Тут kenwheeler.github.io/slick Смотреть Center Mode - подправите стили и готово.
    Ответ написан
    1 комментарий
  • Всегда ли нужны сетки при адаптивной верстке?

    Не нужны, суть в адаптации под устройство, а как её реализовывать - поифг
    Ответ написан
    Комментировать
  • Как установить gulp локально?

    copal
    @copal
    𝄞 ...оооо baby
    Запускаете консоль из папки в которую хотите поставить Gulp.
    Запустить консоль из нужной папки можно набрав в консоле cd
    затем пробел, а после перетащить в консоль нужную папку.
    После установки должна появится папка node_modules в которой
    будет папка .bin . Запускаете консоль из этой папки и после запускаете Gulp.
    Ответ написан
    1 комментарий
  • Как учить jQuery и другие JS библиотеки?

    toxicmt
    @toxicmt
    кофаундер Хекслета
    Лучше через практику. Выбирайте тут https://github.com/Hexlet/ru-test-assignments соответствующее задание и вперед.
    Ответ написан
    1 комментарий
  • Как учить jQuery и другие JS библиотеки?

    @entermix
    jQuery не нужно учить, это просто набор функций, посмотрите документацию и действуйте.
    Ответ написан
    5 комментариев
  • Как/на чем заработать обычному верстальщику?

    Deerenaros
    @Deerenaros
    Программист, математик, задрот и даже чуть инженер
    Общие советы, что уже были даны:
    + учи js,
    + учи english хотя бы до intermediate,
    + генерируй портфолио,
    + какой же верстальщик без своего сайта? сделай его идеальным и храни там своё портфолио и контакты, по возможности ставь на создаваемые сайты свой копирайт со ссылкой на портфолио (конечно, если заказчик не возражает),
    + в свободное время потерзай какой нибудь backend (RoR или Django)

    От себя добавлю: бросай PHP и никогда о нём не думай, может он и становиться лучше, но ему никогда не избавиться от своего тёмного прошлого (и переменных со знака доллара, вот ужас!). Когда будет пара хороших отзывов, смело иди на фриланс биржи, вроде odesk. C RoR и хорошим, красивым, технологичным, кроссбраузерным фротендом там вполне можно иметь и по $100 в час.

    Ах да, учись быстро копипастить. Использовать плагины. Избавляйся от всяческих попыток напилить велосипед, даже если так будет быстрее и лучше. Со временем, это мастерство позволит тебе делать сайты со скоростью пулемёта. Тогда ты постигнешь тёмный дзен и получишь свою порцию печенек. Я на полном серьёзе, когда ты поднимаешь сервер за 2 минуты, ставишь на него Bootstrap за 1 минуту и подгоняешь его (натягиваешь вёрстку из заранее созданных темплейтов) за 5 минут, обвешиваешь нужными виджетами из js, html5 и css3 за 5 минут и через 15 минут после получения заказа отправляешь заказчику наступает странное чувство эйфории. Конечно, это непостяжимый дзен, как всегда, по закону Мёрфи, какая-нибудь библиотека отвалиться, что-нибудь заглючит, а где-нибудь поползёт вёрстка и дебаг займёт пару часов, но всё же, делать полноценный сайт за 3 часа - бесценно. Для всего остального есть MasterCard.
    Ответ написан
    48 комментариев