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

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

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

• Заставьте сайт работать на сенсорных устройствах
• Разработка кросс-браузерных расширений
• Как скорость и доступность сайта влияет на SEO
• Bower: зачем фронтенду нужен менеджер пакетов
• Доклад Роберта Харитонова на тему «Автоматизация фронтенда»
• WTF, HTML и CSS?
• Android L, Chrome DevTools и другие новости по мотивам прошедшей конференции Google IO
• Релиз Bootstrap 3.2.0
• Работа с частицами в HTML5 Canvas
• Создание игры. Часть 1: Персонаж
• cayley — база данных для графов
• Fenix — бесплатный простой веб-сервер на node.js с GUI. Из приятного — возможность расшарить локальный сайт.
• All The Style Guides: автор собирает все стайлгайды и библиотеки шаблонов в своем блоге
• Приступаем к работе с Google Web Starter Kit
• HTML5 Beginner’s Guide
• Vim для людей, которые думают, что vim странный и сложный
• Как повысить скорость сайта на WordPress
• SVG: как работает preserveAspectRatio.
• Draggable Dual-View Slideshow
• Устанавливаемые веб-приложения.
• Доктор уже пришел (Занятное чтиво от Jeffrey Zeldman)
• Google I/O 2014: Polymer и Веб Компоненты меняют все, что вы знали о веб-разработке
• Видео с NDC 2014: «Node.JS Tools For Front-End Developers» (о Bower, Grunt, Gulp и Yeoman)

CSS

• Подборка полезых CSS рецептов
• Подходы, которые помогут вам поднять ваш уровень использования Sass на новый уровень
• Вдыхаем жизнь в CSS3-анимацию
• CSSShrink — сжимаем CSS
• Адаптивный дизайн с помощью сalc в CSS3
• Интересная техника для плейсхолдеров
• SUIT CSS — стилевые инструменты для компонентов интерфейса
• Gridle.SCSS — создание отзывчивой сетки
• Сравнение синтаксиса популярных CSS-препроцессоров на примере родительских сносок
• Циклы в CSS-препроцессорах
• Licon — набор CSS-иконок
• Симпсоны, нарисованные с помощью CSS
• Волны из чекбоксов

JavaScript

• Кто бы смог мне подсказать, как require подключать
• OpenUI5 — новый javascript фреймворк от SAP
• Sourcebuster JS: модуль определения источников посетителей сайта на JavaScript
• Начинаем работать с browserify
• fast.js — более быстрая реализация типовых функций JavaScript
• Электронная онлайн-книга Human JavaScript — руководство по созданию веб-приложений
• Релиз jQuery UI 1.11.0 — новый виджет, поддержка Bower, поддержка AMD и куча исправлений
• Понимание области видимости переменных и замыканий без потери рассудка
• Алгоритмы визуализаций
• Локализация с помощью JavaScript и CSS — полезная статья, более интересная с точки зрения возможностей технологий, чем для использования в production
• CDNperf — найди лучшую CDN для доставки JS-библиотек
• Компоненты, созданные с помощью Backbone.js и Marionette.js
• Пять библиотек и API для работы с HTML5 Audio
• beeplay.js — пишем музыку на JavaScript
• SPF — фреймворк для навигации и обновления частей страницы от YouTube
• DropKick.js — плагин для стилизации дропдаунов
• SideComments.js — компонент для размещения комментариев, относящихся к отдельным секциям и абзацам
• Создание приложений с помощью Firebase и Ionic
• Ampersand.js — фреймворк для создания продвинутых приложений с помощью модулей
• smallworld.js — генератор карт, использующий GeoJSON и HTML5 Canvas
• Простое улучшение анимаций в jQuery
• Как использовать MediaRecorder API
• jQuery Navobile — очередной плагин для респонсивной трансформации навигации
• Модальные окна с креативными эффектами с помощью jQuery.Adaptive-Modal.js
• jQuery: идеальная библиотека для узких каналов от Timmy Willison

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

• Инструменты для создания игр
• Piskel — инструмент для создания пиксельной графики, анимации и спрайтов
• Новый дизайн Can I Use

Новости

• Google I/O 2014:
  
  • Google I/O 2014. День первый
  • Краткие итоги Google I/O 2014
  • Обзор главных новостей с Google I/O 2014
  • Google I/O 2014 за 4 минуты
  • Разработчики и эксперты о презентации Google I/O 2014
  • На конференции Google I/O представлена открытая графо-ориентированная БД Cayley
  • Три скандала на Google I/O
  • Обзор Android L Developer Preview

• Oculus покупает группу лучших промышленных дизайнеров
• Марсоход Curiosity завершил основную научную миссию
• Wolfram Programming Cloud (Облако Программирования Wolfram) теперь доступно
• Moto 360: умные и красивые часы от Motorola
• YouTube будет поддерживать 60 кадров/с и получит другие функции
• Google запустил сервис регистрации доменов Google Domains
• Опубликована 43-я редакция списка самых высокопроизводительных суперкомпьютеров
• Mozilla может вскоре представить ТВ-брелок на базе Firefox OS для конкуренции с Chromecast
• Mail.Ru запускает онлайн-редактор документов
• Яндекс закрывает Я.ру. Людмила Кудрявцева, Start Fellows: О закрытии блог-платформы «Яндекса»
• Apple представила плеер iPod Touch с 16 Гбайт памяти и камерой iSight
• Google Cardboard: шлем виртуальной реальности из картона

Браузеры

• В Firefox Nightly появилась встроенная IDE для веб-разработки
• 21 расширение Google Chrome по версии Growth Hacks
• В Web-браузере Opera 24 обеспечена поддержка платформы Linux
• Новинки в Chrome DevTools

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

• pioneers.brancottestate.com — нестандарный скролл-сайт, дизайн на котором анимируется снизу вверх
• designmodo.com/startup — одностраничный сайт посвященный фреймворку-конструктору
• Сайт с интерактивной статистикой-визуализацией ЧМ 2014
• developers.google.com/cardboard — виртуальная реальность доступная с помощью смартфона, линз и картонной конструкции
• iconpr.com.au — сайт с приятной анимацией и параллакс-эффектами
• terra-digitalis.dfg.de — вертикальный сайт с обилием качественной графики, анимацией и параллаксами
• lobagola.com — интересный эффект для стартового слайдера
• go-food.co.uk — симпатичный стильный дизайн сайта и главной страницы в частности
• my.deejo.fr — клевый трехмерный сайт-презентация с интерактивным конструктором
• Продвинутый сайт, посвященный Grand Prix du Canada
• Подброка сайтов с чистым и минималистичным дизайном
• Сайты, использующие на сто процентов эффект Hero-изображения

Дизайн

• Неотзывчивый дизайн
• Цифровой художник: что нужно для рисования на ПК?
• Типографика в движении
• Советы по дизайну страницы «404»
• Susan Kare, Iconographer (EG8)
• Пять лет Dribbble
• Dribbble разрушил дизайн (для меня)
• Material Design — обновление дизайна линейки продуктов Google
• Google Design
• Реакция дизайнеров на новую концепцию дизайна ‘Material’ от Google
• Использование Android L: первый взгляд на будущее оси от Google
• Как улучшить UX сайта используя двери-диаграммы
• Шесть «безопасных» руководств по работе с цветом в веб-дизайне
• MobileVis — примеры визуализаций адаптированных под мобильные устройства
• Дизайн в деталях: приложение Path для iOS
• Вдохновляющий пример креативного социального проекта от Andreas Preis
• HomelessFonts — рукописные шрифты созданные с использованием почерка бездомных людей
• Пошаговая инструкция по созданию эффективных карт путешествий
• Что такое цветовая модель
• 5 основных причин, почему одностраничные сайты — клевые

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

• Летние векторные фоны и паттерны
• Качественные деревянные текстуры
• Third Eye PSD шаблона темы с плоским дизайном для фотографов
• Icon Design Resources
• PSD с шаблоном с адаптивным веб-дизайном для электронного магазина одежды
• Ballicons — две упаковки с круглыми иконками с плоским дизайном в форматах PNG, PSD, SVG
• Четыре десятка наборов иконок на которые стоит обратить внимание
• Семь десятков контурных иконок в PSD
• Набор из векторных иконок с маркерами для карт
• Векторные иллюстрации Twitter-воробушков
• Два десятка декоративных шрифтов: от 44 Font Shadow до Bauserif
• Raw — декоративные шрифт без засечек стилизованный под мазки краской
• Simple Stamp — рукописный декоративный шрифт содержащий строчные и заглавные буквы, цифры, денежные единицы и знаки пунктуации

Демо

• Flatris
• WavePot — онлайн-синтезатор на JS
• Концепт редизайна Wikipedia
• Клевая CSS анимация
• Пример проекта с использованием Polymer — тесты на различные темы
• Футбольные игры от Google

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

• Марсианский юбилей Curiosity: целый год на Красной планете
• Что мы знаем о трансформерах?
• Ретро: Нарисуй мне эмоцию
• 9 главных изменений в Android L
• ВИДЕО: 7 выступлений на TED, которые влюбят вас в науку
• История слежки: Как Facebook отрицал трекинг для кнопки Like
• 8 перспективных сфер для стартапов по версии Mashable
• История компьютерной мультипликации
• Тест Тьюринга пройден. Ну и что?
• История Android (от версии 0.5 до 4.4)
• Семь десятков самых полезных сайтов
• Plain Text Offenders — службы, показывающие ваш пароль в явном виде

Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.

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