Веб-разработка
Еще один подход к разработке: 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
