Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
В Санкт-Петербурге были подведены итоги Imagine Cup 2013: победителями стали команды Великобритании, Австрии и Португалии. О самых интересных проектах конкурса можно почитать здесь
При верстке адаптивного сайта, далеко не самую последнюю роль стоит уделять изображениям на нем, так как (не)правильно выбранное решение может сыграть существенную роль в его будущем. О техниках, решениях и подводных камнях можно прочесть в этой статье 
В этом нам поможет cписок ресурсов на тему WebRTC и Web Audio, cписок ресурсов для фронт-енд разработки, а также сайт с говорящим названием shit for making websites.
Встречайте анимированные сферические объекты на CSS — CSS Balls, а также Анимированные 3D-молекулы с этой же техникой . Кроме того, еще один занимательный концепт — Анимация книг с помощью CSS 3D Transforms
App Store исполнилось пять лет, и вот самые популярные iOS-игры за это время. Почему пятилетие App Store — важная дата, а также о Десятилетии iTunes Store: удивительной истории успеха
Современные веб-технологии становятся все мощнее. В этом можно убедиться после прочтения статьи о API для устройств в современном вебе . Также, разработчики Firefox рапортуют о внедрении Web Audio API , что само по себе очень перспективно . Также, можно почитать о HTML5 History API и Fullscreen API
Наверное, как минимум раз в жизни дизайнер слышит от заказчика эту фразу, и каждый решает эту задачу по-своему. В помощь предлагаем статью об Инструментах для комбинирования шрифтов , а также сервис tiff — онлайн-инструмент для точного сравнения визуальных отличий между шрифтами
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin
Горячая семерка
 |
Imagine Cup 2013 |
 |
Выбор решения для адаптивных изображений |
 |
Обновляем закладки |
 |
CSS-магия недели |
. Кроме того, еще один занимательный концепт — Анимация книг с помощью CSS 3D Transforms  |
Юбилей App Store |
 |
