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

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

• 8 HTML элементов, которые вы не используете (а следовало бы) перевод
• Обновился Chrome DevTools: эмуляция разных экранов и тестирование приложений на устройствах с десктопа
• Использование Chrome Developer Tools для ревизии вашего сайта
• Browser-Sync: синхронизация прокрутки, кликов, заполнение и редактирование форм в разных браузерах, бесплатно
• Сравнение мобильных UI-фреймворков на HTML5
• Определение состояния устройства с помощью CSS Media Queries и JavaScript
• Оптимизация сайта с помощью специфических форматов изображений
• Выбор текстового редактора для разработчика
• Написаниe кода с учетом доступности (Accessibility) , а также Пример меню на базе Adobe-вского ‘Accessible Mega Menu’
• Адаптивные изображения, часть 1: Использование srcset
• Chrome DevTools с поддержкой мобильных экранов: скринкаст о возможностях эмуляции
• CSS, HTML и проблема фрегментации спецификаций
• Повышение скорости разработки с помощью Emmet, часть 1
• Разработка Offline-First веб-приложений
• Инструменты и редакторы для Markdown
• Техники для создания текстурированного текста
• Flash Pro CC: экспорт в HTML5 и поддержка HTML5 Canvas
• Руководства по стилю Front-end и UI, от известнейших компаний (Drupal, WordPress, GitHub, Google…)
• Табы на SVG (c использованием SVG Shape в качестве шаблона)
• Анимированный SVG — настраиваемые ускорения и задержки
• Разбираем техники отрисовки в canvas
• Как использовать продвинутые фичи фреймворка Foundation 5
• Более эффективные подходы в работе с Grunt
• (другой) Вэб, который мы потеряли
• Colorpeek, часть 2: создание вашего первого расширения Chrome
• Циклы (синтаксис для всех препроцессоров)
• Коллекция загрузчиков от Chris Coyier
• Баги с media query в браузерах настольных компьютеров: округление и ширина — часть первая
• Desktop DPR redux
• Презентация: Three quick accessibility tips for HTML5 (Три совета для доступности в HTML5)
• Презентация: Serious Animation (an introduction to Web Animations)

CSS

• CSS-битмапы и CSS3-видео
• Новые фичи в Stylus
• Дилемма с наименованиями в модульном CSS (BEM/OOCSS)
• Написание модульного CSS (BEM/OOCSS) с помощью Sass 3.3
• Colorpeek: простой инструмент для просмотра и шаринга CSS-цветов
• Основы Sass: видеоуроки от treehouse
• Kalei — Style guide — генератор документации в стиле bootstrap для вашего CSS
• Прелоадер с помощью псевдо-элементов body
• Анимированная круговая маска на CSS3 (для -webkit)
• Огонь на CSS3
• NTH-TEST — сервис для визуализации значений nth-child и nth-of-type
• Анимация контуров кнопок

JavaScripts

• Совершеннолетие JavaScript
• Подходы для написания хорошего jQuery кода (перевод, часть 1)
• Многопоточность в JavaScript
• Поздравляем с 18-летием JavaScript! Взгляд на непривлекательное прошлое и светлое будущее
• data-href — небольшой JS-сниппет, который поможет определить значение href любого элемента
• Videogular — видеоплеер на AngularJS
• Правильное поведение для input.select()
• Создание динамической страницы с колоночной навигацией
• PhotoJShop — фильтры для изображений с помощью jQuery
• Исследование техник рисования в canvas
• PhotoJShop — плагин применяющий к изображениям различные фильтры и эффекты
• OriDomi — плагин для сворачивания-разворачивания плоских объектов по принципу оригами
• Sortable — небольшой скрипт для стилизации таблиц и добавления функциональности сортировки
• localForage — библиотека от Mozilla, позволяющая использовать возможности браузера для асинхронной работы с хранилищем данных
• Девять примеров использования PhysicsJS
• Плагины, оживляющие прокрутку в браузере
• Zoomerang.js — библиотека, позволяющая увеличить почти любой элемент страницы
• Сравнение генераторов документации JavaScript: JSDoc vs YUIDoc vs Doxx vs Docco
• Angular-charts — графики d3 для AngularJS
• jQuery ReStable — плагин для создания адаптивных таблиц, превращающихся в список при уменьшении ширины браузера

Браузеры

• Net Applications: в ноябре доля Internet Explorer 11 увеличилась вдвое
• Доступна для тестирования многопроцессная версия Firefox, Мультипроцессовый Firefox
• Google Chrome 31 получил ряд новых функций и исправление многих ошибок
• Перенос Google Chrome на RAM-диск в Linuxtutorial
• Обзор IE11, часть 1
• Получаем нужный нам контент быстрее в IE11
• Секреты панелей для разработчиков в браузерах

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

• WebFonter от FontShop — сервис для тестирования шрифтов на сайтах
• webprojector.org — сервис для демонстрации веб-дизайна в браузере
• NudgePad — окружение для разработки в вашем браузере

Новости

