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

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

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

• Настраиваемые элементы: как определять новые элементы в HTML
• Разработчики Mozilla представили html2dom, альтернативу innerHTML
• Новый WebStorm 7: все необходимое под рукой
• Google glass с точки зрения разработчика
• Атрибут hreflang для указания языка альтернативной страницы: инструменты, наблюдения, примеры
• Инструменты для оптимизации изображений
• Firefox Developer Tools: Web Console и JavaScript Debugger
• The HTML5 Scorecard: хоршее, плохое и отвратительное в iOS 7
• Сравнение html5 видеоплееров
• Захват медиа в мобильных браузерах
• Прячем нативные контролы для HTML5 Video в полноэкранном режиме
• Powerful WordPress Tips And Tricks
• Responsive Image Container: движение вперед для адаптивных изображений?
• Полезные HTML5 сниппеты
• В графический формат WebP добавилась поддержка анимации
• Семь привычек высокоэффективных media queries
• Luke Wroblewski призывает не совершать таких же ошибок при создании мобильных веб-приложений
• Mobile First с фреймворком Bootstrap 3
• Писать CSS с помощью JavaScript призывает Krasimir Tsonev
• Новая техника создания «Responsive scrollable tables»
• Ураганный тур по Web Components, реализованных с помощью Polymer
• Brackets Live Development для HTML/CSS
• Как скрыть элементы управления полноэкранного режима HTML5 Video
• Презентация «Mobile Web at Etsy» о разработке мобильных приложений
• Начинаем работать с Web Components и polymer.js
• bentobox.io — стартовый пакет для начинающих в веб-технологиях

CSS

• CSS-области и почему вы будете их использовать
• Буквица
• Как изменить стили для range sliders в Webkit
• Эффект размытого хедера в стилей iOS7
• CSS Regions и инструменты от Adobe из линейки Edge
• Скринкаст, посвященный работе с Emmet
• Много CSS-юмора от Jed Schmidt — Intro.css (Slides & Audio only)
• CSS Selectors — удобный мини-справочник с демо по CSS-селекторам
• Некоторые интересные возможности CSS4
• Кастомные скроллбары в IE, Chrome и Firefox с помощью CSS
• Решаем флексбоксом: интересные css-техники для ближайшего будущего веба
• Новое поколение адаптивного дизайна для iOS7 с помощью Edge Reflow CC и CSS Regions
• Targeting Menu Elements with Submenus in a Navigation Bar

JavaScripts

• Чистим HTML-код при вставке текста из MS Word в HTML5 WYSIWYG редактор (contenteditable)
• Rainyday.js
• Обновился Yeoman generator для mobile-first веб-приложений
• Зарелизились jQuery 1.11 и 2.1 Beta
• Почему можно использовать $ в консоли DevTools без подключенного jQuery
• Unicode и JavaScript
• FancyScroll.js: добавляем скролл-эффект в стиле iOS/Android
• BeforeAfter – jQuery Plugin для добавления интерактивного эффекта
• Урок по AngularJS: узнайте как сделать современное веб-приложение
• Фильтруем массивы с помощью Array#filter
• Сложные процессы автоматизации с помощью кастомных задач в Grunt
• Роутеры Backbone.js
• pace — скрипт добавляющий индикатор загрузки
• dna.js Template Cloner — шаблоны в DOM для jQuery
• BackgroundCheck — автоматическое переключение на светлую или темную версию элемента, в зависимости от изображения под элементом
• kerningJS — берем под контроль веб-типографику
• naver — небольшой плагин для адаптивной трансформации навигации
• Tabslet — jQuery плагин для создания функционала вкладок
• drawingboard.js — рисуем в canvas

Браузеры

• BrowserSwarm — сервис для тестирования JavaScript на совместимость с браузерами
• Начало бета-тестирования Firefox 25 и создание aurora-ветки Firefox 26
• Добавляем безопасности браузеру Firefox
• Google Chrome отказывается от поддержки NPAPI-плагинов
• Firefox для Windows 8 поддерживает сенсорный ввод и жесты
• Описание изменений в IE11, в том числе основных новых функций и API
• Firefox выиграл с отрывом у Chrome как наиболее внушающий доверие
• Line Mode Browser 2013

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

• nativeformelements покажет, какие новые элементы форм умеет поддерживать ваш браузер
• Google Static Map Maker
• WP TEST — лучшие тесты для WordPress
• feedthebot tools — инструменты для SEO и обычной оптимизации
• Avatars.io
• Device pixel density tests

Новости

• Steam:
  
  • SteamOS — Steam выходит на новой операционной системе, обсуждаем на Хабре
  • SteamMachines — целый ряд игровых устройств, обсуждаем на Хабре
  • SteamController — новый тип контроллера, обсуждаем на Хабре

• Яндекс, с Днем рождения!
• Google, с Днем рождения!
• Blackberry продают за $4,7 млрд крупнейшему акционеру
• Apple продала 9 миллионов новых айфонов за три дня, В Америке iOS 7 уже установлена больше чем на половине устройств Apple
• Samsung начинает региональную блокировку своих смартфонов
• ПриватБанк стал крупнейшим в мире корпоративным пользователем Linux
• Старейшая в мире газета отказывается от печатной версии
• Microsoft отказалась от поддержки Skype для Windows Phone 7, а Bing интегрировал собственный поиск с Siri и представил приложение для iOS 7
• iOS 7 обошла Android в рейтинге пользовательской удовлетворенности Pfeiffer Consulting
• Новости от Google:
  
  • Google запустила Constitute, справочник по всем мировым конституциям
  • Удаленная блокировка Android
  • Google реализовал поддержку хэштегов Google+ в поисковых запросах
  • Google предствила Hummingbird — новый алгоритм для своего поисковика
  • Google снова пришлось извиняться за работу почты
  • Google нанёс очередной удар по ссылочным биржам