Свежие API |
. Также, разработчики Firefox рапортуют о внедрении Web Audio API , что само по себе очень перспективно . Также, можно почитать о HTML5 History API и Fullscreen API  |
«Поиграй со шрифтами» |
, а также сервис tiff — онлайн-инструмент для точного сравнения визуальных отличий между шрифтами 
Веб-разработка
- Немного на тему разработки веб-архивов
- Разметка для подзаголовков
- Выбор решения для адаптивных изображений
- Список ресурсов на тему WebRTC и Web Audio
- Список ресурсов для фронт-енд разработки
- shit for making websites.
- API для устройств в современном вебе
- Web Audio API comes to Firefox
- HTML5 History API: A Syntax Primer
- Еще раз о Fullscreen API
- 5 шаблонов дизайна для HTML5 и ARIA
- Ловушки, которые стоит избегать при подготовке технических презентаций
- 9 знаков того, что вам не стоит нанимать этого веб-разработчика
- The Making of Face to GIF
- Гайд для начинающего WP-разработчика
- Переключение на HiRes изображения для Fullscreen в вебе
- Новые инструменты для веб-дизайна и разработки за июнь 2013
- Web platform technologies in Safari 6.1 and 7
- Презентация «Compatibility via Modernizr»
- О важности слов в вебе
- Веб-личности: Lea Verou покидает W3C , Интервью с Addy Osmani (Google)
CSS
- Оптимизация картинок поворотом
- Изменение размеров веб-компонентов путем внедрения «троянского коня» в CSS-правила
- Tricky CSS — небольшой тест на знание работы селекторов в CSS
- Высота, пропорциональная ширине, на чистом CSS
- Шары на CSS, Анимированные 3D-молекулы
- Использование кастомных Data-атрибутов и псевдо-элементов
- Анимация книг с помощью CSS 3D Transforms
- Совет для лучшего скругления уголков
- almanac — новый раздел на css-tricks
- csscheckbox — стилизация чекбоксов чистым CSS
- Подизайнить гиперссылку — не так просто, как вы думаете
- Делаем полосатый фон с помощью градиентов (и Sass Function)
- Погружение в презентацию о Sass
- CSS Custom Filters
- Введение в CSS regions от разработчика Opera
- Концепт «extend» в препроцессорах
- Верстка шаблона писем 80го левела
JavaScripts
- voyeur.js — библиотека для выборок и манипуляций с DOM-деревом
- ElementTransitions.js — js-библиотека для добавления анимации к элементам сайта
- voodoojs — новый фреймворк, позволяющий делать эффектное совмещение 2D и 3D содержания
- Основы AngularJS за 60 минут (видео), точнее за 1 ч. 10 мин.
- FastClick — библиотека для устранения 300ms задержки между физическим касанием мобильного устройства и появлением события click в мобильном браузере
- TreeModel — манипуляции с древовидными структурами
- ALighter — анимированная подсветка на jQuery и CSS3
- Презентация по d3.js «D3.JS, Data driven documents.»
- Полезное чтиво о Javascript
Браузеры
- Opera 15 для Android стала меньше и запускается быстрее
- Обзор круглого стола «Будущее браузеров» с Брайаном Раковски
- Ожирение в Сети. Немного личного о тенденциях браузерного развития
- Chromium Digest №5 — Ручной перезапуск браузера и новый стиль панели закладок
- Отчет statcounter на тему «Internet Wars»
Новости
- Imagine Cup 2013: победителями конкурса стали команды Великобритании, Австрии и Португалии, Imagine Cup 2013: самые интересные проекты конкурса
- Google Maps 7.0: большой редизайн и потеря функций
- Google рекомендует использовать nofollow в гостевых постах
- Производители ПК получат Windows 8.1 в конце августа
- Instagram теперь можно EMBED’ить
- Jelly Bean – самая распространенная версия Android
- Microsoft закроет свое онлайн-телевидение
- Анонсировано начало продаж телефонов с Firefox OS в Польше, Германии, Греции и Венгрии
- Количество треков в «Яндекс.Музыке» превысило 10 миллионов
- Яндекс «оживляет» Почту
- Ноутбуки и десктопы продаются всё хуже и хуже
- App Store исполнилось пять лет, и вот самые популярные iOS-игры за это время
- Почему пятилетие App Store — важная дата
- Десятилетие iTunes Store: удивительная история успеха
- Яндекс: россияне слушают Михайлова, Лепса, Нюшу, Ваенгу, Кино, Линкин Парк
- Facebook начал массовое внедрение Graph Search, Не такой, как все: поисковик Graph Search внутри Facebook
Сервисы
- План Dropbox: заменить винчестер и захватить мир
- Экономим время на подключении шрифтов. Год спустя
- Простой онлайн-калькулятор для расчета размеров в адаптивном сайте
- Инструменты для комбинирования шрифтов
- Интерактивное облако музыкальных направлений
- tiff — Инструмент для точного сравнения визуальных отличий между шрифтами
- stylie — онлайн-инструмент для удобной работы с css-анимацией
- media.info — генератор media queries
- Zombie Reader — реанимация архивных записей Google Reader
- Google выпустил сервис создания инфографики для бизнеса
Демо
Сайты с интересным дизайном и функциональностью
- blog.nihilogic.dk — игрушка СуперМарио на фоне сайта (управляется кнопками вверх/вниз/влево/вправо)
- Интерактивный сайт-комикс по мотивам The Walking Dead
- yourtour.withgoogle.com/en/ сайт посвященный самому знаменитому велопробегу, напичканный приятными динамичными эффектами
- adayinbigdata.com минималистичный сайт-самопрезенатция
Дизайн
- Геометрические фигуры в веб-дизайне
- Тренды в веб-дизайне: плоский интерфейс и длинные тени
- Мобильные версии сайтов никому не нужны! (Мнение А. Лебедева)
- Эксперты призывают отказаться от каруселей на сайтах и даже сделали отдельный сайт на эту тему
- Movie FUI — узнайте больше о классных UI из любимых фильмов
- Forecast Font — веб-шрифт для создания многослойных погодных иконок
- Пять книг, которые должен прочитать каждый UI дизайнер
- Десять способов улучшить юзабилити вашего сайта
- Тренд дизайна: длинные тени
- Концепты редизайнов сервисов Google
- Веб-дизайны в которых используются пейзажные фото
- Полноэкранные фоновые фото-изображения в веб дизайне: советы и примеры
- Четыре с половиной десятка уроков по InDesign
- Альтернативы Adobe InDesign
- Лого: потрясающие логотипы, в которых используются изображения животных, лого с изображением шляп, креативные логотипы, созданные для дантистов
Подборка бесплатных дизайнерских печенек
- Бесплатные плоские иконки
- Наборы UI с плоским дизайном
- Retinize It — action для фотошопа для нарезки изображений под экраны повышенной плотности
- Исходники: бумага с несколькими эффектами загнутого листа, Небольшая солянка из исходников, UI, иконок и текстур, наборы UI и UI-компонентов в PSD формате, более полусотни визиток, UI переключателей всевозможных видов
- Текстуры: детальные текстуры песка
- Шрифты: пять с половиной ресурсов, где можно раздобыть бесплатные шрифты, два с половиной десятка шрифтов для вашего дежурного набора: от декоративного ELECTRO, до массивного COMIC SERIF PRO
- Иконки: Flat but not flat — небольшой набор социальных иконок
Занимательное
- Эпическое приключение тикета о двух полосках
- CEO Adblock Plus Тилль Фаида: «Пользователи сами решают, какую рекламу мы будем показывать»
- Криптовалюты + Tor. Темная сторона Интернета
- 79% покупателей доверяют онлайн-отзывам
- 12 крутых обучающих видео по Веб-аналитике
- DARPA показала почти 2-метрового робота-гуманоида Atlas с недурным «вестибулярным аппаратом»
- Встречайте Младшего Брата: Google Glass и прелести тотального гражданского контроля
- Американские ученые распечатали жидкий металл в 3D
- Samsung поддела фанатов iPhone в своей рекламе (видео)
- В концептуальном видео Samsung показаны смартфоны будущего
- Интернет оказался вторым по важности источником новостей для американцев
- Павел Дуров: Удаление музыки из «ВКонтакте» иногда ведет к спаду ее продаж
- Все о новых продуктах Motorola
- Google vs Bing: на противостояние Microsoft потратила $11 млрд
- Средний возраст разработчиков в технических компаниях
- Стихи в коде
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin
