Создание информационного отчета по веб-сайту: три уровня разделения.

Data report for our fictional widgets website

Иметь подробный информационный отчет по веб-сайту — это все равно, что использовать Розеттский камень (программа-оболочка) для управления процессом принятия решений в течение всего жизненного периода веб-сайта.
Читать далее

Четыре способа построения мобильного приложения, часть 4: платформа Appcelerator Titanium.

FasTip application on iOS.

В трех предыдущих статьях мы рассмотрели, как создать приложение-калькулятор для расчета чаевых на базе родной iOS платформы, родной Android платформы и PhoneGap. В этой статье мы рассмотрим еще один кросс-платформенный инструмент для разработки под названием Appcelerator Titanium.
Читать далее

Использование Composer для улучшения системы управления WordPress проектами.

To start, clone a copy of the dummy project that I’ve created.

С момента своего появления в 2003 году WordPress прошел долгий путь развития.

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

Создание кликабельных прототипов для поддержки целостности дизайна.

Prototyping tools

Как профессионалы в области UX (опыт взаимодействия — это ощущения, возникающие у человека при непосредственном взаимодействии с объектами окружающего мира), мы часто приводим проектные обсуждения со всеми заинтересованными сторонами, в том числе членами команды и непосредственно заказчиками. В процессе мозгового штурма участники пытаются выявить возможности для улучшения дизайна, тем самым, дополняя общее видение в развитии и ожидания от проекта.

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

Читать далее

Переосмысление адаптивной SVG графики.

All Icons combined in a single SVG file.

Если вы еще не знакомы с технологией адаптивных иконок Джо Харрисона, то в ходе прочтения этой статьи наверняка узнаете много интересного и откроете для себя множество новых функциональных возможностей данного подхода. Я говорю это, опираясь на свой опыт и вспоминая свои первые впечатления от знакомства с данной технологией. В этой статье я хотел бы исследовать возможности, которые становятся доступными при использовании SVG и выходе за рамки «традиционной» масштабируемой векторной графики, которая используются для замены растровых PNG файлов. На самом деле, мы можем рассматривать SVG в качестве независимого модуля, который инкапсулирует CSS для настройки представления, а также адаптивного поведения, которое также инкапсулирует JavaScript для логики взаимодействия.

Теперь давайте более подробно рассмотрим эту технику.

Читать далее

Подробный анализ Пользовательских элементов.

Gorillas are great apes... Look, it was either this or a screenshot of some JavaScript.

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

Веб-компоненты представляют собой набор взаимосвязанных технологий, направленных на создание элементов, пригодных для многократного использования в интернете. Большая часть обсуждений была связана с Shadow DOM. Однако наиболее функциональной технологией пакетирования являются Пользовательские элементы (Custom Elements). Данный метод связан с использованием ваших собственных элементов, с их специфическим поведением и свойствами.

Читать далее

Обои для рабочего стола Календари: Март 2014

Ides of March

Мы всегда стараемся, чтобы сразиться со своими артистическими способностями и производить некоторые интересные, красивые и творческие произведения искусства.
Читать далее

Организация вложенного контента в адаптивном дизайне.

Video breaks the layout in a responsive website on iPhone

Некоторые HTML элементы не могут функционировать в адаптивных шаблонах. Одним из таких элементов является хорошо известный вам iframe, который многие из вас наверняка использовали при вставке контента с внешних источников, например, таких как YouTube.

В этой статье мы расскажем вам о том, как организовать адаптивный вложенный контент с помощью CSS. Этот контент, например, видео и календари, сможет изменять свой размер в зависимости от области отображения браузера. Для тех случаев, когда размещением видео на вашем веб-сайте будет заниматься человек, который не знаком с написанием и отладкой текстов программ, и если вы не хотите доверять ему организацию дополнительной разметки, вместо CSS мы рассмотрим решения, которые основаны на JavaScript.

Читать далее

Откажитесь от заезженных холстов: исследование потенциала шаблонов, анимированных в стиле off-canvas.

dragon-map-final

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

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

Читать далее

WordPress: как все началось и чего стоит ожидать в будущем.

Matt Mullenweg at The Summit in Dublin, October 2013

2013 год стал для меня крайне насыщенным в плане проведения конференций и различных поездок.

В этом году я также присутствовал на своем первом (и втором) WordCamp. Первым был проходивший в июле WordCamp UK, где я встретился с Майком Литтлом (Mike Little), одним из двух соучредителей WordPress. Спустя три месяца, мне выпала честь встретиться с другим соучредителем, Мэттом Мулленвегом (Matt Mullenweg). В течение трех недель нам довелось встретиться дважды: на WordCamp Europe в Лейдене и на Summit. Мне невероятно повезло и я смог взять интервью у Мэтта и Майка, которое и стало основой данной публикации. Наша беседа касалась WordPress, в том числе его истории, сообщества и будущего.
Читать далее