![](https://habrastorage.org/getpro/habr/post_images/bcb/d80/e41/bcbd80e4157b2c397802aaba94123ebc.png)
Веб-разработка
Еще один подход к разработке: Offline First
Пишем single-page web application framework в 60 строках кода
Верстка писем и email рассылок. Немного магии Gmail
- Новый тег <template>: введение стандарта шаблонизации на стороне клиента
- Зачем нужен word-spacing
Высокопроизводительная анимация в вебе
Создание адаптивных шаблонов писем с помощью нового фреймворка от Zurb: Ink
15 бесплатных API, о которых вы, возможно, не слышали
WebRTC в реальном мире
Обновленное значение элементов blockquote и cite
Адаптивная трансформация табов
Что нового в Unicode 7.0?
Возможные способы организации вашей команды для повышения производительности сайта
In RWD We Trust – является ли это доверие уместным?
Начинаем разбираться с PhoneGap, часть 2
Как добавить мультиязычность на сайт с помощью Canvas and WPML
CODIO (beta) — веб-IDE нового поколения
Pattern Library от MailChimp (аналог Twitter Bootstrap), а также Подсветка синтаксиса кода для писем в MailChimp
Как использовать фоновое видео для создания нужного впечатления, часть 1
Создание HTML5 страницы с полноэкранным фоновым видео
Git Cheatsheet
Смотрим внимательнее на редактор Brackets
The Yeoman Monthly Digest #1
Презентация: A developer's guide to rendering performance
Презентация: How Can HTML Compete with Native?
CSS
Введение в Sass для начинающих
Тонирование изображений с помощью Multiple Backgrounds
Размеры в CSS, а также где и в каких случаях их нужно применять
Редактирование CSS-препроцессоров в Google Chrome
Создание непрямоугольных лейаутов с помощью CSS Shapes
Убийственные отзывчивые лейауты с помощью CSS Regions
CSS препроцессоры и родительские селекторы
A Look Into: CSS4 Image Set
Техники для CSS-оверлея
Адаптивные изображения, сменяющиеся с помощью 3D-эффекта на чистом CSS
CSS Kit для стилизации расширений Chrome
Отображаем доступные (accessibility) элементы с помощью CSS
CSS Stats
RECESS — CSS Hinter от Twitter
Sticky footers, flexbox и IE10
JavaScripts
- Google выпустил Octane 2.0, пакет для тестирования JavaScript-движков
FileAPI — Набор JavaScript инструментов для работы с файлами.
Все, что вам нужно знать про node.js
Введение в Ember.js
Анимация SVG иконок с помощью Snap.svg
Лучшие инструменты для генерации документации по JavaScript (обновлено в ноябре 2013)
Простое создание классных графиков с анимацией с помощью Chart.js
Менее известные директивы Angular.js
Как написать собственный AngularJS, часть 1: Scopes и Digest
Создание игры с эффектом Parallax Scrolling с помощью Pixi.js
Интервью с легендой JavaScript: Kyle Simpson
Фильтры, применяемые к изображением с использованием WebGL
- Плагины:
Ember Charts — библиотека для создания графиков построенная с использованием D3.js и Ember.js
charlie.js — небольшой фреймворк для синхронизации видео и CSS3 анимации
Slideme! довольно мощный плагин для создания слайд-шоу на jQuery
ferroMenu — эффектное меню на jQuery
stickUp — jQuery плагин, прибивающий элемент к верхней части окна браузера, оставляя его видимым при прокрутке
Slippry — адаптивный слайдер на jQuery
Free Wall — создание адаптивных сеток без зазоров
jQuery Watch Plugin — позволяет отследить, когда меняются свойства элемента
Pizza Pie Charts — создание радиальных графиков на SVG
Small.JS — концептуальная статья о модульности JS
Creditcard.js — повышенное удобство формы введения данных кредитной карточки
Браузеры
- Mozilla, OTOY и Autodesk объединили усилия в организации доступа к 3D-приложениям из браузера
Подробнее о браузере в Android 4.4 KitKat: никаких WebGL, WebRTC и WebAudio внутри :(
- Internet Explorer:
- Популярность Internet Explorer продолжает расти
Официальный релиз IE11 для Windows 7
Google прекращает поддержку браузера IE 9
Почему Microsoft Internet Explorer 11 — худшее, что могло случиться с нами
IE11: Compatibility List vs. X-UA-Compatible
Обзор нового Internet Explorer 11от sitepoint zf6c.q4h
Обзор IE11 для Windows 7 от Microsoft
- Из Chrome будет удалена поддержка MathML
- С января 2014 года будет запрещена установка расширений не из Chrome Web Store
- Стали известны подробности о версии Firefox для Windows 8.1
- Начало бета-тестирования Firefox 26 и создание aurora-ветки Firefox 27
Firefox 27 Aurora Dev Tools — добавлены средства редактирования HTML и другие плюшки
- Секретный код в Opera 19 Dev
Веб-инструменты
typesetwith.me — тестирование типографики в браузере
typecast — Google представила особое приложение для экспериментов со шрифтами
Daturi — конвертация изображений в base64-код
Favicon Generator
GlyphSearch — поиск иконок в наборах Font Awesome, Glyphicons и Ionicons
Полезные инструменты для тестирования и создания прототипов либо сниппетов
EasyOpenData (alpha) — создание Open Data feed
Новости
- Valve поделилась новыми подробностями о Steam Machine, Steam Controller и SteamOS, а также 11 фактов о Steam Machine
- Соотношение сил на рынке мобильных операционных систем изменилось
- Facebook обновила дизайн кнопок «Мне нравится» и «Поделиться»
- Twitter оценили в $14,2 млрд, По итогам торгов стоимость акций Twitter выросла на 73% относительно IPO.
- Bing и Twitter продлили поисковое сотрудничество
- Samsung удвоит разрешение экранов в смартфонах образца 2014 года
- Jelly Bean замечен на половине Android-девайсов
- Крупнейшие производители ноутбуков показали спад
- В Microsoft Store насчитывается более 125 тысяч приложений для Windows 8.1
Сайты с интересным дизайном и функциональностью
- 20 сайтов, которые хочется потрогать
Спец-страница theguardian.com: NSA files decoded: Edward Snowden's surveillance revelations explained
Более двух десятков сайтов с адаптивной навигацией
Интересные тренды в веб-дизайне: вертикально разделенные лейауты
Использование прозрачности на сайтах
kocha.com.au — минималистичное портфолио графического дизайнера
ownerlistens.com — сайт с легкими вкраплениями анимации
knocktounlock.com — отличная интеграция видео в интерфейс сайта
fixate.it — креативный подход к оформлению сайта
intromusique.ca — минимализм, параллакс и немного анимации
Дизайн
- Пять простых способов испортить логотип
- Лого известных брендов переделали в стиле блэк-метал
- Примеры визиток фотографов
- Открытое проектирование: опыт веб-дизайнера
- 20 примеров иллюстраций в веб-дизайне
Tesla ломает представления об UX: интервью с Brennan Boblett — менеджером по UI
Лучшие уроки по фотошопу за октябрь 2013
Креативные и веселые страницы с ошибкой 404 для вдохновения
Вдохновляющие примеры сайтов использующих текстуры
Основные принципы теории цвета в веб-дизайне
We Love Icon Fonts — сборник иконочных шрифтов
Примеры плоского дизайн (сайты и ресурсы)
Интервью с иллюстратором Andreas Preis
Как создавать геометрический фон в Photoshop
Десять вещей которые вы должны знать при работе с вектором в фотошопе
Коллекция UI под iOS7
Оптимизация процесса создания дизайан с помощью расширений Adobe Fireworks
Блог Mobile Design Inspiration
Подборка бесплатных дизайнерских печенек
- 20 бесплатных декоративных шрифтов
Полтора десятка наборов с GUI
Исходники флайеров со смартфонами
Nice Things Icon Set — иконки в PNG и AI форматах
Коллекция креативных декоративных и заголовчных шрифтов
PSD для показа вашего дизайна в различных окружениях (на мониторе, смартфоне, планшете и т.д.)
Бесплатные иконки к Дню Всех Святых
Кисти для фотошопа с эффектом боке
Декоративный шрифт с засечками Glamor
Заголовочный декоративный шрифт TUA
PSD с изображением Nexus 5
Свежие наборы PSD с UI для веб и мобильных приложений (включая PSD для Twitter Bootstrap 3)
Исходник отпечатанного лого (PSD)
Несколько цветочных фонов в высоком разрешении
Занимательное
Видеолекция про Биткоин
- Биомехатроника: киберпротезы, дающие человеку сверхспособности
- Oculus Rift — испытания на людях
- Графическая революция в облаках: как Amazon и NVIDIA виртуализовали видеопроцессор
- 9 вещей, которые Microsoft делает лучше Apple
- Украинский Petcube собрал на Kickstarter рекордные $251 тыс.
- Facebook станет «кладбищем» через 50 лет
- iPad Air — это по любви
iPad Air vs iPad 4: сравнение производительности
- Android 2.3 для Google стала тем же, чем Windows XP для Microsoft
- Дешево и круто: студенты построили экзоскелет за $2 тысячи
- Даже у работы в Google есть недостатки
- Microsoft в Азии продвигает свои продукты при помощи аниме
- Пользователям не нравятся обновлённые комментарии на YouTube
iPad Air взорвался в австралийском магазине Vodafone
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin