Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю № 73 (1—7 сентября 2013)

Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.

Веб-разработка

• HTML5 и drag & drop нескольких объектов
• Математика в картинках
• Сравнение и противопоставление ins, del и s
• DevTools Snippets — коллекция сниппетов для использования в Chrome DevTools
• 3D в браузере: WebGL против CSS 3D Transforms
• HowToCode.io: работа со шрифтами (видео)
• Sliding Horizontal Layout
• Internationalization API tips and tricks
• Детальная шпаргалка с информацией о favicon
• Техника Progressive Enhancement все еще быстра и актуальна, хотя есть и противоположное мнение
• Custom Elements — галерея веб-компонентов (созданных с использованием Polymer)
• ChocolateChip-UI — фреймворк для создания мобильных веб-приложений выглядящих нативно в iOS7, Android Jelly Bean и Windows Phone
• uikit — обзор относительно нового фронтенд-фреймворка
• frontify — движок для веб-спецификаций, позволяющий интерактивно описывать элементы дизайна и генерировать стайл-гайды для фронтенда
• Bootstrap Grid Builder — для построения сетки под Bootstrap 3
• Сравнение производительности компонентов Bootstrap от версии к версии и объяснение как это делалось
• О реализации многоточия в тексте
• Интервью с Lea Verou
• Авторитетному журнал «Smashing Magazine» исполнилось 7 лет

CSS

• Полное руководство по Flexbox
• -ms-filter, порождающий баги. Будьте бдительны
• Оформление гиперссылок — не всё так просто!
• Начинаем писать CSS — интересная обзорная статья с введением понятия OrganicCSS
• Развлекаемся с SASS и иконочным шрифтом
• Designing For Emotion With Hover Effects
• Master of the :nth-child
• Create CSS3 — удобный генератор CSS3-сниппетов
• Использование нативных переменных в CSS3
• Объемная кнопка на CSS3
• Анимация пинг-понга на CSS3
• Рейтинговые звездочки на CSS3

JavaScripts

• Дэйв Мэтвин: jQuery создают личности
• Релиз Ember.js 1.0
• Начинаем работать с Grunt
• Pen Editor — редактируем контент находясь на странице, Grande.js — похожий редактор но с меньшим набором опций
• dsjslib — коллекция стуктур данных и утилит (написано на Node.js)
• hopscotch — фреймворк для создания гайд-тура по странице
• jTap — событие клика для сенсорных устройств
• favico.js — добавление ярлыков, картинок и анимации к favicon
• heapbox — очередная замена стандартному <select> компоненту
• Трансформация изображений от движения мыши и тач-событий
• JSModeler — JavaScript-фреймворк для создания и визуализации 3D моделей
• Physics«R»us — физический 2D движок
• Bobun — backbone-библиотека ориентированная на UI
• Backbone Eye — дополнение к Firebug для отладки backbone-приложений
• Ember Inspector — дополнение к Chrome для отладки ember-приложений
• Визуализация процессов JavaScript во времени с помощью DevTools Flame Charts

Браузеры

• Самые популярные браузеры Восточной Европы
• Юбилей Google Chrome — 5 лет
• Epic Browser: защищённый браузер на базе Chromium
• THEHKING: Firefox vs Chrome

Веб-инструменты

• Prototypo — разрабатываемый сервис для создания собственных шрифтов
• compileonline.com — компиляция кода практически любого языка
• Embed Responsively — делает адаптивными сторонние компоненты (YouTube/Vimeo/Dailymotion видео и прочее)
• Compressnow — компрессор изображений с некоторыми настройками

Новости

• Nokia + Microsoft = ?:
  
  • Microsoft покупает подразделение Nokia Devices & Services на $1,5 млрд дешевле, чем купила Skype. Прощай, Nokia – да здравствует Microsoft – смерть бывшей легенды
  • Microsoft рассказала об успехах сотрудничества с Nokia, подробностях сделки и своих планах, а Балмер подтвердил, что Элоп является кандидатом на пост главы Microsoft
  • Смартфонов Nokia больше не будет
  • I Nokia. Моя история самого любимого бренда в жизни, История Nokia (1865–2013), 10 культовых моделей Nokia
  • Как все было на самом деле, а также визуализация процесса
  
  
• Samsung:
  
  • Samsung представила новые устройства на IFA 2013 , подробный обзор презентации
  • Samsung Galaxy Gear своими глазами: будущее уже наступило, Взгляд на Samsung Galaxy Gear – это вам не Montana!, стартовые приложения
  • Samsung Galaxy Note 3 , Samsung Galaxy Note 3 своими глазами
  • Все новые продукты SAMSUNG за 4 минуты
  
  