• Обзор YotaPhone: первого в мире смартфона с двумя экранами, Кому нужен йотафон
• «Яндекс» начнет ранжировать сайты в поисковой выдаче без учета ссылок
• ОС Sailfish можно будет устанавливать на Android-устройства
• Опубликованы финальные сборки CyanogenMod 10.2.0
• Amazon будет доставлять товары на беспилотниках, а Британская Waterstones пообещала запустить «совиную доставку»
• PayPal планирует запуск сервиса в Украине
• Bank of America: у Bitcoin есть все шансы стать предпочтительным средством оплаты на рынке электронной коммерции
• Apple купила сервис по аналитике Твиттера Topsy за $200 млн
• Yahoo купила Ptch
• Google представит новую систему аутентификации пользователя
• Google довёл до совершенства и официально запустил облачную платформу Compute Engine
• Google добавил авто в Knowledge Graph
• Google позволяет скачивать данные из Gmail и Календаря
• IDC: рынок планшетов в 2013 году вырастет на 50 процентов
• Kantar: Windows Phone набирает вес, а iPhone 5s и 5c не столь успешны, как iPhone 5
• HP встроила контроллер Leap Motion в клавиатуру для десктопов и моноблоков
• Обнародована спецификация Bluetooth 4.1
• Apple подключилась к Яндекс.Маркету
• Twitter приходит на телефоны без интернета

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

• Рисованные веб-сайты для вашего вдохновения
• Креативные одностраничные сайты для вашего вдохновения
• 35 сайтов с минималистическим дизайном за декабрь 2013
• 20 темных сайтов для вдохновления
• 2013й год глазами Spotify
• Яркая презентация Adobe Muse
• reachpartners.ch — сайт с параллаксом, блюр-эффектом и анимациями
• fueled.com — технологически продвинутый сайт, уже успевший завоевать ряд наград
• Teaching Families to Fish — сайт с интересной реализацией псевдо-интерактивности
• paywhatyouwant.eu — отличная реализация классического параллакс-эффекта
• Чертова дюжина красочных и вдохновляющих сайтов
• fixedagency.com — портфолио в котором используются актуальные тренды дизайна и технологических решений
• curadmir.com/home — нестандартная графика, анимация и дизайн
• Internet Explorer в партнерстве с NORAD запустили совместный сайт в преддверии Нового года
• midoriaoyama.jp — сайт с японским привкусом и абстрактной анимированной графикой
• fifty-five — сайт с интересным эффектом на canvas, поддержкой клавиатуры и drag-навигацией
• 17grad.com — виртуозное использование параллакс-эффектов

Дизайн

• Пять трендов веб-дизайна 2014, а также Тренды веб-дизайна, которые исчезнут в 2014
• Интервью с иллюстратором Ольгой Демидовой
• Рисуем животных: кошки и их анатомия
• Подборка логотипов с элементами геральдики
• Постарайтесь не переборщить с минимализмом в дизайне
• Три тренда в дизайне которые бросают вызов соломенному чучелу с именем «Pixel Perfect»
• Инфографика на тему адаптивного веб-дизайна
• Плоские иллюстрации в веб-дизайне
• Является ли крутой дизайн на самом деле паршивым?
• Интервью с иллюстратором Liran Szeiman
• В защиту скеуморфизма
• Как типографика воздействует на читателей
• Исследуем большой экран
• Редактирование портретной фотографии для создании эффекта полотна с подтеками
• Полное руководство по работе с корректирующими слоями в фотошопе – Color Lookup и Photo Filter
• Отсутсвие выравнивания и асимметрия в веб-дизайне
• 5 советов для веб-дизайна для оптимизации конверсий сайта

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

• Бесплатные ретро шрифты
• Коллекция полезных скриптов для Photoshop
• Текстуры бумаги с пригоревшими краями
• PSD мокапы для демонстрации логотипов
• Более четырех десятков наборов c UI-компонентами
• Набор иконок с обводкой с изображением зверей: Face the Animals
• Пять десятков винтажных находок, включая шрифты, иконки и графические материалы
• Векторные рождественские открытки
• Наборы социальных иконок выполненных в рождественском стиле
• Наборы паттернов для фотошопа
• Пятничный набор шрифтов: от декоративного Rose до иконочного MetroFont
• Декабрьские профессиональные шрифты: от Biko до Libre Baskerville
• 12 свежих бесплатных шрифтов за декабрь 2013
• Mohave — заголовочный шрифт без засечек

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

• Bitcoin:
  
  • Крупнейшая афера с Bitcoin происходит прямо сейчас
  • Мошенник провернул Bitcoin-аферу на $100 млн
  • Банки Китая остались без биткоинов
  • Как биткоин победит бумажные деньги

• 10 IT-визионеров, умерших в 2013 году
• Американский хакер научился перехватывать чужих дронов и планирует собрать собственную армию
• Black Friday 2013 по-русски
• 10 документальных фильмов о науке и технологиях 2013 года
• Wired: 10 технологических трендов – 2014
• Купи себе невидимую девушку
• Следующая версия USB может стать двухсторонней
• Новая работа экс-главы Android: создание человекоподобных роботов
• The Guardian наняла робота-редактора. Зачем?
• Автоматический поэт: творческий путь (о роботе Яндекса, пишущего стихи)
• Рынок SEO в эпоху подозрения
• Десятка самых стремных языков программирования
• Фотореалистичных портет Моргана Фримена, нарисованный пальцем на iPad (таймлапс)

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

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