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

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

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

• HTML5
  • Консорциум W3C утвердил стандарт HTML5
  • Дорога к «пятерке» (о статусе W3C Recommendation для HTML5)
  • Стандарт HTML5 достиг статуса рекомендации W3C. + Анимационное видео от W3C о работе над стандартом
  • Какие вызовы у HTML5 самые большие? . Разработчики делятся своими мнениями
  • HTML5 готов, но две группы все еще борятся за будущее веба

• Лучшие плагины для Sublime Text
• Генерация HTML: удобнее чем хелперы и чистый HTML
• 84 процента разработчиков используют открытое ПО
• Видео докладов с последней конференции сообщества «Веб-стандарты», прошедшей в Минске
• Видео с конференции Modern Web Conference 2014
• SVG-фильтры. Часть 1. Основные понятия и типы. Применение к изображениям для создания графических эффектов.
• Halloween. Делаем персонажа фильмов ужасов из обычной куклы при помощи svg-фильтров.
• Создаем анимированную SVG иконку с помощью Snap.svg
  
• Курируемый список материалов по Веб-компонентам
• Изменение размера и обрезка изображений с помощью Canvas

  

• Забытый в спецификациях адаптивных изображений: image-set()
• SuperStatic — статический веб-сервер с поддержкой pushState HTML5 приложений
• Шаблоны, дизайн и идеи для анимации элементов сайта в отдельных подборках на Codepen

  

• Гайд по созданию еще лучших и более быстрых сайтов на WordPress
• Книга «Pocket Guide To Writing SVG» становится бесплатной и идет в Open Source
  
• themosis — фреймворк для WordPress-разработчиков
• Берем под контроль CSS/JS, которые грузятся с плагинами WordPress
• Подборка туториалов по Google Chrome DevTools

CSS

• Создаем сетку с помощью Susy
• Трюк на CSS для поддержки SVG в старых браузерах
• «Анти-герой» верстки в CSS — «display:table»
• График специфичности
• Выпадающие списки с информацией для различных типов полей
  
• Очередная подборка креативных hover-эффектов на CSS для блоков с изображением и текстом

  

• Анимация фигур в CSS с эффектом перетекания капли

  

• SVG фоллбек на чистом CSS
• Самый простой способ сделать колонки одинаковой высоты (Say hello to Flexbox)
• Воспроизведение Cubic Bézier в Sass
  
• Урок по созданию выезжающего полноэкранного меню на CSS3 и демки с примерами
• cssplot — графики на чистом CSS
• RGBChallenge — игра на угадывание одного из трех цветов по RGB коду

JavaScript

• Нативная плавная прокрутка с помощью JS
• Выразительный JavaScript: Тайная жизнь объектов, Проект «Электронная жизнь»
• TypeScript и путь к версии 2.0
• Выразительный JavaScript: Проект «Электронная жизнь»
• jQuery 3.0: будущие поколения
• jQuery 3.0 и jQuery Compat 3.0. В чем разница и отличие от текущих версий?
• Вышел Meteor 1.0
• Canvassing — книга о работе с HTML5 canvas
• Понимание делегирования событий в JavaScript
• Статическая типизация в JavaScript — инициативы в Microsoft TypeScript, Facebook Flow и Google AtScript
• Доклад от Tim Taubert по введению в WebCrypto API
• ES6 модули уже сегодня с помощью 6to5
• Интеграция веб-компонентов с AngularJS
• JS и электроника: Intel Galileo: автономный управляемый Rover запрограммированный с помощью JavaScript, JavaScript на флешке
• Эволюция Ember: взгляд в прошлое, настоящее и будущее
• React.js: Познаем Flux, архитектуру React, а также awesome-react — коллекция ресурсов, посвященных этой библиотеке
• AngularJS
  • Angular-JS.in — курируемый список директив к Angular
  • Использование Yeoman вместе с AngularJS
  • Angular KickStart — масштабируемый билд для ускорения разработки на Angular
  • Все о встроенных в AngularJS фильтрах

• Walkway.js — анимация SVG изображений, нарисованных линиями и элементами path
• 5 библиотек и API для манипуляции с HTML5 Audio
• Несколько мыслей по поводу Bower
• Почему мы должны перестать использовать Grunt & Gulp
• Работа с телефонными номерами в JavaScript
• nomejs — мощная библиотека для работы с HTML5 geolocation и гео-информацией
• Используем HTML5 File API для локальной работы с файлами в браузере
• В поисках идеального JS фреймворка

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

• Coolors — генератор цветовых палитр
• Обзор самых популярных редакторов для работы с внешними API
• Front.in — очередная песочница для HTML/JS/CSS кода
• Расширение к Chrome, добавляющее ссылки на репозитории в GitHub при просмотре package или bower файлов

Новости

• 29.10 .2014 — Интернету 45!
• Глобальной Сети исполнилось 45 лет. Как все начиналось
• Яндекс выпустил приложение для набора текста голосом Яндекс.Диктовка
• Конец эпохи: Microsoft прекращает продажи лицензий Windows 7 для потребительского сегмента
• Дизайнер Артемий Лебедев получил 34% anekdot.ru после возвращения сайта основателю Дмитрию Вернеру
• Twitter и IBM объявили о партнерстве
• Доля Apple на рынке планшетов упала ниже 23 %
• YouTube разрешит пользователям отключать рекламу при покупке платной подписки
• Microsoft реализует Skype в браузере с помощью WebRTC
• Microsoft представила смарт-браслет Band стоимостью $199 и платформу для сбора данных о здоровье Health
• Первый прототип Google Ara подаёт признаки жизни
• Создатель Android Энди Рубин покидает Google ради создания инкубатора для технологических стартапов
• Прощай, Google, здравствуй, Lenovo: Motorola сменила собственника
• Youtube начал поддерживать 60 fps, первые примеры
• Рынок планшетов: Apple падает, но остается первой, Samsung догоняет

Браузеры

• Против кого дружат Google, Mozilla и Microsoft? Или SHA-1 уходит в прошлое
• UC Browser v10 — каждый день мы открываем новое!
• Яндекс.Браузер теперь и для Linux
• Net Applications: IE11 является первым браузером в мире

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

• Сайт, позволяющий исследовать нашу галактику в браузере
• ideus.biz — креативный сайт-портфолио веб-студии, с анимациями на CSS3 и Canvas и использованием BEM
• Промо-сайт Microsoft Band
• Подборка относительно свежих сайтов с впечатляющим параллакс-эффектом
• ogicart.pl — вертикальный сайт с плавной скролл-анимацией и параллаксами
• builtbyg.com — сайт с нестандартным эффектом подгрузки текста
• Jam3 — интерактивный сайт с канвас-анимацией и большим количеством эффектов
• blog.webbb.be — нестандартный лейаут сайта и современные эффекты
• wonderfruitfestival.com — красочный вертикальный сайт с интересным дизайном
• lighthousebrewing.com — еще один вертикальный скролл-сайт, с параллаксом, анимациями и веселым дизайном

Дизайн

• Кроссплатформенный интерфейс и интерфейс под платформу
• Как создать руководство по стилю для веб-дизайна
• Пушистая типографика
• Немногословный веб-дизайн
• Mobile Accessibility Guidelines от BBC
• Дизайн в деталях: Inbox от Google
• Как Gmail привлекает в Inbox новых пользователей
• Интервью с продуктовым дизайнером @ Facebook — Julie Zhuo
• Чему веб-дизайнеры могут научиться у концепции Material Design от Google
• Гайд по умному дизайну всплывающих окон
• Редизайн iOS приложения Piazza
• Работы дизайнеров с собственным надгробием, посвященные Дню Всех Святых
• Как нарисовать неоновую иллюстрацию портрета девушки в стиле черепа в Adobe Illustrator
• Играем с режимами наложения и трассировкой изображения при создании простой иллюстрации с котом, идущем по забору, в Adobe Illustrator
• У Швеции есть собственный шрифт

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

• VELOSITEY PHOTOSHOP EXTENSION — создание прототипов дизайна веб-сайтов за секунды
• Бесплатные исходники для фотоманипуляций на тему Хэллоуина
• Несколько стоковых фото современной архитектуры
• Пиксельные паттерны с прозрачностью для наложения на изображения
• Четыре фоновых паттерна с плоским дизайном
• PSD с концептом дизайна для Apple Watch
• Плоский векторный мокап iPhone 6
• Набор UI Coloristic
• Векторный календарь на 2015-й год с плоским дизайном и абстрактной геометрией
• Swish — декоративный шрифт без засечек
• Набор из векторных иконок, посвященных зиме
• Более шести сотен векторных силуэтов людей, животных и бытовых предметов в одной упаковке
• Шаблон иконки для Android для .sketch
• Упаковка с плоскими SVG-иконками
• Упаковка из более сотни векторных иконок, нарисованных от руки
• Набор иконок с плоским дизайном Ballicons 2 (PSD, SVG, PNG)
• Chelsea — декоративный шрифт без засечек
• Cargan Light — шрифт с засечками
• Десять шрифтов высокого качества: от Brela до Libre Caslon
• Два десятка свежих шрифтов: от Neris до Bebas Neue

Демо

• SculptGL — практикуйтесь в создании скульптур с помощью WebGL
• InspiroGraph
• Напиши сообщение другу на тыкве
• Tis — тетрис в 4 Кб кода
• Осенний листопад с WebGL
• windows93 в браузере
• Волшебная реализация шагающего замка на codepen
• Top 13 Codepens of the Week #12: Halloween Edition

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

• Крушение космического корабля Virgin Galactic
• 20 неожиданных открытий, сделанных благодаря анализу данных
• Интересное интервью с Тимом Куком на WSDJ
• Как помочь науке прямо сейчас
• Планы Цукерберга на 10 лет: лидерство среди мессенджеров и вычислительная платформа для Oculus
• Foursquare без Swarm: Чем обернулось разделение на два сервиса
• Apple, Tesla, Samsung, Yandex, HTC, Rambler и Amazon — история происхождения названий
• Что Тим Кук сделал с Apple
• Google закроет Gmail в ближайшие 5 лет – колумнист Computerworld

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

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

Автор: alexzfort

Источник