• KitKat:
  
  • Google Android 4.4 получит кодовое имя KitKat
  • Официальная креативная страничка Android KitKat от команды Android
  • Не менее креативная страничка KitKat 4.4 от батончика
  • KitKat, или Как закон тривиальности Паркинсона помогает выживать ИТ-прессе
  • Забавный, но вполне реальный прогноз по поводу будущих версий Андроида
  • Троллинг Nokia по этому поводу
  
  
• Корпорации:
  
  • Apple разослала приглашения на презентацию 10 сентября
  • Компания Kodak снова на плаву, уже не банкрот
  • Новый логотип Yahoo!
  
  
• Сноуден пролил свет на ситуацию со взломом криптографии. Все плохо
• Amazon анонсировал Kindle Paperwhite образца 2013 года
• Qualcomm Toq — правильные «умные» часы, Sony SmartWatch 2 поступят в продажу к концу сентября, и 10 умных часов не хуже Samsung Galaxy Gear
• Sky начала трансляции футбольных матчей в формате 4К
• Google провела виртуальную симуляцию перемещения шаров в стратосфере для проекта Loon
• Google готовится к противостоянию на рынке оборудования
• Основатель файлообменного сервиса Megaupload Ким Дотком (Kim Dotcom) объявил о скором запуске собственной политической партии в Новой Зеландии
• Windows 8 набирает вес на рынке настольных ОС, а Windows Phone 8 получит новый режим размещения плиток на экранах 1080p
• В сервисе Яндекс.Перевод появилось 14 новых языков, теперь сервис владеет 33-мя языками
• Bing запустил полностью обновлённый поиск по видео

Демо

• HelloRun — игра на WebGL
• Все здания Голландии на одной карте
• Симуляция живой молнии на канвасе
• Классные эффекты и демки, которые можно использовать в веб-дизайне

Сайты с интересным дизайном и функциональностью

• Сайты с горизонтальной прокруткой
• bienvillecapital.com — приятный адаптивный сайт
• wearemovingthings.com — симпатичный адаптивный сайт с удачными вкраплениями легкой анимации
• Info-Quest — из тех сайтов, которые расскажут вам историю
• fillet.com.br — сайт с обильным использованием эффектов параллакс-анимации

Дизайн

• Adobe Systems предлагает подписку на Photoshop и Lightroom вдвое дешевле
• Web-дизайн 2013: традиции, новшества, основы
• Интервью с иллюстратором Варей Колесниковой
• Гражданский шрифт и кириллический Киш — очерк об истории гражданского шрифта и создании современного кириллического шрифта с учётом исторических форм
• «Тёмные схемы»: как интерфейсы веб-сайтов заставляют нас делать то, чего мы не хотим
• Дизайн-выходные в Абрау-Дюрсо
• Победитель 30-дневного конкурса Yahoo по отбору логотипа, и наконец представила новый логотип
• Идеи для нестандартной навигации по сайту
• Большое количество материалов и образцов для работы с плоским дизайном
• Вдохновляющие и креативные контактные формы
• Красивые сайты в дизайне которых используется изображение воды
• Vibrance — разбираемся с настройками корректирующего слоя в фотошопе
• Лучшие уроки по Adobe Illustrator за август 2013
• Лучшие уроки по фотошопу за август 2013
• Урок по фотошопу: добавление дождя в фотографию
• Логотипы: Вдохновляющие лого, логотипы с изображением зонта
• Кнопка, ведущая в никуда — простой способ проверить востребованность фичи до ее реализации
• Помимо плоского — различия в дизайне компонентов OS мобильных устройств
• Mobile Design Kit

Подборка бесплатных дизайнерских печенек

• Полезные кисти для дизайнеров
• Исходники: PSD с UI фреймворка Bootstrap 3.0, шаблоны PSD с изображениями iMac, iPhone, iPad, Mobile Design Kit — 15 макетов популярных устройств в PSD-шках, шаблоны PSD с инфографикой, Flat / Skeuomorphic UI набор
• Иконки: пять десятков наборов с контурными иконками, контурные иконки в стиле iOS7, набор контурных иконок Streamline, Ballicons — набор круглых и плоских иконок, FitFlat — небольшой набор плоских иконок, наборы, содержащие плоские иконки социальных сетей, в том числе с длинными тенями, десяток наборов иконок с длинными тенями
• Шрифты: South Rose — декоративный шрифт с засечками, SANOTRA — выразительный декоративный шрифт

Занимательное

• 15 малоизвестных фактов про Google
• Индийское правительство собирается запретить чиновником использовать Gmail
• Конец света от LG
• История развития связи
• Определите язык на слух
• Краткая история Skype: к десятилетию революционного сервиса
• NASA намерена начать в 2020 году 3D-печать конструкций в космосе
• Программисты: русские, индусы, китайцы и канадцы (старая, но актуальная статья)
• О преимуществах собеседования в Google Glass
• Кошмар веб-разработчика (видео)
• Nymi — устройство, позволяющее авторизировать вас для различных систем, путем перевода в код, биометрических параметров вашего уникального сердцебиения

Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin