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

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

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

• Google представил Coder — проект, превращающий ваш Raspberry Pi в Web-сервер для обучения программированию на Javascript, HTML и CSS.
• YaC: почему важно не пропустить главную технологическую конференцию Яндекса в 2013 году
• «Документирование вёрстки по-взрослому» — доклад Роберта Харитонова из «Одноклассников» с РИТ 2013
• Канал на Vimeo c докладами с конферениции FrontTalks
• Комментарии для современного сайта
• Safari на iOS 7 и HTML5: проблемы, изменения и новые API (проблем много)
• Сделайте свой мобильный сайт на 70% быстрее
• Полное руководство по испольованию элемента Table
• Grid Forms — небольшой JavaScript/CSS фреймворк
• 30 расшрирений Google Chrome Extensions для веб-дизайнеров и разработчиков
• Создание кастомного HTML5 video player
• Сжатие изображений для веб-разработчиков
• RWD и Bootstrap 3 — особенности использования
• Введение в осознанную производительность: четыре способа сделать ваш мобильный сайт похожим на нативное приложение
• Высота страницы, скроллинг и адаптивный веб-дизайн
• Quick Tip: вставка новых Google Maps
• Решения проблемы с производительностью и адаптивными изображениями
• FireShell — интересный статический фреймворк с Grunt, Sass/SCSS и другими плюшками
• Статический веб-сервер со встроенным обработчиком пре-процессоров
• Canvas Inspection с помощью Chrome DevTools
• Креативные эффекты загрузки элементов или всей страницы
• Чтение файлов с помощью HTML5 FileReader API
• Все, что вам нужно знать о Parallax Scrolling
• Используем видео как фон
• О создании приложения онлайн-магазина под Win8 с помощью HTML5

CSS

• Начинаем писать CSS
• OpenSource от Adobe — CSS библиотека Topcoat
• Compass — инструмент для эффективной работы с CSSиз песочницы
• Как начать использовать Sass и Compass за 10 минут
• Делаем резиновую сетку с помощью Sass
• Определение возможностей браузера с помощью CSS supports
• Sass & Compass Color Functions
• Использование pointer-events с Media Queries
• position: sticky может стать отличной штукой
• В Firefox 26 ожидаем CSS Image Orientation
• Pinterest Style на чистом CSS (пока работает только в Chrome)
• Normalising Designs For Better Quality CSS (презентация)
• Рейтинг популярности CSS-свойств по данным Google

JavaScripts

• Рендер ландшафта в WebGL: часть 1, часть 2
• Ion.Sound — плагин для воспроизведения звуков. Создание и особенности
• Mobify.js — изменение DOM до начала загрузки ресурсов
• TogetherJS: добавь на сайт коллективизма
• annyang — библиотека, позволяющая выполнять голосовые команды используя API SpeechRecognition работающее в Chrome
• Контролируем CSS Animations и Transitions с помощью JavaScript
• Performance Tuning Secrets — доклад Peter Flynn с JSConfUS 2013
• Основы Backbone.js (презентация)
• Node School — изучите NodeJS с помощью интерактивных уроков
• JavaScript без фреймворков — интересный взгляд на разработку без молодых и модных фреймворков
• Как работать с cookies с помощью jQuery
• Знакомство с полигональным моделированием и Three.js
• Как написать Adobe Generator плагин для Photoshop
• Адаптивная веб-типографика с помощью FlowType.JS
• knockout.sync.js — расширение knockoutjs для работы с nodejs
• json.human.js — наглядное представление данных в JSON-формате
• FruitJS — утилита для Node.js, использующаяся для генерации технической документации
• ContentShare — jQuery плагин, позволяющий зашарить для соцсетей нужную часть страницы
• Formbuilder.js — графический интерфейс для создания форм
• Conditioner.js — js библиотека для загрузки-выгрузки модулей в зависимости от состояния их окружения
• CLNDR.js — очередной календарный плагин на jQuery
• complete.ly — библиотека для реализации автозаполнения полей
• Responsive elements — плагин, позволяющий сделать любой элемент адаптивным благодаря дополнительным классам
• Focus transition — удобная подсветка активного поля
• vex — новое поколение модульных окон

Браузеры

• Релиз Firefox 24
• Релиз браузера Firefox для нового интерфейса Windows 8 откладывается до января 2014 года
• Мобильная Opera 16 для Андроида
• Вышел Internet Explorer 11 Release Preview для Windows 7
• Firefox 24 для Android получил включенный по-дефолту WebRTC
• iOS 7 Safari и новые возможности платформы
• Google Analytics перестает поддерживать IE8 в конце этого года
• Кто мы? Браузеры!
• Новое промо-видео IE

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

• Brace — новый способ хостить ваши сайты
• Генерация заголовка Content Security Policy
• Моделирование RWD Wireframes онлайн
• Плагин к фотошопу, позволяющий получить: «Access the world's largest* collection of icons right in Photoshop for free!»

Новости

• iOS7:
  
  • Релиз iOS 7: детали, особенности и совместимость
  • Что изменится в вашем iPhone после релиза iOS7, а также 25 нововведений в iOS 7
  • Почему стоит помедлить с обновлением и что делать, если вы всё-таки решились
  • Первые критичные баги iOS 7: обход пароля на локскрине
  
  