• Интересные железки:
  
  • Представлен первый смартфон, поставляемый с прошивкой на базе CyanogenMod
  • Microsoft Surface 2/Surface Pro 2 — коротко о новых планшетах Microsoft
  • Встречаем OPPO N1
  • Samsung подтвердила анонс в октябре смартфона с изогнутым дисплеем
  • Nvidia представила Tegra Note
  • Новое поколение планшетов Amazon Kindle Fire — дешевле и мощнее
  • Z10 принёс BlackBerry $934 миллиона… убытков

Демо

• Играем на пианино и записываем мелодию в браузерах Chrome/Safari
• Хром-эксперимент с картами
• FPS в FPS

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

• Rollercoaster.io — сборник самых удачных, интересных и готовых для планшетников сайтов
• 25 сайтов, посвященных фильмам
• 25 вдохновляющих одностраничных сайтов с параллакс-эффектом
• brandvillage.com.aus — удачный симбиоз параллакса и нестандартной геометрии
• betweenredandtoe.com — интересный подход к дизайну сайта
• w-not.ru — раскладка сайта в стиле кроссворда

Дизайн

• Более двух десятков сайтов из Японии и Китая
• Сайты на спортивную тематику для вашего вдохновения
• Интервью с иллюстратором Николаем Тюлиным
• Поиграть со шрифтами: Как меняется мода на начертания
• Обзор креативной типографики за сентябрь 2013
• Новый логотип и айдентика для 2013 Brand New Conference от UnderConsideration
• Иконки с измененным под iOS 7 дизайном
• Designing for iOS7: Perils & Pluses
• Smart Quotes for Smart People — о правильных кавычках в английском языке
• Делайте дизайн открытым
• О нововведениях в Adobe Photoshop Elements 12
• Полное руководство по корректирующим слоям в Photoshop – Black & White
• Неофициальные редизайны известных ресурсов выглядящие лучше живых версий
• Классные визитки выполненные в мультяшном стиле
• Прекрасные примеры использования выворотки в дизайне логотипов
• Как управлять инструментом Gradient Mesh в Illustrator
• Когда и какой продукт лучше использовать для создания печатной продукции: Adobe Illustrator или Photoshop, а может InDesign?
• Глянцевые и прозрачные элементы в интерфейсах мобильных приложений
• Тест на определение того, насколько вы хорошо различаете цвета
• Примеры инновационной корпоративной адентики
• Красочные веб-дизайны для вдохновления
• Дизайнерские концепцие скрывающиеся за распространенными знаками
• Более тридцати самых известных шрифтов со ссылками на ресурсы, с которых эти шрифты можно скачать
• Как делать сложные выделения в Photoshop-е

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

• Бесплатные шрифты-пиктограммы
• Бесплатные Кисти для Adobe Illustrator
• Новый свободный шрифт Fira
• Freebie: детализированный плоский набор UI
• Бесплатные шрифты-пиктограммы
• 50 свежих печенек от Dribbble
• Bjango Actions 2.0 (PSDs + Actions)
• Flat Rounded Square UI Kit
• Наборы социальных иконок
• Большая коллекция материалов и наборов для создания инфографики
• Уроки по созданию типографических эффектов в фотошопе
• Более двух сотен шрифтов: от Klinic Slab до Fabrica
• Более шести десятков кистей для фотошопа нарисованных от руки
• Flat UI Kit PSD
• Более девяносто Photoshop Actions для обработки фото
• Более четырех десятков шрифтов для имитации надписей нарисованных мелом, от Scrawler до Kr Rachel’s Chalkboard Font
• Flatty UI Kit Psd
• Коллекция из полутора десятков шрифтов, от Chunk Five до Five Minutes
• Три векторных шаблона визиток
• Набор круглых социальных иконок

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

• Средний доход разработчика в зависимости от языка программирования
• Билл Гейтс: Ctrl+Alt+Del — это была ошибка
• Стадный эффект голосующих. Мууу… Исследование MIT’а
• Пользователей буквально тошнит от iOS 7
• Производная и интеграл — на примере с банковским счётом
• История BlackBerry (1984-2013)
• Мобильная платформа Android: пять лет истории
• 15 незаметных интерфейсных решений компании Google
• Nvidia: игровые консоли навсегда отстали от уровня графики компьютеров
• LucasFilm показала, как будут создавать кино в будущем
• Рынок смартфонов. Все идет по плану Стива Джобса
• Робот, повторяющий движения руки художника , а также 3D-принтер, делающий репродукции шедевров живописи, воспроизводя каждый мазок кисти
• Денис Крючков: «Безопасной бухты, в которой ты смог бы выворачивать наизнанку свою жизнь, в интернете просто нет»
• Более двух десяток «пасхальных яиц» на популярных сайтах
• Теперь с помощью Google Street View можно прогуляться по Большому адронному коллайдеру
• О WordPress из уст непосредственного разработчика
• Фотография в Instagram Рианны привела к аресту двух жителей Таиланда
• Сколько людей находится в космосе прямо сейчас
• Продолжение истории про бездомного, которого решили научить кодить

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

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