Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №120 (11 — 17 августа 2014)

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

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

• Веб картография и SVG эффекты
• SVG, Iconfonts vs PNG
• Разработка векторного редактора на JavaScript (сложности и идеи)
• Автоматизация фронтенда — от простого к сложному
• Gulp + Browserify и всё, всё, всё
• Создание отзывчивых веб-страниц с помощью режима эмуляции устройств Chrome DevTools
• W3C предлагает реализацию расширения описания изображения с помощью атрибута longdesc
• Git, Bitbucket и ты
• Простой пример того, что делает ARIA и чего не делает
• Понимание координатной системы и трансформаций SVG (часть 3) – создание новых видимых областей
• Проблема с использованием HTML импорта в веб-компонентах для управления зависимостями
• Плагины для WordPress для работы с анимированными GIF
• Подборка CSS и Javascript библиотек для создания анимационных эффектов
• Видео с HTML5DevConf Ускорение мобильных приложений с GPU от David Arel
• Улучшаем 404-ю страницу

CSS

• #DevTools трюк: Ctrl + Click на CSS чтобы найти его исходник
• LESS? — мнение обывателя-верстальщика или дизайнера со стажем
• Знакомство со структурным селектором CSS3 :first-of-type
• CSS Guidelines 2.0.0
• Как устроен CSS на Groupon
• Полное руководство по гридам
• Переключающиеся SVG-иконки
• CSS “position: sticky” – введение и полифилы
• Flexplorer — песочница для наглядной демонстрации работы Flex-свойств
• shrthnd — трансформация CSS в сокращенную форму
• Пружинящие анимации
• Употребление и злоупотребление CSS
• Первая CSS переменная: currentColor
• So, How Much Is An Em?
• Параллакс-скроллинг на чистом CSS
• Странный трюк с Baseline-Align Text для решения проблем с типографикой
• Сгибающийся лист в 3D на чистом CSS
• Крестики-нолики на чистом CSS (и HTML)

JavaScript

• Dependency Injection. JavaScript
• 10 самых распространённых ошибок при программировании на JavaScript
• JavaScript — странные части
• Самоуверенный обзор популярных JS фреймворков
• Синтезация звука грома средствами JavaScript
• Как добавить анимационные переходы на страницы с помощью CSS и smoothState.js
• Быстрая вставка YouTube видео с помощью JavaScript
• HTML5 File API: возможности и поддержка
• Как использовать Network Information API
• Backbone директивы
• Добавление ясности в наследование области видимости в Angular
• Объяснение изолированной области видимости в AngularJS
• Angular Plasmid — визуализация структуры ДНК
• Сдвиг привычки писать функции старым способом
• PerfBar — оценка метрик и производительности сайта
• Marka — плагин для анимированной трансформации иконок
• Много способов использования ngClass
• Snapshot.js — NodeJS приложение для обработки, сортировки и фильтрации огромного количества информации
• Tablesaw — гибкое решение для адаптивных таблиц
• Amygdala — REST-клиент на JavaScript
• JavaScript: цифровые часы с Johnny-Five + Arduino
• PojoViz — визуализация JS объектов
• VIDE — простой jQuery плагин для создания полноэкранных фоновых видео
• DOM Compatator — JS библиотека для анализа и сравнения двух HTML строк (работает в Chrome)
• Еще один jQuery-плагин для задания блокам одинаковой высоты
• VenoBox — еще один адаптивный jQuery плагин для лайтбокса, подходящий для изображений, инлайн-контента, iFrames, Google-Maps, Ajax requests, Vimeo и YouTube

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

• Moodboard — расшаривайте свои дизайнерские идеи без регистрации
• Новый редактор Slides.com
• Веб-приложения для управления проектами, доступное для скачивания
• Визуальный чеклист для веб-дизайнера
• Papa Parse — мощный браузерный CSV парсер

Новости

• Google оштрафовал британские ссылочные сети
• Создатель первого всплывающего окна извинился перед Интернетом
• Расцвет Поднебесной: Baidu бросает вызов Google
• Билл Гейтс, Тим Кук, главы Google, Twitter и Amazon облились ледяной водой
• Intel: прекращение поддержки Windows XP не повлияло на восстановление рынка ПК
• «ВКонтакте» запустит отдельный мессенджер, музыкальное приложение и свой Instagram
• Доля KitKat на рынке Android-устройств впервые превысила 20%
• Присутствие операционных систем Microsoft на рынке сокращается
• Владелец Tinder и Vimeo выкупил Ask.fm у основателей

Браузеры

• Opera Developer 25 или Возвращение закладок 2
• Microsoft хотела переименовать Internet Explorer, чтобы откреститься от прошлого
• Поддержка IE 8 прекратится в январе 2016 года
• Обещаны регулярные обновления IE
• Internet Explorer празднует 19-ю годовщину
• Подробности о новинках инструментов разработчика «F12» в августовском обновлении IE11
• Google Chrome будет уведомлять о загрузке вводящего в заблуждение ПО
• Браузер Chrome получит систему управления аккаунтами в духе Chrome OS
• Браузер Chrome научился показывать просмотренные ранее страницы без интернет-соединения
• Сравнение энергопотребления Chrome, Firefox и IE
• Альтернативный способ определения браузера — с использованием HTML5 canvas

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

• volkshotel.nl — рисованная анимация и иллюстрации
• ThenNow — интересно реализованный драг-слайдер со сравнением фотографий «До и После»
• wander-lust.ro — сайт с приятным параллаксом и анимационными эффектами

Дизайн

• С чего началось использование [x] в дизайне графических интерфейсов
• Улучшаем UI веб-приложения
• Графика из старых игр в веб-дизайне
• Электронная книга «Web UI Design Patterns 2014»
• Стоит ли придерживаться принципа Above-the-Fold в дизайне?
• Чему я научился за один год работы продуктовым дизайнером
• Что такое продуктовый дизайн
• Руководство для дизайнеров по понятию DPI
• Принципы дизайна сайта от Google и AnswerLab
• thecreativeclass.tv — видео-интервью с людьми из креативной индустрии
• Вводный экран: руководство для начинающих
• Пять десятков визиток с супер-креативным дизайном
• Рисуем веселую иллюстрацию летней путешественницы в Adobe Illustrator
• Новинки векторной графической программы Inkscape, новая версия которой скоро будет выпущена
• Создание музыкальных иконок в стиле наклеек в Adobe Illustrator
• Редизайн меню 'Get Info' в MacOS
• Предлагаемый редизайн Adidas
• Иллюстрации знаменитых лысых голов
• Типографика без границ: четыре десятка уроков с типографическими эффектами реализованными в Adobe Illustrator
• Дизайн шрифта FF Franziska

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

• Pexels — новый сайт с бесплатными фото
• Фото-текстуры плетеного бамбука
• Шесть генераторов для создания фонов с абстрактной графикой
• Шаблон веб-сайта в красно-серых цветах (PSD)
• Мокап с бренд-принадлежностями
• Набор векторных иконок с ретро-автомобилями
• Набор из четырех десятков векторных иконок с изображением бытовых электорнных устройств
• Cutlery Icons — набор иконок посвященных кухне
• Mondrian — декоративный шрифт без засечек
• BRIG — заголовочный шрифт без засечек
• Hans Kendrick — шрифт без засечек

Демо

• Космический полет среди астероидов в Google Chrome Experiment
• css3 demo cube
• Hextris — занимательная игра и очередная убийца времени
• Подушечный тетрис
• Ребята из Редмонда предлагают алгоритм для обработки видео снятого от первого лица для получения эффекта Hyperlapse

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

• В NASA впервые распечатают космическую камеру на 3D-принтере
• Microsoft показала как превратить обычную камеру в Kinect
• Воины будущего. Завораживающие и пугающие роботы Boston Dynamics
• Парящая блютус-колонка в виде «Звезды смерти»
• 13 дизайн-объектов, нарушающих законы гравитации
• Учёные научились прослушивать смартфоны через встроенный гироскоп
• Почему перезапуск спас Foursquare от неминуемой гибели
• «Mac vs PC» возвращается: Microsoft троллит Apple в рекламе своего планшета
• Как думают гении: 12 правил жизни Стивена Хокинга
• 10 домашних компьютеров начала компьютерной эры
• Pebble, OUYA и еще 7 самых успешных проектов на Kickstarter
• Почему компании, занимающиеся слежкой, ненавидят iPhone

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

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