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

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

• Прекратите использовать location.hash, да здравствует HTML5 History API!
• Теневая модель документа (Shadow DOM), CSS и стили в Shadow DOM
• Анонс: bem-core v1.0.0, Бложик на bem tools 1.0.0alpha
• Songs of Diridum: выжимаем из Web Audio API максимум
• Fronteers 2013 — На vimeo-канал fronteers залиты свежие видео докладов с последней конференции
• Стив Фолкнер: «не надейтесь на мифический HTML5 Document Outline, используйте нормальную иерархию заголовков»
• Повышаем юзабилити форм для выбора нескольких чекбоксов одновременно
• Принуждаем браузер к загрузке последних версий CSS и JS
• Medium-Style Page Transition
• Split Layout
• Как использовать элемент progress
• О том, что адаптивный дизайн — это не только размеры экрана
• Презентация Continuous Delivery for the Web Platform
• SpeechRTC работающее в FirefoxOS
• Web Runtime Architecture (видео)
• Иконочные шрифты и заданные пользователем стили
• HTML5 Video в мобильном вебе
• Решение для создания длинных выпадающих меню
• Пример описания полного процесса фронтенд разработки от начала и до конца
• Адаптивные HTML email-шаблоны: другая стратегия

CSS

• Слово в защиту пиксельных значений media queries
• The new Kellum method — сверхновый вид техники image replacement (спойлер — невидимый шрифт) и другие возможности использования такого шрифта
• Кросс-браузерная CSS инъекция
• After: float
• CSS Regions Painting в WebKit и Blink
• Отлично закруглились: комбинируем фигуры в CSS
• Миксины для условных media queries
• А как насчет адаптивных иконок?
• Как изменить цвета выделяемого текста на CSS
• 3D Gallery
• Туториал по созданию выпадающего CSS3 меню в жалюзи-стиле
• Переключатель навигации на чистом CSS
• Интерактивное введение во Flexbox
• PPK исследует: height и @viewport
• SassyLists расширение Compass-а, с набором функций необходимых для работы со списками в Sass
• CSSOFF — Prepare for Honorable Markup конкурс, начинающийся с 12 ноября

JavaScripts

• Видео: полный цикл разработки на JavaScript
• Warp9 — еще одна реактивная js библиотека. На этот раз компонуемая и без утечек
• Русскоязычный скринкаст по Node.JS: «Node.JS от А до Я»
• Пробуждаемся и начинаем использовать Grunt (хорошее введение в работу с Grunt)
• load-grunt-tasks модуль для Grunt, читающий зависимости из package.json и запускающий необходимые задачи
• Nunjucks — язык для описания шаблонов в JavaScript (на подобии Mustache/Handlebars)
• Создание multiplayer HTML5 игр с помощью Cloak
• Вещи которые расстраивают в AngularJS
• Уважай Javascript
• Анимированные DOM transitions от Alex Maccaw
• formatter.js — автоформатирование данных в текстовых полях по заданным паттернам
• glide.js — очередной слайдер контента, с CSS3 transitions и фолбеком для старых браузеров
• Resumable.js — библиотека для создания многопоточных и возобновляемых загрузок файлов с помощью HTML5 API
• jQuery Immersive Slider — слайдер с небольшим вау-эффектом
• sevenSeg.js — Семисегментные дисплеи на SVG с помощью jQuery UI
• .onScreen(); — A jQuery plugin that does stuff to elements when they enter or leave the viewport
• Увековечивание ужасных практик в JS
• Retire.js — JavaScript библиотека, определяющая известные уязвимости в приложении
• Представление Sails.js
• Сравнивая Backbone и Angular
• История “typeof null”
• Частые неверные концепции понимания JavaScript
• jsCode — кастомные соглашения по написанию кода на JavaScript (custom JavaScript coding guidelines)

Браузеры

• My Opera закрывается в марте 2014
• Релиз Firefox 25
• Проект Mozilla выпустил Lightbeam, Firefox-дополнение для контроля за отслеживанием пользователей в Web
• В Tesla Model S встроят браузер Google Chrome
• Gemius назвал самые популярные браузеры Восточной Европы: в Украине лидирует Chrome
• Расширенные настройки шрифтов в Chromium 32
• WebView на основе Chromium с Android 4.4
• Рынок мобильных браузеров в Великобритании
• Опыты с улучшенным процессом редактирования контента в IE11
• Давайте строить быстрый веб и кушать пиццу. IE11 + 11%. (в рамках раскрутки IE11)

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

• Code Beautify — набор онлайн-инструментов для форматирования кода
• createcss3 — онлайн генератор CSS3 свойств
• Countries{for}Devs — генератор списка областей для части стран
• Snazzy Maps — коллекция стилизованных карт Google Maps
• realfavicongenerator.net — генератор Favicon изображений
• Генераторы кастомных шрифтов

Новости

• Новости от Google:
  
  • Google официально анонсировала новый Nexus 5 и Android 4.4
  • В Android 4.4 KitKat оптимизирована работа с памятью, улучшена работа NFC и Bluetooth
  • Представляем новые функции Hangouts и Google+ Фото, Вот еще четыре причины начать использовать Google+
  • Android 4.4: десять новых фич о которых вы должны знать

