Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
![](https://habrastorage.org/r/w780q1/storage3/ab5/aa2/f34/ab5aa2f346a096f428960de6564136f6.jpg)
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin
![](https://habrastorage.org/storage3/ab5/aa2/f34/ab5aa2f346a096f428960de6564136f6.jpg)
Веб-разработка
- 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 минуты
- Samsung представила новые устройства на IFA 2013
- KitKat:
- Google Android 4.4 получит кодовое имя KitKat
- Официальная креативная страничка Android KitKat от команды Android
- Не менее креативная страничка KitKat 4.4 от батончика
- KitKat, или Как закон тривиальности Паркинсона помогает выживать ИТ-прессе
Забавный, но вполне реальный прогноз по поводу будущих версий Андроида
Троллинг Nokia по этому поводу
- Корпорации:
- Apple разослала приглашения на презентацию 10 сентября
- Компания Kodak снова на плаву, уже не банкрот
- Новый логотип Yahoo!
- Apple разослала приглашения на презентацию 10 сентября
- Сноуден пролил свет на ситуацию со взломом криптографии. Все плохо
- 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
Только зарегистрированные пользователи могут участвовать в опросе. Войдите, пожалуйста.
Проголосуйте пожалуйста за интересные вам разделы, чтобы мы сделали соответствующие выводы
72.77% Веб-разработка596
54.82% CSS449
61.29% JS502
57.51% Веб-инструменты471
45.05% Новости IT369
32.97% Браузеры270
32.72% Сайты с интересным дизайном и функциональностью268
36.87% Дизайн302
33.82% Подборка бесплатных дизайнерских печенек277
30.04% Демо246
43.1% Занимательное353
1.71% Все не так, укажу в комментах, как надо14
Проголосовали 819 пользователей. Воздержались 89 пользователей.