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

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

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

• W3C HTML5 вышел на финишную прямую
• Как мы тестируем CSS-регрессии с Gemini. Доклад на BEMup в Яндексе
• Появились видеозаписи докладов со встречи «Web Standards Days», которая прошла 12 апреля 2014 года в Новосибирске.
• Чеклист для мобильного веб-приложения
• Семь вопросов к восходящей звезде FutureOfWebApps — Flurin Egger
• Awesome SVG — впечатляющий список ресурсов, статей, инструментов и других материалов, посвященных SVG
• Анимированный фон для хедера с помощью canvas
• «Не используйте picture (в большинстве случаев)» — призывает нас Jason Grigsby
• Будущее адаптивных изображений
• Google Web Designer: Production-Ready инструмент или игрушка?
• Свежий выпуск подкаста RWD с приглашенным Бредом Фростом
• Введение в Broccoli
• Процесс WordPress-разработки с помощью Sass и Compass

CSS

• Поведение курсора при наведении на текст
• Знакомый незнакомец display в контексте контекстов форматирования
• CSS на крупномасштабных сайтах
• Интересуетесь дальнейшей судьбой забытых CSS-спецификаций? Вот табличка
• Обстоятельные размышления о плюсах и минусах служебных классов, вроде .clearfix и .float-right
• Еще одни крестики-нолики с «ИИ» на HTML/CSS3 от Стю Николза
• Как писать объектно-ориентированный CSS
• Презентация от Sara Soueidan: Стилизация и анимация SVG с помощью CSS
• Остерегайтесь вложенности селекторов в Sass
• Lemonade — сетка на базе Sass
• Манипуляция с цветом в Sass
• Наложение цветов в Safari и Firefox
• Пять простых шагов по добавлению изюминки в кнопки с помощью CSS-анимации
• Потрясающая анимированная история iPhone-ов на чистом CSS
• Готовые к использованию в вебе SVG иконки
• Подборка CSS-библиотек для добавления эффектов анимации
• 5 стандартизированных методов для написания CSS
• Небольшая подборка CSS-стайлгайдов для вдохновения
• CSS Cheat Sheet
• Takana — a SCSS Live Editor
  

JavaScript

• Локализация с AngularJS
• Трансдьюсеры в JavaScript. Часть вторая
• Алгоритмы поиска путей на JavaScript
• Arr.js: события для стандартного массива
• [Подборка] Melchior.js, ng-admin, Hello.js, ineed
• Изучаем искусство с помощью JavaScript
• ECMAScript 6 промисы (1/2): основы
• Раскрываем понятие JSON-P
• Awesome Node.js — курируемый список ресурсов по NodeJS
• JavaScript для OS X автоматизации с примерами
• Анатомия JavaScript MV* фреймворков
• ng-admin: добавляет AngularJS GUI администратора к любому RESTful API
• Ошибки, которые я совершил в моем первом проекте на Ember
• Приведение в порядок JavaScript UTC даты с помощью Moment.js и Ember Data
• Начинаем разбираться с Melchior.js
• Десяток JS-скриптов для кастомизации скроллбара и добавления скролл-эффектов
• Midnight.js — позволяет переключать фиксированные заголовки на лету (при скролле)
• Particleground — jQuery плагин для создания динамических фонов, состоящих из частиц
• KaTeX — рендеринг формул в вебе
  
• Объяснение JS-хаков
• О ReactJS на пальцах
• Создаем свою DOM-библиотеку, вдохновившись jQuery
• Использование ServiceWorker в Chrome сегодня
• Победители конкурса Js13kGames 2014
• Принципы работы <script>, <script async> и <script defer> в виде памятки
  

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

• Генератор градиентов
• Стильные бейджики для вашего сайта
• Leaflet.FreeDraw — рисуем слои поверх карты
• mockaroo — сервис для генерации мокап-данных в форматах CSV, JSON, SQL и Excel
• svgcircus — онлайн-генератор анимированных индикаторов загрузки на svg
  

Новости

• jQuery.com взломан
• Подтверждён взлом jQuery.com. Зафиксирована вторая успешная атака
• Курс Bitcoin снова растёт: Paypal разрешил оплату биткоинами в американских интернет-магазинах
• Вышел npm 2.0.0
• • Google сможет удалять приложения с пользовательских планшетов и смартфонов
  • Google «закручивает гайки» на рынке Android-устройств
  • Google облегчил покупку авиабилетов на популярные направления
  • Google внедрил Структурированные Фрагменты в результаты поиска
  • Google обновил поисковое приложение для iOS, изменив название с Google Search на Google

• • Яблоко прощения: Apple выкатила срочный релиз iOS 8.0.2 с извинениями
  • У Apple iPhone 6 Plus обнаружен дефект — сгибание корпуса при слабом нажиме
  • Не так сели: Apple ответила на сообщения о погнувшихся iPhone 6 и 6 Plus
  • Новые iPhone 6 и iPhone 6 Plus побили историчекий рекорд продаж

• Alibaba провела крупнейшее в истории США размещение акций
• «Алибаба»: первый кандидат в терадолларовые доткомы
• Microsoft и LG объединят усилия для развития «Интернета вещей»
• Артемий Лебедев создал промо-сайты для зоны.москва в обмен на именной домен
• FAA предоставила шести кинокомпаниям разрешение на коммерческое использование беспилотных дронов
• Яндекс запустил сервис поиска подрядчиков — Яндекс.Мастер
• Руководитель «Одноклассников» Илья Широков покидает компанию
• Проект Mozilla присоединился к инициативе по отказу от SHA-1 для HTTPS

Браузеры

• Для отключённых от сети пользователей браузера Chrome сделали миниигру с динозавром

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

• Клевая реализация гайда в Dropbox
• immersive-g.com — сайт с необычными фоновыми анимациями и разнообразными скролл-эффектами
• mbianchi.us — сайт, насыщенный анимационными эффектами
• tobiashaeusler.de — сайт с симпатичными скролл-эффектами
• tectonica.co — вертикальный сайт с анимированными скролл-эффектами
• france.hermes.com — сайт с необычным рисованным дизайном
• www.serious-studio.com — сайт с минималистическим дизайном и вкраплениями нестандартной анимации
• 30 сайтов с акцентом на типогруфику в дизайне

Дизайн

• Руководство для дизайнера по DPI
• Компания Adobe открыла код инструментария для создания шрифтов OpenType
• Фанатам Helvetica посвящается
• Принципы работы с типографикой для создания сбалансированного веб-дизайна
• Меню и списки в мобильном дизайне
• Руководство по созданию дизайна рассылочных писем от MailChimp: Email Design Guide
• Полное руководство по разрешениям все iPhone-ов
• Как проектировать дизайн для пальцев в эпоху больших экранов
• Как создать кнопки в Photoshop-е и Adobe Muse
• Создание собственных гранж кистей в Adobe Photoshop
• Дизайн удобных форм регистрации
• Превосходные иконки от Ramotion
• Основы композиции в графическом дизайне
• Насколько подходит всем иконка меню-гамбургер
• Мой процесс разработки дизайна для приложений
• Как использовать ограничения для успеха в дизайне
• Примеры толкового использования типографики в веб-дизайне
• Создание дизайна иконки взлетающей ракеты в Adobe Fireworks
• Рисунки никогда не умрут
• Небесные города: девять замысловатых иллюстраций воображаемых городов
• Как делать дизайн для пальцев в эру больших экранов
  
• A PDF worth checking out: Mobile Multi-Device Design, or lessons learned building Polar (pdf)
• Следующая большая вещь в отзывчивом дизайне

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

• Кисти к фотошопу от Daniel Martin
• Электронная книга с дизайнами более тысячи логотипов на семидесяти страницах
• Иконки для Apple Watch
• Мокапы для демонстрации приложений в Android L / iPhone 6 Plus
• Семь фотореалистичных мокапов для демонстрации логотипов
• Apple Watch GUI PSD
• Вайрфеймы и GUI для Android, версии 2014-го года
• Два десятка современных фонов в высоком разрешении
• Морской набор векторных ретро-изображений
• Набор иконок Jellycons iOS 8 (PNG, Sketch)
• Более полторы сотни векторных контурных иконок
• Векторные тонкие иконки социальных медиа
• Набор с векторными изображениями, посвященными Дню Всех Святых
• Семь наборов с векторными иконками в плоском дизайне
• Бесплатные латинские и кириллические шрифты

Демо

• Игра на угадывание сайта по вайрфрейму
• Реконструкция 3D модели лица по видео
• Визуализация искусственной нейросети

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

• 5 функций Apple Watch, и еще 5, которые для этих часов пока что не доступны
• Дроны Facebook для доступа в Интернет будут размером с Boeing 747
• Дрессировка роботов как альтернатива программированию
• Том Йорк опубликовал новый альбом через BitTorrent
• Группа U2 и Apple совместно разрабатывают новый музыкальный формат
• 4 тренда мировой экономики, которые подтверждают успешное IPO Alibaba
• 5 новых материалов, которые изменят вашу жизнь
• Самые глупые решения в истории Кремниевой долины
• Учёные советуют научную фантастику: 17 книг, которые стоят того
• Как зарабатывают профессиональные геймеры
• 12 популярных стартаперских неологизмов, выраженных GIF-картинками
• Тема дня: как компании отреагировали на гнущийся iPhone в Twitter

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

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

Автор: alexzfort

Источник