Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
На подходящей к концу рабочей неделе новости особенно активно поступали из стана Фейсбука.
В поле зрения социальной сети №1 в настоящее время находится стремительно растущая аудитория пользователей мобильных устройств. Дабы включиться в игру за столь привлекательный рынок, компания Facebook планирует всерьез заняться производством телефонов под собственной маркой
На каждом смартфоне есть дефолтный браузер. Какой же путь выберет Facebook для своего смартфона — написать с нуля собственный браузер или же купить вечно молодой браузер Opera с его впечатляющими процентами популярности — видимо над этим ломают сейчас голову в компании Цукерберга.
Помпезный выход Facebook на IPO сопровождался неоднозначными фактами. А последующее последовательное падение стоимости акций компании, даже стало причиной откладывания выхода на рынок ценных бумаг ВКонтакте.
Если вы сомневаетесь в факте глубины, то можете лично проверить как ее, так и свою выдержку и терпение.
Понятие юзабилити с течением истории менялось и существенно отличалось от текущих разработок и подходов. Во время военных действий прошлого столетия юзабилити в основном использовалось для создания совершенного и удобного оружия, в то время как сейчас, по большей части, этим занимаются промышленные дизайнеры и дизайнеры всевозможных интерфейсов.
Насколько ваш сайт быстро загружается, насколько хорошо он прооптимизирован, что можно улучшить и от чего следует отказаться? — на эти вопросы могут дать ответы результаты анализа нескольких популярных сервисов.
Адаптивный дизайн сейчас довольно популярный тренд, уже ставший причиной неоднозначных мнений о его предпочтении при использовании альтернативной мобильной версии сайта. Для реализации сайтов с таким дизайном необходима смекалка и набор полезных инструментов.
Ссылка на дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin
На подходящей к концу рабочей неделе новости особенно активно поступали из стана Фейсбука.
Горячая семерка
Facebook возвращается к разработке собственного смартфона |
Слухи о возможной покупке Оперы гигантами IT, и в частности, Фейсбуком. |
Акции Facebook упали до рекордной отметки |
thedeepestsite.com — Borjomi представляет «самый глубокий сайт в мире» |
История юзабилити от Smashing Magazine, от простого к сложному или как все начиналось |
Онлайн-инструменты для тестирования скорости загрузки сайтов |
Сборник инструментов, помогающий в реализации адаптивного дизайна |
Разработка
- Video + canvas = волшебство
- Как вставлять изображения под Retina дисплеи в адаптивный дизайн.
- Спецсимволы HTML + знаки валют.
- Реальная и куда более серьезная проблема реализации нескольких версий изображений для адаптивного дизайна, возникающая при использовании как предлагаемого тэга <picture> так и атрибута @srcset.
- Небольшой сборник инструментов помогающий в реализации адаптивного дизайна.
- Источники полезных для веб-разработчиков сниппетов.
- Использование polyClip.js для создания обтравленных изображений из JPG-картинки, подобных PNG с полупрозрачностью.
CSS
- Подробнее о свойстве Clip.
- Анимированный 3D диаграмма на CSS3.
- Текущий срез спецификации описывающей свойство CSS3 Flex Box.
- Интересное предложение от Криса Койера об использовании фавиконок перед ссылками на внешние сайты.
- В CSS4 media queries улучшится поддержка устройств с тачскрином.
- Новости от команды Adobe предлагающей внести в стандарты поддержку режимов наложения, пока существующих только в Photoshop-е и реализациях на JavaScript с использованием canvas, а так же compositing (различные режимы пересечения).
JavaScripts
- Superscrollorama — новая версия всем известного плагина для создания разнообразных эффектов, завязанных на скроллинге страницы.
- jQuery Image Slider плагин.
- Responsive Tables — полезный плагин, для случаев, когда таблицы также нуждаются в адаптивности.
- Cover Flow — jQuery-плагин имитирующий работу 3D интерфейса используемого в продуктах Apple
- Chronoline.js — создание горизонтальной шкалы времени с хронологическим отображением событий.
Сервисы
- Mothereffinganimatedgif — генерируем анимированную гифку.
- c2c.briangonzalez.org — конвертируем compass-код в стандартный css.
- 8 онлайн-инструментов для тестирования скорости загрузки сайтов.
- Infogr.am's попробуй этот сервис и поймешь, что еще никогда создание инфографики не было столь простым!
Браузеры
Новости
- Facebook возвращается к разработке собственного смартфона
- Smashing Magazine отказался от кнопки Like ради более быстрой прогрузки страниц
- Самый дорогой бренд в мире — Apple
- Слухи о возможной покупке Оперы гигантами IT, и в частности, Фейсбуком. В результате цены на акции Opera резко подскочили в цене
- Google теперь индексирует и JavaScript!
- Microsoft идет на попятную, оказывается Metro-версия IE может получить ограниченную поддержку Adobe Flash
- Яндекс отснял стадионы принимающие игры Евро 2012 в Украине
- Не успели пользователи привыкнуть к новому виду своей страницы, как Facebook уже тестирует обновленный интерфейс Timeline.
- Судя по слухам в ближайшее время грядет очередная крупная покупка социального гиганта — Facebook собирается приобрести сервис распознавания лиц Face.com.
- Очередной ход маркетологов — Windows 8 загружается слишком быстро?
- Первые скриншоты картографического сервиса от Apple который возможно будет запущен в ближайшие месяцы.
Сайты с интересным дизайном и функциональностью
- thedeepestsite.com — Borjomi представляет самый глубокий сайт в мире.
- theamazingspidermangame — почувствуй себя челпуком на этом сайте.
- www.k2.pl — полноэкранный резиновый сайт с нестандартной навигацией.
- julienrenvoye.com — сайт с плавной предзагрузкой контента и страниц и нестандартной навигацией.
- kashoo.co.uk — стандартный одностраничный сайт с нестандартным поведением навигации.
- poncho8.com — найдите свою траекторию на этом сайте с огромным canvas-контейнером.
- urbangap.com — сайт для тех, кто соскучился по Space Invaders.
- hmrservis.cz — нестандартный со всех сторон сайт.
- evoenergy.co.uk — сайт-инфографика с динамическими объектами.
- Сайты, нарисованные от руки .
- 360langstrasse.sf.tv/page — cайт позволяющий очутиться прямо на улице города и побывать в ближайших заведениях.
Дизайн
- В Illustrator-е можно с помощью шрифта FF Chartwell от Travis Kochel делать вполне недурственные графики!
- История юзабилити от Smashing Magazine, от простого к сложному или как все начиналось
- Краткий курс по анатомии типографики
- Красочные дизайны портфолио.
- Три десятка пиксельных иллюстраций сделанных… в Microsoft Excel!.
- О том, как надо правильно рисовать скругленные уголки и почему надо делать именно так.
- Четыре десятка логотипов с использованием четырех основных элементов стихии — земли, воды, огня и воздуха.
- Первая десятка лучших логотипов Австралии.
- Подборка корабельных логотипов.
- Свадебные приглашения с оригинальным дизайном.
Подборка бесплатных дизайнерских печенек
- Слойка PSD с шаблоном главной страницы веб-дизайнерской компании с нарезкой из HTML/CSS/JavaScript кода.
- Слоеные исходники дюжины шаблонов современного веб-дизайна.
- Исходник PSD фотореалистичных обоев размером 5333 на 3000 пикселей.
- Огромная коллекция из 4250 текстур.
- Евро 2012 еще не началось, а дизайнеры уже выпускают футбольные иконки социальных сервисов.
- Два десятка современных шрифтов без засечек — от Bedizen до Caviar Dreams.
- Почти две дюжины лаконичных шрифтов (Bebas Neue, St. Marie, Piximisa …).
- Исходники тридцати визиток на любой вкус — с QR-кодом, полупрозрачные, с фоновыми текстурами и пятнами краски.
- Четыре десятка упаковок с текстурами материалов, поверхностей и даже комиксов!
Занимательное
- Питерский «ПроМТ» вступил в борьбу с Google за логотип.
- Мини-эксперимент: Влияние тегов выделений, перелинковки и анкоров ссылок на поиск в Google.
- «МТС» запустил в Киеве, Львове и Донецке «дополненную реальность».
- Глава Microsoft обзавелся 80-дюймовым планшетом.
- В российский «экран из тумана» вложили миллион долларов.
- LG показала сверхчеткий экран для мобильных устройств. На каждый дюйм дисплея приходится 440 пикселей. Для сравнения: у экрана смартфона Samsung Galaxy S III плотность пикселей составляет 306, а у iPhone 4S — 326 штук на дюйм. Диагональ экрана у смартфона Samsung равна 4,8 дюйма, а у iPhone — 3,5 дюйма.
Развлечения
- Лучшие работы, созданные с помощью синтезаторного дудла от Google.
- Главная проблема с дудлами.
- Новый хит Брюса Лоусона.
- Поучительная история о том, как Pixar чуть не потеряла Toy Story 2 из-за плохого бекапа.
Ссылка на дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin