Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №167 (29 июня — 4 июля 2015) / Блог компании Zfort Group / Хабрахабр

http://habrahabr.ru/company/zfort/blog/261811/

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №167 (29 июня — 4 июля 2015)

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

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

CSS

Javascript

Браузеры

Дизайн

Бесплатные печеньки

Новости

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

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

• Создание 2D игр в HTML без CANVAS. Наработки в видеоформате (видеоуроки)
• По-настоящему адаптивные письма. Часть первая
• 10 полезных SEO-советов, которые помогут обойти конкурентов
• Typing — сервис для тренировки написания кода
• Grunt и Gulp в вашем процессе оптимизации (How to Grunt and Gulp Your Way to Workflow Automation)
• В каком типе веб-компонентов мы нуждаемся? (What kind of Web Components do we need?)
• За гранью: почему веб-компоненты — это вымирающий вид (Over the Edge: Web Components are an endangered species)
• Почему веб-компоненты сделают веб для пользователей еще лучше (Why Web Components will make the web a better place for our users)
• 6 причин, по которым ваши дети (и мои) должны изучать кодинг (6 Reasons Why Your Child (and mine!) should Learn To Code)
• Основы SVG: Lines, PolyLines, Caps и Corners
• Почему доступность имеет значение (Why availability matters)
• Стилизация доступных форм (Styling Forms Accessibly)
• Мы должны оптимизировать изображения для лучшей производительности (We should optimize images for the better web performance)
• Утилита для преобразования Timeline данных в видео (GIF) (Convert a Chrome Timeline data to a GIF (video))
• Аудит производительности мобильной версии reddit от Пола Айриша
• 15 клевых параллакс-эффектов с CodePen
• Любимые демки Криса Койера на CodePen II
• Будущее программирования: WebAssembly и жизнь после JavaScript (The Future of Programming: WebAssembly & Life After JavaScript)
• MarkSheet — руководство по изучению HTML и CSS (MarkSheet — A free guide to learn HTML and CSS)
• GSAP + SVG для продвинутых пользователей: движение по кривым (GSAP + SVG For Power Users: Motion Along A Path)
• ExpandJS — модульная библиотека для веб-приложений с 80+ элементами и 350+ утилитами (ExpandJS — Expand your horizon)
• Company Logo API — генератор лого компании
• Front-Trends 2015 Videos

CSS

• Конические градиенты — уже сегодня! Перевод статьи Conical gradients, today!  сообществом css-live.ru
• Нативное прилипание скролла без использования JavaScript (Native CSS Scroll Snap Points)
• Mathematical Web Typography
• Исправляем производительность скроллинга с помощью CSS свойства will-change (Fix scrolling performance with CSS will-change property)
• Варианты верстки различных геометрических фигур в вебе (Working with Shapes in Web Design)
• Контейнерные запросы (Container Queries: Once More Unto the Breach)
• Понимание контекста блочного форматирования в CSS (Understanding Block Formatting Contexts in CSS)
• Rebar Grid Framework — Sass / Stylus grid framework
• Ограничения стилизации посещенных ссылок (Limitations on Styling Visited Links)
• Заблуждения о PostCSS (PostCSS misconceptions)
• Визуализация ширины вьюпорта мобильного веб-траффика (Viewport width visualization of mobile web traffic)
• Воспроизведение эффекта с радужным оверлеем в фейсбуке тремя способами в CSS
• Стилизация элементов форм с помощью псевдо-селекторов
• Независимость компонентов. И почему это может быть сложно для реализации в CSS (Component Independence. And why it can be hard to do in CSS )
• Подкаст Web Platform, выпуск 50: The Evolution of CSS
• Понимание CSS3 Flexbox в отзывчивом дизайне
• Независимость компонентов (Component Independence)
• Стилизация компонентов Angular 2 (Styling Angular 2 components)
• Знакомство со Stylus (Getting To Know Stylus)
• Освоение Less Guards и циклов (Mastering Less Guards and Loops)

JavaScript

