Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №101 (16 — 22 марта 2014)

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

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

CSS

Отзывчивый дизайн. Реакция на уровень освещенности
Идея CSS-псевдонимов от Таба Аткинса
Калькулятор специфичности CSS от Keegan Street
Flukeout.github.io — анимированное интерактивное обучение CSS-селекторам
Производительность CSS анимаций и переходов: заглядываем внутрь браузера
Flexbox Grid — сетка построенная на свойстве flex
Делаем текст вертикальным на CSS (IE9+)
Hello, Yamm 3! — Yet another megamenu for Bootstrap 3
Таблица с RWD, реализованная на HTML/CSS
Вдохновение для создания анимационных эффектов переходов
SVG файлы с анимированными прелоадерами
Создание радужной обводки с помощью Sass от Hugo Giraudel
Анимированные ретро заставки-скринсэйверы, воспроизведенные на CSS
CSS Synthesizer
28 сниппетов на чистом CSS для веб-разработчиков
flexbox в реальном мире
CSS Shapes geometry
Простое создание лейаута в стиле Masonry с помощью Flexbox
Поведение курсора над текстом в браузерах
Простой алгоритм для полигонов при расчете фигур в CSS первого уровня

JavaScripts

Массив в JavaScript: slice против splice
Раскрытие тайны this в JavaScript
Бесплатный CSS3 генератор EnjoyCSS
Win 8.1 App использование HTML & WinJS
Руководство по basis.js. Часть 1: Начало работы, представления, модули, инструменты
Получаем элемент страницы, на котором находится фокус, с помощью JavaScript
Tether — библиотека для позиционирования относительно других элементов
Исследование JavaScript Device API
Google Grid Gallery
Адаптивные полноразмерные табы
Что появится в AngularJS 2.0 и почему
Почему я взволнован Object.observe в JavaScript
Правила создания приложений на JavaScript MVC от Alex MacCaw
Выяснение равенства объектов в JavaScript
Browserify — Unix в браузере
Пересмотр минифицирования JavaScript-а
Видео: от Eric Elliott — модульный JavaScript с npm и модулями Node
picturePolyfill — адаптивное изображение на базе элемента picture
interfake — быстрое создание фейкового API для тестирования клиентских прототипов
JScrambler — сила, защищающая ваш JS-код
MixItUp — анимированная фильтрация и сортировка
Руководство по написанию JS кода от Nijiko Yonskai
Книга Speaking JavaScript (O’Reilly Dr. Axel Rauschmayer)

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

Screen Sizes — все размеры и разрешения наиболее популярных устройств
Текущее положение с инструментами для добавления интерактивности к дизайну
youtube-dl — утилита для загрузки видео с YouTube
Brick — сервис для обслуживания веб-шрифтов (похожий на Google Fonts, но с гораздо меньшим набором шрифтов)
Подбор шрифта из Google Font по амперсанду — &
GitHub Selfies — добавьте в комит ваше фото
psdiff — простой предосмотр .psd файлов для .git
Aesop Story Engine — набор инструментов для публикации историй в современном виде на WordPress

Новости

Браузеры

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

Сайты с забавным дизайном
Элементы футуризма в веб-дизайне
/bacondeczar.com — сайт с пиксельной анимацией
Креативныйтематическийавтомобильныйсайтспараллакс-эффектами
mystaticself.com — тематический 3д-сайт с атмосферным звуковым сопровождением
fitbit2013 — красочно илюстрированный сайт с анимационными эффектами
runbetter.newtonrunning.com — нестандартных подход к навигации на сайте
snowflakecreative.co.uk — интересная реализация параллакс-эффектов
Официальные сайты селебрити тренде современного веб-дизайна
45 Modern Minimal Websites
www.hadalabo.jp/shiroshizuku — японский сайт с различными скролл-эффектами и анимацией

Дизайн

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

Бесплатные паттерны в стиле ретро
Бесплатные кисти для Adobe Illustrator
Фоновые изображения от Mike Kus: черная доска, стены, дерево
Десять PSD с потрясающими шаблонами (темами) сайтов
Mockuuups — четыре PSD файла для превью в iPhone 5S
Полторы сотни контурных иконок в формате от Dario Ferrando
Geomicons Open — набор из простых плоских иконок
Иконки посвященные свадьбе
Outlined Iconset — более полторы сотни контурных иконок в наборе
Десять лучших новых, преимуществено без засечек шрифтов: от Campton до Mohave
Три десятка элегантных шрифтов подходящих для минималистичных дизайнов
Coda — декоративный шрифт без засечек
Lousiane — элегантный винтажный шрифт

Демо

Experiments — прототипы UI для сенсорных устройств
WebGL и asm.js на GDC 2014
Увлекательные chrome-эксперименты
404 страница с клёвой CSS3 анимацией
Rollers — бесконечно разворачивающиеся 3D-призмы на чистом CSS
Портированные для веб часы macslow

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

Конкурс от ITStuff

По итогам конкурса, объявленного на прошлой неделе, победителем стал хабраюзер Labinskiy. Поздравляем!
Напоминаем условия конкурса: Начиная с прошлого дайджеста у вас есть шанс получить клевую футболку HTML5, либо любую другую футболку из каталога магазина на выбор победителя. Победитель должен будет оставить лучший (считаем по плюсикам) комментарий со ссылкой на материал за последнюю неделю, который можно включить в любую из трех первых категорий — Веб-разработка, CSS или JS, и который не вошел в наш дайджест.
Конкурс будет продолжаться в течение месяца, и лучший комментарий каждого нового выпуска принесет его автору замечательную футболку.

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

ссылка на оригинал статьи http://habrahabr.ru/company/zfort/blog/216741/