Адаптивные изображения – это одни из наиболее сложных объектов, с которыми у разработчиков возникает больше всего проблем.
Читать далее
Автоматизация адаптивных изображений с помощью Mobify.js.
Архив метки: редакторский перевод
Интеллектуальные переходы в UX дизайне.
Некоторые веб-сайты всегда превосходят другие, будь то по количеству контента, удобству пользования, дизайну, функциональности и так далее. Именно использование на современных веб-сайтах уникальных элементов дизайна и анимации привело к появлению фундаментальных различий. Мы рассмотрим основные уроки, полученные при создании различных моделей, и постараемся проанализировать, почему эти простые шаблоны так хорошо работают.
Когда мы создаем цифровые продукты, мы зачастую используем специализированные приложения для проектирования, такие как, например Photoshop и Sketch. Большинство людей, которые достаточно долго работают в этой сфере, наверняка знают, что дизайн – это нечто большее, чем просто визуальное представление. Тем не менее, многие по-прежнему продолжают создавать статический дизайн. Стив Джобс сказал о дизайне такую фразу:
Анализ лучших методов CSS.
Примечание редактора: данная статья описывает методы, которые реально используются в практической деятельности Yahoo! и вопросы, касающиеся методики кодирования. Вам наверняка будет интересно познакомиться с работой Джонатана Снука «Отделение HTML от CSS» и работой Робина Рендла «Элементарный дизайн с Sass». Пожалуйста, имейте в виду: некоторые из описанных методов не считаются наиболее передовой практикой — Ред.
Лучшее из двух миров: смешивание HTML5 и собственного кода.
В последнее время было написано множество публикаций и проведено множество обсуждений касательно различий между собственными (программа, написанная для конкретного типа процессоров, в отличие от аппаратно-независимого промежуточного кода) и HTML5 приложениями. На данный момент существует три основных пути развития мобильных решений:
- собственный код,
- гибридные мобильные приложения,
- мобильные веб-приложения.
Разработка приложения в HTML5 – это в первую очередь возможность создания универсального для нескольких платформ кода, вместо того, чтобы создавать все приложение с нуля для каждой платформы. Таким образом, пользовательский интерфейс, а может быть и весь интерфейс в целом, будет сделан в HTML.
Планирование событий с помощью WordPress Cron.
Не знаю как у вас, но у меня каждое утро появляется, по крайней мере, 10 писем, которых не было, когда я шел спать. Многие из вас, наверняка, знают, что эти письма рассылаются вовсе не лишенными сна людьми или попивающими кофе стажерами. Многие люди не понимают, что существуют специализированные системы, которые автоматизируют задачи, такие как рассылка писем по электронной почте.
Читать далее
Важность шрифта: анализ веб-сайтов с правильно подобранными типами шрифтов.
В этой статье, мы проведем анализ нескольких тщательно отобранных сайтов с хорошим веб-дизайном, которые заставят вас поразмыслить о роли шрифтов. Нужно отметить, что на этих веб-сайтах также присутствуют довольно интересные примеры интерактивных взаимодействий; однако, выбранный шрифт, типографская стилизация и интервалы — вот основные причины, по которым мы выбрали эти сайты для нашей статьи. В контексте типографики также очень важно рассмотреть состав и структуру сетки.
Почему сеточная структура и состав имеют решающее значение для типографики.
Состав и структура сетки являются жизненно важными факторами в построении эффективной коммуникации со шрифтом. В своей книге Thinking with Type (Размышляя над шрифтом), Эллен Люптон дает всестороннее объяснение преимущества работы с сеткой. Прежде всего она акцентирует внимание на гибкости сеток, на том, что сетки очень часто используются в интегрированных шрифтах и изображениях, и как они могут организовать сложную иерархию.
Продуманные и эффективные стратегии для проведения проектных маркетинговых кампаний.
С тех пор как я начал заниматься веб-дизайном, я не перестаю удивляться всем тем мелочам, которые оказывают большое влияние на проект.
Это одна из причин того, почему я начал сбор информации и ведение блога о незначительных на первый взгляд деталях, которые могут каким-то образом помочь другим разработчикам увеличить количество посетителей. Одной из наиболее популярных тем является создание и запуск целевых страниц, а также разработка стратегии, которая позволяет создателям расширить посещаемость своих веб-сайтов. Такая популярность подтолкнула Smashing Magazine к созданию публикации под названием «Элементы рекламной страницы».
Читать далее
Как организовать пересылку файла из клиентского компьютера на сервер (исследование конкретного случая).
Однажды я обнаружил, что для разработки API (программный интерфейс приложения) необходимо загружать файлы от клиента на сервер. Я работаю на русский почтовый провайдер Mail.ru и мне приходится иметь дело со всеми аспектами JavaScript. Основной особенностью любого почтового веб-сервиса конечно же является возможность присоединения файла к электронному письму.
Mail.ru не является исключением: мы используем Flash Uploader, который довольно хорошо себя зарекомендовал, но все же иногда возникают некоторые проблемы. В структуру этого загрузчика входит HTML разметка, графика, бизнес-логика и даже локализация. Все эти компоненты сделали загрузчик довольно функциональным, но в то же время чрезмерно раздутым. Кроме того, любые изменения может вносить только Flash разработчик. Мы поняли, что существует необходимость создать что-то новое и необычное. В данной статье рассматриваются все наши шаги в создании того, что мы считаем лучшим инструментом для работы.
Создание онлайн приложений для Windows 8, часть 2: работа с сервером.
В первой части этой серии мы создали отвечающее всем требованиям онлайн приложение для Windows 8 и проверили его работоспособность. Во второй и последней части мы сосредоточим все внимание на работе с сервером и контентом. Мы будем рассматривать механизм добавления статей с помощью приложения, изучим протокол транспортного уровня и создадим живой контент хост.
В итоге у вас появится отличная система управления контентом на бесплатном хостинге, где вы сможете публиковать и корректировать статьи. При этом наше приложение, основанное на HTML5, практически будет готово к размещению на Windows Store.
Создание эскизов от руки: вещи, которых вы не знали о непроизвольных рисунках.
Вы считаете, что создание эскизов от руки – это нечто ностальгическое? Как бумажный лист может не отличаться от экрана, особенно когда аппаратное обеспечение становится все более и более сложным? Действительно ли стоит улучшать свои навыки рисования эскизов, когда высокотехнологичное программное обеспечение развивается каждый день? Что можно сделать с помощью карандаша?
В наши дни к ручному созданию эскизов сложилось противоречивое отношение. Некоторые люди даже не могут смириться с мыслью о том, что свои идеи можно выразить на бумаге, потому что они не умеют рисовать. Другие же люди не могут представить свою творческую деятельность без использования созданных от руки эскизов. Независимо от того любят эскизы или ненавидят, они представляют собой нечто большее, чем просто школьный альбом с рисунками.