• Разработка на ES6 для браузеров
• Семь удивительных «возможностей» Javascript
• Функции высшего порядка в JavaScript
• RadioJs Выпуск 26: Матёрым Шахтёрам
• Возможность выполнения JavaScript в обход ограничений NoScript
• Promise. Работаем с асинхронным JavaScript
• Интерактивные карты на WebGL. Mapbox GL JS — открытая JS-библиотека для создания современных интерактивных карт на основе WebGL (Владимир Агафонкин)
• Асинхронность в Javascript больше не страшна. Как перестать отлаживать асинхронные вызовы и начать жить (Андрей Саломатин)
• Использование Media Capture API (Using the Media Capture API)
• Введение в Fetch API (Introduction to the Fetch API)
• Управление асинхронным потоком JavaScript (Javascript Async Control Flow)
• Рекурсия в функциональном JavaScript (Recursion in Functional JavaScript)
• Маленькие модули: истории от автора серийных модулей (Sindre Sorhus) (Small Modules: Tales from a Serial Module Author)
• Marvell добавляет поддержку JavaScript в наиболее компактное устройство (Marvell Brings JavaScript To The Smallest Devices Ever)
• Насколько быстры web worker-ы? (How fast are web workers?)
• ECMAScript 6: Лучший JavaScript для эры в окружении компьютеров (ECMAScript 6: A Better JavaScript for the Ambient Computing Era)
• Производительность ES6 в окружениях и браузерах (ES6 Feature Performance)
• TCO в ECMAScript 6 (Tail call optimization in ECMAScript 6)
• Возможно вам уже не нужен Underscore (You Might Not Need Underscore)
• ES-Checker
• Руководство для начинающих по Handlebars (A Beginner's Guide to Handlebars)
• SPECTACLE — библиотека для презентаций на ReactJS
• React + Производительность = ? (React + Performance = ?)
• Move.js — небольшая JS библиотека для создания простой и элегантной CSS3 анимации
• Статистика по наиболее популярным JS проектам на GitHub
• Простые анимации типографики: как манипулировать текстом с помощью Blast.js и jQuery (Easy Typography Animations: How to Manipulate Texts with Blast.js and jQuery)
• Эмулируем физику в JavaScript (Hack Physics and JavaScript (part 1))
• Sebastian McKenzie (автор Babel): JavaScript трансформация | JSConf US 2015 (Sebastian McKenzie: JavaScript Transformation | JSConf US 2015)
• Подборка видеоматериалов с Angular U
• Installable web apps — доклад Andreas Bovens на JavaScript Open Day

Браузеры

• Релиз Firefox 39, Некоторые детали для веб-разработчиков
• План развития в Firefox технологий, необходимых для разработки компьютерных игр
• В Firefox запретили вирусам менять новую вкладку
• Firefox 41 будет использовать меньше памяти при работе с AdBlock Plus
• Safari — это новый IE (Safari is the new IE)
• Проблема не в Safari, а в отсутствии выбора браузеров в iOS (Safari isn't the problem, but the lack of browser choice in iOS is.)
• Safari — это не новый IE: это ориентированный на пользователя веб (Safari isn't the new IE: it's the user-centric web)
• Microsoft Edge уже достаточно хорош для того, чтобы я бросил Chrome

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

• creationsnamale.com — сайт с необычными скролл/ховер-эффектами, параллаксом и анимацией
• 30 Best Web Design Examples Using Parallax
• legworkstudio.com — сайт с забавным дизайном, слайд-скроллом и приятными анимационными переходами
• nike.lidyana.com — интерактивный сайт от Nice с кучей фонового видео
• apps.ua — забавный промо-сайт, который научит вас делать сидр
• madogatari.jp — эффект прокрутки в глубину сайта
• Трендовые сайты июня 2015 (30 Web design trends from June 2015)
• Появился «самый престижный сайт» с доступом по очереди
• 20 сайтов с текстом на подложке

Дизайн

• 31-летнюю историю иконок показали на инфографике
• Социальная сеть Facebook сменила логотип впервые с 2005 года
• Мнения российских и западных экспертов в дизайне о новом логотипе Facebook
• Битва за конверсию: цвет vs контраст
• Бразилия показала дизайн факела для Олимпиады 2016 года
• Лучшие принципы минимализма для создания сайтов
• Неоновый типографический эффект в Adobe Illustrator
• Последнее слово о Helvetica? (The Last Word on Helvetica?)
• Переосмысление процесса веб-дизайна (Reimagining the Web Design Process)
• Предсказания о веб-дизайне и разработке на 2016-17 (Web Design & Development Predictions For 2016-17)
• Веб-дизайн: изучаем неудачи для будущего успеха (Web Design: Learning from Failure for Future Success)
• Когда меньше значит больше — почему минимализм все еще рулит в вебе (When Less is More – Why Minimalism STILL Rules the Web)
• Прощай Adobe. (Bye, bye Adobe.)
• Ложь, которую все веб-дизайнеры говорят своим клиентам (Lies All Web Designers Tell Their Clients)
• Свежие редизайны (Re:designed)
• Настоящий UX-инструмент (A true UX tool)
• Новый логотип Facebook-а сделал дома Eric Olson (New Logo for Facebook done In-house with Eric Olson)
• Ускоренный курс исследования UX дизайна (A Crash Course in UX Design Research)
• Перегрузка уведомлениями? (Notification Overload?)
• Процесс создания дизайна iOS-приложения для больших скейтбордов (Inside the Design of the Boosted Boards iOS App)
• Пять удивляющих уроков, полученных при создании дизайна для образования (5 Surprising Lessons When Designing for Education)
• Как Apple Music привлекает новых пользователей (How Apple Music Onboards New Users)
• Apple Music — это кошмар юзабилити (Apple Music is a Usability Nightmare)
• Дизайн интерфейсов с большим количеством данных (Designing Data-Driven Interfaces)
• Принципы дизайна: баланс в композиции, симметрия и асимметрия (Part Seven Design Principles: Compositional Balance, Symmetry And Asymmetry)
• Разработка интерфейсов: не наказывайте людей (Design UI: Don't Punish The Humans)
• Оригинальные часы: история диких дизайнов наручных часов Casio (The original smartwatches: Casio's history of wild wrist designs)
• Создание анимации и микро-интерактивности без кода с Webydo (Code-Free Scrolling Animations and Micro-Interactions with Webydo)
• Дизайн под андроид: анти-паттерны и распространенные ошибки (Android Design Anti-Patterns and Common Pitfalls)
• Дарвин и искусство веб-дизайна (Darwin and the Art of Web Design)
• Семь трендов веб-дизайна, за которыми стоит следить в 2015 (7 Web Design Trends to Watch for in 2015)
• Как я сделал редизайн нот для пианино (How I'd redesign piano sheet music)
• Как превратить опыт пользователей в UX дизайн (How to transform user experience into UX design)
• Как использовать люминисцентные выделения в Adobe Photoshop (How to Use Luminous Selections in Adobe Photoshop)
• Отличные комбинации шрифтов (Great font combinations)
• Занятия с типографикой (Sessions with Typography)

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

• Бесплатный вектор о рыбалке
• 20 текстур стекла для вашего дизайна
• Шестнадцать наборов с иконками за июнь 2015 (16 free icon packs from June 2015)
• Набор UI Shapes-Transparent (Download Free Transparent UI Kit)
• Набор иконок Smashicons (Freebie: Smashicons Icon Set (500 Icons, 4 Styles, AI, PSD, Sketch))

Новости

• Google решила проблему случайных кликов по рекламе, Google уменьшил вероятность случайных кликов по мобильным объявлениям
• Microsoft рассказала, как будет проходить распространение Windows 10 (далеко не все получат обновление 29 июля)
• СМИ узнали о новых Google Glass под кодовым названием GG1
• Samsung запустит свою платёжную систему уже в сентябре
• IDC назвала десять крупнейших производителей смартфонов в мире
• NASA и Microsoft планируют использовать очки Microsoft HoloLens на МКС
• Редизайн: «Яндекс» представил обновленную «Яндекс.Работу»
• Airbnb привлекла $1,5 млрд при оценке $25,5 млрд — WSJ
• В карусели мобильной поисковой выдачи Google появятся пины, видеоролики и рецепты
• Google обновил документацию по созданию навигационных цепочек
• Сотрудник Google пояснил метод работы машины на автопилоте
• BMW допускает разработку автомобиля для Apple и Google

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

• Самая милая демка со львом на WebGL
• Игра, которая умещается в один твит
• Breakouts — игра, реализованная с помощью использования различных библиотек
• В тёмном-тёмном интернете: Несколько странных историй из даркнета
• В Twitter нашли сообщившую о «роботе-убийце» Сару О'Коннор
• «Сделать красиво»: в MIT придумали способ фиксить баги, одалживая чужой рабочий код
• История становления Брайана Чески из Airbnb — как научиться всему, не читая учебников
• Первый в мире напечатанный на 3D принтере офис появится в Дубае
• Зачем на самом деле нужен Apple Music
• Почему люди не увольняются из Apple — исповедь бывшего стажера, Стажировка в Apple: зарплата около $7000, встречи с топ-менеджерами и атмосфера строжайшей секретности, Стажёр рассказал о работе и зарплатах в Apple
• На Reddit проходит глобальная забастовка модераторов

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

PS: На следующей неделе дайджеста не будет. Отпуск, отдых и все такое :)

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