Бесконечная прокрутка: когда же это закончится

The NeverEnding Scroll

Возможность бесконечно прокручивать веб-страницу, с одной стороны, очень удобна. Но следует помнить, что в бочке мёда всегда найдётся место ложке дёгтя. Если мы учтём все плюсы и минусы такой прокрутки, то  сможем грамотно использовать их для того, чтобы сделать интерфейс более удобным. Человеческая природа требует во всём иерархии и структуры, которые позволяют  легко ориентироваться в происходящем. Но иногда бесконечная прокрутка создаёт у пользователей ощущение дискомфорта, поскольку они понимают, что страница не закончится никогда.  Читать далее

Адаптивный плагин лайтбокс Magnific Popup (для jQuery и Zepto.js).

Progressive image loading

Лайтбокс является одним из тех инструментальных средств, которые отлично работают на персональных компьютерах, но с которыми часто возникают проблемы при работе на небольших мобильных устройствах. На сегодняшний день довольно трудно найти плагин, обладающий достаточным уровнем гибкости и способный моментально отображать содержимое. По этой причине я создал Magnific Popup (всплывающее окно), лайтбокс плагин с открытым исходным кодом, ориентированный на производительность.

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

Читать далее

Календарь для рабочего стола: Май 2013

The Green Bear

 

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

Эта креативная миссия  продолжается уже более пяти лет , и мы очень благодарны всем дизайнерам, которые вносили и продолжают усердно добавлять свои работы каждый месяц. Этот пост содержит обои для рабочего стола, созданные художниками со всего света на апрель 2013 года. Обе версии, как с календарем, так и без него вы можете скачать бесплатно. Пришло время обновить ваши обои.

Читать далее

Знание — сила!

A content model for a recipe

“Контент имеет значение!”, “Планируй заранее!”,  ”Только качественный копирайт!”  К этому моменту вы, наверное, слышали все эти фразы тысячу раз, и знаете, что ваш мобильный сайт будет работать лучше, если вы внимательно относитесь к  его содержанию. Бесчисленное количество компаний, чьи сайты существуют уже пару десятков лет, столкнулись с проблемой старого, уже неактуального содержания, элементы которого после нескольких редизайнов затерялись на страницах их сайтов. А ведь это, в первую очередь, засорение CMS. Читать далее

Слава Богу, у нас есть спецификация!

В этой статье описаны основные особенности и приведено множество полезных примеров работы с CSS3 анимацией. Если вы решили использовать данный эффект у себя в проекте, то стоит ознакомиться с представленной информацией. Пожалуйста, обратите внимание, что я не предлагаю никаких альтернативных вариантов и не даю советов о том, как обойтись без обсуждаемых эффектов. Алекс МакКоу когда-то написал очень проницательную и информативную статья под названием “Все, что нужно знать о CSS анимации“.

Поскольку Алекс написал о достоинствах конкретного эффекта, я собираюсь поговорить о технической составляющей, особенно JavaScript оформления. Ниже представлено содержание этой статьи.  Если вы хотите перейти к конкретному разделу, просто выберите один из пунктов оглавления:

Читать далее

Как сохранить визуальную иерархию через хореографию контента

Diagram showing how columns drop in a typical 3 column responsive design

Один из важных вопросов, с которым мы сталкиваемся в отзывчивом веб-дизайне, это как сохранить иерархию постоянно изменяющих свой размер и формат, элементов на экране. Трент Уолтон первый обратил внимание на эту проблему в своей статье под названием “Хореография контента“, в которой он показал, как страдает визуальная иерархия, когда столбцы с контентом расположены один над другим. Существуют методы, с помощью которых можно решить этот вопрос, например, это касается того, как вы структурируете блоки с контентом в HTML. Вам нужно подумать о том, как вы хотите переставить блоки контента,  таким образом, чтобы вместо одной колонки у вас появилось несколько. Читать далее

Повторное использование Photoshop в дизайне

One of these is likely nostalgic to you.

Как и любой интересующийся дизайном, подросток в 1999 году, я оказался в “Electronic Design”, а в качестве основного инструмента у меня был старый iMacs. Если вы оказались в подобной ситуации, то скорее всего у вас был бы Adobe Photoshop, в качестве основного и единственного графического редактора. У меня это была версия 6.0.

Независимо от того, какая версия у вас, несомненно, вы знаете кого-то, кто может продемонстрировать Вам более раннюю версию. Мы, дизайнеры, очень гордимся наличием таких ранних версий, если вы еще не заметили этого. Читать далее

Слушай, смотри и делись!

onthegrid

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

Сложно отслеживать постоянно обновляющийся поток подкастов, и выбрать среди них те, которые будут интересны именно вам. В этой статье мы составили для вас большой список самых разнообразных подкастов, которые помогут вам, если вы — программист, которому нужен совет, или дизайнер, которой ищет вдохновения, или хотите организовать свой первый стартап.

Читать далее

Введение в программирование системы типов.

Jelly bean

Статический контроль типов хорош тем, что может уберечь вас от потенциальных  неприятностей. Динамический контроль типов, хорош тем, что адаптируется под любой метод программирования и позволяет увеличить быстродействие. Уже давно ведутся дискуссии по поводу важности двух основных характеристик типизированных языков: функциональности и динамичности. Вникать в суть вопроса лучше всего на примере слабой типизации и языков программирования, таких как .

Язык программирования Си ведет обработку любых элементов как чисел. Любые символы, например, такие как a или 7 или % могут быть представлены в виде числа благодаря ASCII кодировке, представляющей их “истинное” и “ложное” значение в виде комбинации всего из двух цифр: 1 и 0.

Читать далее