• Медиазапросы: width против device-width

    • Перевод
    Довольно часто люди не понимают разницы между шириной (width) и шириной устройства (device-width) (и, более того, есть примеры с минимальной (min-device-width) и максимальной шириной устройства (max-device-width)), используя медиазапросы CSS. Это недопонимание приводит к написанию плохого кода и значительно большему количеству работы для разработчика. Этот вопрос очень часто встречается на форумах SitePoint, поэтому пришло время объяснить все подробнее. В этой статье будет затронута эта проблема, а также мы более подробно рассмотрим, какой вариант следует использовать, создавая отзывчивые сайты.
    Читать дальше →
    • +3
    • 33,8k
    • 2
  • Экономия на печати документов: готовые решения

      image Не так давно мы выступали на конференции CNews «ИТ-стратегия 2015», как водится, во главе угла стояли темы оптимизации и экономии. Потому что ИТ-компании – это не только красивые офисы и интересная работа, но и подчас не всеми замечаемые, но ощутимые расходы на некоторые вещи. Вроде той же печати.

      В ходе своего выступления наш спикер озвучила тезис, в соответствии с которым в ИТ-бюджете очевидные затраты на печать могут составлять от 250 000 рублей в месяц. Тут же раздался голос из зала, где это, мол, мы встречали такие маленькие затраты на печать. Вполне возможно, такие числа вызовут недоумение не только у участника конференции, но и у многих управляющих ИТ-бюджетом. Поэтому мы и решили посчитать, сколько денег в бюджете можно сэкономить от многомиллионных затрат на печать, если правильно оптимизировать эти процессы. А заодно рассмотреть факторы, влияющие на стоимость печати документов.

      Если вам тоже кажется, что принтеры в вашей организации стали бодренько съедать такие суммы, что за год можно было отложить и на расширение офиса, и на внеочередные премии сотрудникам, а обслуживающий ваш парк принтеров техник интересуется, стоит ли покупать сейчас Audi Q7, или подождать чего поинтереснее – скорее всего, проведённое нами исследование будет вам интересно.
      Читать дальше →
    • 10 советов по прототипированию в Sketch

      • Перевод


      Так как Sketch был создан специально для работы над мобильными и веб-интерфейсами, неудивительно что он стал одним из самых быстрых и гибких инструментов для прототипирования. Эти 10 советов сделают его еще более мощным средством.
      Читать дальше →
    • Создаем свое Amazon-like навигационное меню

      Ранее на Хабре уже рассказывали о загадочном меню. Изобретение по истине гениальное и полезное. Уверен, каждый из вас хотел бы модифицировать меню на своем сайте таким же образом.

      image
      Читать дальше →
    • Выравнивание модального окна по центру

      Мой первый пост.
      Центрирование блока относительно другого блока относительно часто-попадающаяся задача, это очередное ее решение. Для меня оно стало самым универсальным и покрывающим все кейсы, с которыми я когда-либо сталкивался.
      Читать дальше →
    • Верстка email рассылок от А до Я для чайников

      Уже 3 с лишним года занимаюсь дизайном и версткой почтовых рассылок, которые ориентированы на англоязычных пользователей. За время работы перелопатили огромную кучу информации, перепробовали много вариантов верстки, набили достаточное количество шишек. Были найдены и исправлены типичные баги, которые в той или иной мере повторялись во всех почтовых клиентах. Также нашлись проблемы с некоторыми CSS свойствами — различные почтовые клиенты интерпретировали их по разному. Каждое письмо тестировалось на самых популярных почтовых клиентах: Gmail, Outlook, Yahoo, Android, iOS, MozillaThunderbird, Microsoft Outlook, The Bat. Рассылки ходят на сотни миллионов пользователей и приносят очень хорошие результаты. Итак, приступим к изучению.
      Читать дальше →
    • 300 потрясающих бесплатных сервисов

      • Перевод


      Автор оригинальной статьи Ali Mese добавил ещё 100 новых бесплатных сервисов. Все 400 потрясающих сервисов доступны здесь. И еще подборку +500 инструментов от 10 марта 2017 г. смотрите здесь.



      A. Бесплатные Веб-Сайты + Логотипы + Хостинг + Выставление Счета

      • HTML5 UP: Адаптивные шаблоны HTML5 и CSS3.
      • Bootswatch: Бесплатные темы для Bootstrap.
      • Templated: Коллекция 845 бесплатных шаблонов CSS и HTML5.
      • Wordpress.org | Wordpress.com: Бесплатное создание веб-сайта.
      • Strikingly.com Domain: Конструктор веб-сайтов.
      • Logaster: Онлайн генератор логотипов и элементов фирменного стиля (new).
      • Withoomph: Мгновенное создание логотипов (англ.).
      • Hipster Logo Generator: Генератор хипстерских логотипов.
      • Squarespace Free Logo: Можно скачать бесплатную версию в маленьком разрешении.
      • Invoice to me: Бесплатный генератор счета.
      • Free Invoice Generator: Альтернативный бесплатный генератор счета.
      • Slimvoice: Невероятно простой счет.

      Читать дальше →
    • Избавляемся от JavaScript в социальных кнопках (Facebook, VK, Twitter и др.)

      • Tutorial
      Как мы избавились от JavaScript-библиотек социальных сетей, ускорили скорость загрузки страниц и использовали RESTful API для “шаринга” и “лайков”.


      Читать дальше →
    • Как сделать прибыльной разработку дизайна сайтов (часть 4)

        image

        Сегодня обратимся к теме прототипов. Сразу хочу попросить 32% читателей, которые уже в курсе этой темы, не мешать остальным 49%, которые не пробовали работать с сервисами по созданию прототипов, разбираться в этом вопросе (по данным опроса «Знаете ли вы о существовании сервисов для создания прототипов» часть 2).

        image

        Тема «прототипирование»


        Тут, наверное, лучше всего рассказать более абстрактно, чем конкретизировать и останавливаться на одном из сервисов, т.к. их, в отличие от других видов работ, достаточно много — более 50 популярных. Для тех, кто скептически настроен, скажу сразу — подойди я к себе несколько лет назад и расскажи, сколько можно сэкономить времени и насколько увеличить отдачу, то незамедлительно бы прямо сейчас купил сервис для прототипирования.

        Как-то одним прекрасным солнечным утром, придя на работу и сделав кружку крепкого кофе, я решил открыть почту от клиента — и мне захотелось облить его этим горящим кофе, запустить в него кружку, порвать договор и заставить съесть подписанные им макеты (в письме клиент написал, на половине готовых работ: давайте переделаем верх, низ и две страницы — главную и список услуг).
        Читать дальше →
        • +21
        • 19,8k
        • 4
      • 8 сортов муды в твоей веб-студии

          Муда, что по-японски означает «потери» — это любая деятельность, которая потребляет ресурсы, но не создает ценности для клиента. (Источник).



          Эта короткая заметка для тех, кто системно ищет, где его студия теряет деньги. Похвальное занятие в наше весёлое время.

          Хорошо систематизировали виды потерь ребята из Toyota. Тойотовцы выделяют 7-8 видов муды, потерь на производстве. Посмотрим, есть ли аналоги между потерями в автомобилестроении и работе студии.
          Читать дальше →