Возможность бесконечно прокручивать веб-страницу, с одной стороны, очень удобна. Но следует помнить, что в бочке мёда всегда найдётся место ложке дёгтя. Если мы учтём все плюсы и минусы такой прокрутки, то сможем грамотно использовать их для того, чтобы сделать интерфейс более удобным. Человеческая природа требует во всём иерархии и структуры, которые позволяют легко ориентироваться в происходящем. Но иногда бесконечная прокрутка создаёт у пользователей ощущение дискомфорта, поскольку они понимают, что страница не закончится никогда. Читать далее
Архив метки: редакторский перевод
Адаптивный плагин лайтбокс Magnific Popup (для jQuery и Zepto.js).
Лайтбокс является одним из тех инструментальных средств, которые отлично работают на персональных компьютерах, но с которыми часто возникают проблемы при работе на небольших мобильных устройствах. На сегодняшний день довольно трудно найти плагин, обладающий достаточным уровнем гибкости и способный моментально отображать содержимое. По этой причине я создал Magnific Popup (всплывающее окно), лайтбокс плагин с открытым исходным кодом, ориентированный на производительность.
В этой статье я хочу поделиться с вами методами, которые были использованы при создании этого плагина и могут увеличить быстродействие вашего лайтбокса и сделать его проще в использовании, независимо от технических характеристик устройства.
Календарь для рабочего стола: Май 2013
Мы всегда стараемся бросить вызов нашим артистическим способностями и сотворить интересные, красивые и творческие работы. И, как большинство дизайнеров, мы обычно обращаемся к различным источникам вдохновения. И в самом деле, мы нашли наилучшее — обои на рабочий стол, которые более своеобразны, нежели другие.
Эта креативная миссия продолжается уже более пяти лет , и мы очень благодарны всем дизайнерам, которые вносили и продолжают усердно добавлять свои работы каждый месяц. Этот пост содержит обои для рабочего стола, созданные художниками со всего света на апрель 2013 года. Обе версии, как с календарем, так и без него вы можете скачать бесплатно. Пришло время обновить ваши обои.
Знание — сила!
“Контент имеет значение!”, “Планируй заранее!”, ”Только качественный копирайт!” К этому моменту вы, наверное, слышали все эти фразы тысячу раз, и знаете, что ваш мобильный сайт будет работать лучше, если вы внимательно относитесь к его содержанию. Бесчисленное количество компаний, чьи сайты существуют уже пару десятков лет, столкнулись с проблемой старого, уже неактуального содержания, элементы которого после нескольких редизайнов затерялись на страницах их сайтов. А ведь это, в первую очередь, засорение CMS. Читать далее
Слава Богу, у нас есть спецификация!
В этой статье описаны основные особенности и приведено множество полезных примеров работы с CSS3 анимацией. Если вы решили использовать данный эффект у себя в проекте, то стоит ознакомиться с представленной информацией. Пожалуйста, обратите внимание, что я не предлагаю никаких альтернативных вариантов и не даю советов о том, как обойтись без обсуждаемых эффектов. Алекс МакКоу когда-то написал очень проницательную и информативную статья под названием “Все, что нужно знать о CSS анимации“.
Поскольку Алекс написал о достоинствах конкретного эффекта, я собираюсь поговорить о технической составляющей, особенно JavaScript оформления. Ниже представлено содержание этой статьи. Если вы хотите перейти к конкретному разделу, просто выберите один из пунктов оглавления:
Как сохранить визуальную иерархию через хореографию контента
Один из важных вопросов, с которым мы сталкиваемся в отзывчивом веб-дизайне, это как сохранить иерархию постоянно изменяющих свой размер и формат, элементов на экране. Трент Уолтон первый обратил внимание на эту проблему в своей статье под названием “Хореография контента“, в которой он показал, как страдает визуальная иерархия, когда столбцы с контентом расположены один над другим. Существуют методы, с помощью которых можно решить этот вопрос, например, это касается того, как вы структурируете блоки с контентом в HTML. Вам нужно подумать о том, как вы хотите переставить блоки контента, таким образом, чтобы вместо одной колонки у вас появилось несколько. Читать далее
Повторное использование Photoshop в дизайне
Как и любой интересующийся дизайном, подросток в 1999 году, я оказался в “Electronic Design”, а в качестве основного инструмента у меня был старый iMacs. Если вы оказались в подобной ситуации, то скорее всего у вас был бы Adobe Photoshop, в качестве основного и единственного графического редактора. У меня это была версия 6.0.
Независимо от того, какая версия у вас, несомненно, вы знаете кого-то, кто может продемонстрировать Вам более раннюю версию. Мы, дизайнеры, очень гордимся наличием таких ранних версий, если вы еще не заметили этого. Читать далее
Слушай, смотри и делись!
Имея под рукой мобильный телефон или планшетный компьютер, вы получаете мгновенный доступ к огромному разнообразию аудио и видео подкастов. Они развлекают вас, пока вы находитесь в пути, обеспечивают вас полезной информацией, которая может помочь в профессиональной деятельности и в повседневной жизни.
Сложно отслеживать постоянно обновляющийся поток подкастов, и выбрать среди них те, которые будут интересны именно вам. В этой статье мы составили для вас большой список самых разнообразных подкастов, которые помогут вам, если вы — программист, которому нужен совет, или дизайнер, которой ищет вдохновения, или хотите организовать свой первый стартап.
Введение в программирование системы типов.
Статический контроль типов хорош тем, что может уберечь вас от потенциальных неприятностей. Динамический контроль типов, хорош тем, что адаптируется под любой метод программирования и позволяет увеличить быстродействие. Уже давно ведутся дискуссии по поводу важности двух основных характеристик типизированных языков: функциональности и динамичности. Вникать в суть вопроса лучше всего на примере слабой типизации и языков программирования, таких как Cи.
Язык программирования Си ведет обработку любых элементов как чисел. Любые символы, например, такие как a
или 7
или %
могут быть представлены в виде числа благодаря ASCII кодировке, представляющей их “истинное” и “ложное” значение в виде комбинации всего из двух цифр: 1 и 0.
Представление о классификациях шрифтов (Часть 1)
В моей предыдущей статье на сайте Smashing Magazine
Читать далее