• Приветствуем Mozilla Location Service
• Мобильный интернет в России и мире: платформы, потребление, тенденции
• Компания Coursera запускает проект Learning Hubs — физические помещения для изучения онлайн курсов
• Американский стартап взламывает любую «капчу» с шансом в 90%
• Создатель языка JavaScript выступил против стандартизации средств DRM для Web
• LG G Flex — еще один изогнутый смартфон
• Motorola Project Ara — прямое развитие идеи модульных смартфонов Phoneblocks, Project Ara: модульные опенсорс-смартфоны от Motorola
• Apple представила рекордный отчёт за четвёртый квартал 2013 финансового года
• Компания Cisco откроет доступный без отчислений кодек H.264, который будет задействован в Firefox
• Социальная сеть Facebook хочет купить производителя смартфонов Blackberry
• Исследователям удалось добиться скорости 10 Гбит/с при передаче данных видимым светом
• Названы 10 самых влиятельных IT-бизнесменов мира
• Консорциум W3C опубликовал второй черновой вариант спецификации HTML 5.1
• Samsung ежедневно продает 1 млн мобильных устройств
• Сноуден будет помогать пользователям ВКонтакте. В техсаппорте
• На баржах Google строят роскошные демонстрационные залы
• Контролируемый Apple и Microsoft патентный тролль атаковал Google и производителей Android-устройств
• Windows Phone — самая быстрорастущая платформа

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

• pieratt.com — супер-минималистичное портфолио
• WE DON’T NEED Daylight Saving Time
• http://bananacafe.com.br/ — торжество мультимедиа и css-анимаций
• Интерактивная карта хорроров
• Очередная кастомная верстка статьи от New York Times
• Сайты с креативными динамическими элементами
• История молодого дизайнера
• Not your standard cider. — одностраничный вертикальный сайт с презентацией сидра
• mottau.co.uk — сайт с интересным эффектом во время скролла
• marktuthill.ie — навигация во всех направлениях и удачные вкрапления css3-анимации
• bothassociates.com — дизайн с двунаправленной анимацией объектов
• 2013.unknowncroatia.com — современный лейаут, параллаксы, анимация и неплохая оптимизация производительности
• hihayk.com — стильный сайт графического дизайнера

Дизайн

• Сокращённый шрифт «Autonym» для самоназваний языков в Википедии
• Как на самом деле люди держат свой мобильник и зачем это знать
• Дизнот – блокнот для прототипирования в веб-дизайне. Блокнот для вдохновения…
• Подборка логотипов для вдохновения
• Готовимся к Хэллоуину: «страшные» уроки Adobe Photoshop
• Интервью с дизайнером Alice Macarova
• Продажа отзывчивых дизайнов клиентам
• Мастер фотошопа в деле
• Веб-дизайны, созданные с использованием диагоналей
• Отборные примеры сайтов, рекламирующих продукт
• Актуальные тренды в дизайне блогов и онлайн-журналов
• «Clean Up Your Mess»: руководство по визуальному дизайну для каждого
• История выбора одного шрифта от Cucumbertown
• Context — приложение, помогающее визуализировать ваши идеи не выходя из Illustrator
• Вся мощь панелей в Illustrator: Appearance и Graphic Styles
• Andrew Kim — история молодого дизайнера и Microsoft
• История выбора одного шрифта от Cucumbertown
• Разбираемся с интерфейсом Adobe Camera Raw
• Десять плохих привычек, от которых следует избавляться при работе с Photoshop
• Теория дизайн: пять базовых принципов типографики

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

• 106 бесплатных плоских UI-элементов для дизайнеров. Часть 2 и Часть 3
• Бесплатные иконки, бэкграунды, паттерны и обои к Хэллоуину!
• ionicons — иконочный шрифт для Ionic Framework
• 23 Free Fonts & Typefaces for October 2013
• iOS7 GUI PSD (iPhone) обновился
• BlendMeIn: плагин к фотошопу, предоставляющий доступ к наиболее популярным наборам иконок
• Ресурсы на которых можно найти качественные фото
• Два десятка электронных книг по изучению фотографии
• Подборка ресурсов для создания плоского дизайна
• iPad Air Psd в векторном виде
• Подборки шрифтов для ваших дизайнов, от AC Mountain до Plethora 1984, от Versaniah до Bomb Jigsaw, а также Четыре десятка свежих шрифтов для графических дизайнеров
• PSD шаблон с бейджиками
• Шаблон иконки iOS7 для навязчивых дизайнеров
• Два десятка полезных шрифтов для логотипов
• Десять векторных и PSD макетов с изображением iPad Air
• Исходники UI компонентов с элементами различных настроек и панелей с выбором опций
• Nexus 5 Vector (.Ai)

Демо

• Windows 1.01 — теперь прямо в браузере
• emolate.com — концепт эмоционального фильтра для поиска
• Анимированная в 3D галерея в виде стола с разбросанными видео-карточками (HTML5 Video)
• Музыкальные клавиши — JS Dynamic Audio Synth
• q3 и webGL
• 3D-модель Солнечной системы
• Логотип Хрома

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

• Медитация — еще один способ мотивации или почему Google выделяет для них комнаты
• Обзор клавиатуры Optimus Popularis (+видео)
• Вот почему нельзя прерывать программиста
• Trend Locator. «Интернет вещей»: 9 млрд устройств к 2018 году
• Теория шести рукопожатий? Забудьте: мир еще теснее
• Трояны в китайских утюгах: почему таможня не даёт добро
• Techcrunch выпустил большой материал про Telegram
• Будьте здоровы, или Чтоб вы сдохли! Как Америка строила революционный сайт медстрахования
• «Неминуемый конец, нечто очень плохое»
• Качество встраиваемого ПО или погром всё-таки случился
• L — значит лайк
• Как Лайфньюз и Лента.ру спорили насчет фотографии Сноудена + UPDATE
• Ода светодиоду: дешёвый свет для «чистой энергетики»
• Костюмы на Хеллоуин для программистов
• Норвежец купил биткоинов на 27 долларов в 2009 году и оказался миллионером в 2013

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

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