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

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

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

• Сравнение популярных систем сборки для frontend-разработчиков
• HTML по стандартам
• Grunt и WordPress: Часть 4. Расширенные техники использования Grunt
• Исследуйте интересные проекты из GitHub
• Новые атрибуты для ссылок в HTML5: download, media, and ping
• jsDelivr — продвинутый открытый open-source CDN
• Как не утонуть в инстументах для веб-разработки
• Краткое описание инструментов современного процесса front-end разработки: Yeoman, Grunt и Bower
• Изменяющиеся технологии: Font Icons vs SVG
• Создание лого на WebGL
• Четыре шаблона проектирования, ломающих ожидания пользователей о возможности использования кнопки «Назад»
• Управление вашим android-телефоном одним взмахом пальца
• Авторизация в социальные сети — как дизайнить эту функциональность и как ее имплементировать
• Пятнадцать лучших шрифтов для программирования
• Развернутая шпаргалка по WordPress
• Советы относительно разметки email-шаблонов их адаптивности
• 15 ресурсов для создания своих кастомных E-mail Newsletter
• Пуленепробиваемые компоненты для HTML Email
• Подход «Readability First”
• Responsive дизайн с минимумом кода
• BOOTFLAT — фреймворк созданный на базе бутстрапа
• Очередная подборка полезных инструментов для работы с Bootstrap

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

Новости

• GDC 2014: представлен движок Unity 5 с системой глобального освещения и поддержкой WebGL
• Facebook научился распознавать лица в толпе с точностью 97,25 %
• Motorola и LG готовят умные часы на ОС от Google
• Изменения на сервисах Яндекса [в связи с ситуацией в Крыму]
• Компания Google продолжает активное продвижение формата WebP
• Sony представила свой шлем виртуальной реальности
• Microsoft официально представила DirectX 12
• Google Maps для Android будет напоминать о грядущих концертах, матчах и других событиях
• Google представила Android Wear — платформу для умных часов
• Google добавил в выдачу калькулятор для решения геометрических задач
• Яндекс купил израильский стартап KitLocate
• «Яндекс.Деньги» стали выпускать виртуальные карты
• Bing покажет нужный маршрут на карте прямо в результатах поиска
• Twitter позволит отслеживать сообщения от избранных пользователей
• Adobe показала квартальную выручку в размере 1 млрд долларов США
• В Telegram появились голосовые сообщения
• Глава Linkedin сместил Марка Цукерберга с первой строчки рейтинга лучших CEO
• Apple выпустила дешевые iPhone 5C с 8-ю ГБ на борту

Браузеры

• Релиз Firefox 28
• Выход Firefox 29-beta и Firefox 30-aurora
• Mozilla отказалась выпускать WinRT-версию Firefox из-за низкого интереса пользователей
• Как защитить браузер от нежелательных изменений настроек
• Релиз Firefox 28: новый видео-кодекVP9, нотификации для OS X, управление уровнем громкости в HTML5 Video и Audio
• Представление отладчика Canvas в панели для разработки Firefox
• Все основные браузеры были взломаны на Pwn2own Hacking Contest

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

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

Дизайн

• Мобильные приложения для дизайнеров
• 5 простых советов по работе в Adobe Illustrator
• Samsung запускает сайт о философии дизайна
• Font Men — SXSW 2014 Official Selection
• Интервью журнала Time с легендарным Jonathan Ive из Apple
• Руководство для дизайнеров по выравниванию пикселей
• Пять бесплатных альтернатив облачному фотошопу
• Вдохновляющие странички „О нас“
• Создание дизайна форм, которые увеличивают конвертацию пользователей, семь проверенных техник
• Концепт Apple TV – the next generation?
• Десять способов создания профессиональных и хорошо организованных PSD-файлов
• Создание красочного геометрического повторяющигося фона в Photoshop
• Создание сложного, повторяющегося, геометрического фона в Photoshop
• Уроки по использованию инструмента кисть в фотошопе
• Подробное рассмотрение арабской каллиграфии

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

• Бесплатные паттерны в стиле ретро
• Бесплатные кисти для 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

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

• Facebook vs. Google: битва технологических гигантов переместилась в небо
• На здоровье! Десять самых интересных новинок 2014 года
• Увидел свет Makehuman 1.0.0, свободный генератор 3D-моделей тела человека
• Американец стал первым человеком в мире, набравшим 1 млн очков в Xbox Live
• Проект «Bleu» и 3D-принтер Stratasys: создаём модель авто из разных материалов
• HP летом начнет массовое производство 3D-принтеров
• Почти невероятно! Физики впервые доказали существование гравитационных волн
• Google-камеры засняли сплав по реке Большого Каньона
• Второе пришествие VR: прелести и ужасы новых шлемов виртуальной реальности
• Неделя краудфандинга
• Samsung издевается над iPad, Kindle Fire и Surface
• Работающая клавиатура, созданная из LEGO
• Официальный сайт смарт-часов Moto360

Конкурс от ITStuff

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

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

Автор: alexzfort

Источник