• CyanogenMod:
  
  • Инсталлятор CyanogenMod появится в Google Play, разработчики получили $7 млн инвестиций
  • CyanogenMod переходит на новый уровень
  • HTC может стать партнером Cyanogen Inc
  
  
• Пять лет назад был запущен Stack Overflow. И тут произошло чудо
• Google обновил логотип и навигацию
• YouTube вскоре добавит возможность просмотра видео в оффлайн-режиме (для мобильных устройств)
• Продажи GTA 5 за первые 24 часа составили $800 000 000
• QuickOffice стал бесплатным. К нему Google добавляет по 10 Гб в Drive на два года
• Google vs. Смерть = Calico
• В Google пояснили как будет работать оффлайн-просмотр YouTube-видео на мобильных устройствах
• IBM вложит в Linux миллиард долларов
• Microsoft объявила стоимость перехода на Windows 8.1
• Аппаратные решения Adobe появятся на рынке в первой половине 2014 года
• Численность общей аудитории Yahoo превысила 800 млн. пользователей в месяц, а Стоимость акций приблизилась к рекордной
• PayPal стал работать с рублями
• Microsoft выпустит аналог Siri и Google Now для Windows Phone
• Мобильная платформа Sailfish достигла уровня совместимости с оборудованием и приложениями Android, а Ubuntu Touch выйдет 17 октября
• BlackBerry уходит с потребительского рынка, уволит 4 500 сотрудников

Демо

• Bullshit Job Title Generator
• Спиральная анимация на CSS
• A device loop animation
• Пульсирующая видеосфера
• Плоский iPhone с анимацией
• Концепт мобильной навигации

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

• transferwindow.info — интерактивная инфографика
• aquaceutic.pl — красочный жизнерадостный сайт с нестандартной геометрией и эффектными анимационными переходами
• adcade.com — лаконичная и доходчивая интерактивная инфографика
• Tomato Can Blues — иллюстрации оживленные с помощью скролл-эффекта
• squarefactor.com — нестандартная навигация и приятная анимация
• Подборка сайтов с нестандартной для веба геометрией
• trama.cz — чешский сайт с большим количеством нестандартно анимированных элементов
• mosne.it — интересная реализация галереи продуктов

Дизайн

• Подборка визиток с qr-кодом
• Вокруг всемирной паутины за восемьдесят минут
• Создание образца летней подводной бесшовной текстуры в Adobe Illustrator
• Небольшая история создания лого для Company of Huskies
• Сравнение брендов (анимированные gif)
• Bing представил обновлённый интерфейс страницы выдачи и новый дизайн логотипа
• Interface Sketch — шаблоны интерфейсных оболочек (окно браузера, операционной системы, мобильного устройства) для печати на бумаге
• О Dribbbli-зации дизайна
• Firefox OS Typeface
• Что вы должны знать о Flat Web Design
• Примеры шаблонов мобильного дизайна: часть 2
• Примеры дизайнов сделанных под iOS 7
• Убери все лишнее чтобы улучшить(анимированное gif показывающее шаги по улучшению дизайна графика)
• Type Novel — блог с коллекцией фото отборной типографики
• Процесс создания дизайна WordPress темы ‘Collections’
• О редизайне Bing
• Sloppy UI — коллекция ляпов в дизайне iOS7 и программах
• Зарелизился Flat UI Free 2.1

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

• Бесплатные формы для Photoshop
• Упаковка векторных иконок
• Упаковки иконок в стиле iOS7
• упаковка иконок с изображениями сигнала связи
• Абстрактные кисти для Photoshop
• Абстрактные кисти для Illustrator
• PSD с iPhone 5S в плоском дизайне
• Векторный iPhone 5C в формате PSD
• iPhone 5c в векторном формате
• PSD с шаблонами демонстрирующими мобильные приложения в перспективе
• Более сотни наборов Flat UI на случай когда нет много времени на дизайн
• Metro Vibes UI Kit
• Более двух десятков PSD с UI-компонентами
• Полтора десятка свежих шрифтов
• Canter — декоративный заголовочный шрифт без засечек

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

• 3D принтеры:
  
  • На 3D-принтере напечатана комната из искусственного песчаника
  • 3D-печать органов человека
  • Софт Disney позволяет создавать игрушки на 3D-принтере
  
  
• vrAse: превращаем смартфон в очки для виртуальной реальности
• Впечатления от выхода на Кикстартер
• История Nintendo во главе с Хироси Ямаути
• Стивен Хокинг: Теоретически возможно скопировать информацию мозга в компьютер
• Новый процессор Intel работает от бокала вина
• Несколько терминов из современного английского языка, которые обозначают еще не описанные, но уже существующие в России явления.
• 10 стартапов, которые проинвестировало ЦРУ
• Из Facebook ушли 11 млн человек из-за настроек приватности
• Internet.org: в течение 5-10 лет Интернет станет в 100 раз эффективнее
• Для управления полётами на Луну может быть применена система ГЛОНАСС
• АНБ уличили в покупке сведений об уязвимых местах интернет-сайтов
• Джетпак – новое необычное средство передвижения или лишняя трата денег?

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