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

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

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

CSS

Javascript

Браузеры

Дизайн

Новости

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

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

• Шесть вещей, которые вы должны знать о движении WordPress в сторону JavaScript
• Пару слов о «смерти» Flash, Animate CC и Web стандартах
• Техническое SEO 2015: адаптируем сайт к органическому поиску
• Динамические сайты со скоростью статических: искусство кэширования сайта
• Ускоряем загрузку ресурсов для сайта: preconnect, prefetch, prerender, preloading…
• Верстка сайта с помощью Sketch и Atomic Design
• Что умеет веб на сегодняшний день (What Web Can Do Today)
• Видео: вспоминаем о структуре документа в мире HTML5 (Watch: Remembering the Document Outline in an HTML5 World)
• Flash, HTML5 и открытые веб-стандарты (Flash, HTML5 and Open Web Standards)
• Разметка метаданных (Metadata markup)
• Отображаем сложность пароля с помощью `meter` (Password Strength `meter`)
• Руководство по фронтенд конференциям в 2016-м (A Guide to 2016 Front End Conferences)
• Страховка критических точек отказа с помощью Service Workers (Reducing Single Point of Failure using Service Workers)
• Стили и скрипты для нативных слайдеров в формах (Styling and scripting sliders)
• Работаем над производительностью Chrome с помощью WebPageTest (Working on Chrome Performance with WebPageTest)
• Как автоматизировать тест визуальной регрессии (How to automate a visual regression test)
• Мастерство HTML5: ограничительные правила (HTML5 Mastery: Scoping Rules)
• tq — утилита для командной строки для выбора HTML-элементов с помощью CSS-селекторов
• SVG:
  
  • Как реализовать кросс-браузерные SVG иконки
  • Падение и восход SVG (The Fall and Rise of SVG)
  • SVG Font Selection Properties
  • Adobe Illustrator CC полностью обновил экспорт SVG, оптимизировав его для веба и мобильных устройств
  
  
• Эффектный веб:
  
  • Можешь ли ты закодить этот UI концепт? (Can You Code This UI Concept?)
  • Еженедельная подборка красивых эффектов на CSS/SVG/JS #15
  • Интерактивное демо на движке Goo Engine, основанного на HTML5/WebGL
  
  

CSS

• Введение в аппаратное ускорение с CSS-анимациями (An Introduction to Hardware Acceleration with CSS Animations)
• Серьезно, используйте иконочные шрифты. (Seriously, use icon fonts). Ответ на недавнюю статью Seriously, Don’t Use Icon Fonts
• Flexbox Froggy — интерактивная игра для изучения модели flexbox с забавным концептом
• Более быстрая сборка SASS с Webpack (Faster SASS builds with Webpack)
• Представление sGrid: сетка на базе Stylus и Flexbox (Introducing sGrid: A Stylus-based Flexbox Grid System)
• Анимируйте ваш бренд (Animating Your Brand)
• Начинаем разбираться с calc() (Getting Started With CSS calc())
• Solid — BuzzFeed's CSS style guide
• CSS Preprocessing с помощью Visual Studio
• Тонкости сетки на Flexbox (Flexbox Grid Finesse)
• Свойство CSS font-display доступно Chrome Canary
• CSS для увеличения области изображения продукта, без JavaScript (CSS Product Magnification — without JavaScript)
• Эффект увеличения изображения по ховеру с помощью SCSS и Jade

JavaScript

• Десктопные приложения на JavaScript. Часть 1
• Измерение производительности функций в JavaScript
• Подкаст RadioJs, Выпуск 33: Базы данных вверх тормашками
• Упрощенный JS жаргон (Simplified JavaScript Jargon)
• Современные JS инструменты и истории, которые стоят за ними (Modern Javascript Tools and the Stories Behind Them)
• Глубокое клонирование объектов в JS без зависимостей (Deep Cloning Objects In Javascript Without Dependencies)
• JavaScript за границами веба в 2015 (JavaScript Beyond the Web in 2015)
• Важность написания кода, который могут читать люди (The Importance of Writing Code That Humans Can Read)
• Конфигугирование Babel 6 (Configuring Babel 6)
• Как запланировать фоновые задачи в JavaScript (How to Schedule Background Tasks in JavaScript)
• Использование Battery Status API для адаптации вашего приложения (Using the Battery Status API to Optimize Your Development)
• Советы по созданию вашего первого приложения на Meteor от Anders Ramsay (Tips for Building Your First Meteor App — Anders Ramsay)
• Веб Push сообщения из Irssi (Web Push notifications from Irssi)
• Введение в ClojureScript (An Introduction to ClojureScript)
• ES6:
  
  • ES6: Let, Const и «Временная мёртвая зона» (ВМЗ) изнутри
  • ES6: Итераторы изнутри
  • An Introduction To JavaScript ES6 Modules
  
  
• Фреймворки:
  
  • Universal React
  • Как создать приложение «Список задач» используя React, Redux, и Immutable.js (How to Build a Todo App Using React, Redux, and Immutable.js)
  • React Progress 2 — индикатор прогресса для React в стиле YouTube
  • Перевод фронт-энд части Bugsnag на React (Moving Bugsnag's front-end to React)
  • Reagent — утилита для тестирования React компонентов
  • Серии об Angular2 – синтаксис шаблонов (Angular2 series – Template Syntax)
  • Создание нормальных, масштабируемых Angular-приложений непростое, но возможное. Уроки полученные при работе с PayPal Checkout. (Sane, scalable Angular apps are tricky, but not impossible. Lessons learned from PayPal Checkout.)
  
  
• Плагины:
  
  • Новая библиотека Bliss от Lea Verou, которая порадует любителей писать на Vanilla JS
  • Labella.js — метки должны быть прекрасными
  • Split.js — утилита для создания разделяемых панелей
  • Jump.js — очень плавная прокрутка
  • AutoAnimations — автоматическая анимация для всех вставляемых и удаляемых DOM элементов, у которых не заданы CSS-анимации
  • HighwayJS — библиотека для роуитнга без зависимостей
  • dreamjs — легкий генератор JSON-данных
  • booking.js — делаем симпатичный виджет для букинга за минуты
  
  

Браузеры

• Компания Microsoft анонсировала открытие JavaScript-движка браузера Edge
• Экономия трафика в Chrome для Android теперь может достигать 70%
• Мультипроцессовый Firefox Electrolysis не выйдет в этом году
• Mozilla прекратит показ рекламы на стартовой странице Firefox
• Релиз web-браузера Chrome 47
• Улучшения работы с WebRTC в Chrome 47 (Chrome 47 includes several significant WebRTC enhancements and updates)
• 12 расширений для Chrome, мотивирующих тебя с каждой новой вкладкой (12 Chrome Extensions to Motivate You With Each New Tab)
• Тренды браузеров декабрь 2015: борьба за будущее Firefox (Browser Trends December 2015: the Fight for Firefox’s Future)
• Разработчик из Сан-Франциско создал эмулятор веб-сёрфинга последних двадцати лет

Дизайн

• Что новенького в веб-дизайне E-Commerce (What’s the Latest in E-Commerce Web Design?)
• Примеры нетипичного макетирования в веб-дизайне
• Подготовка классной брендинг-продукции (Crafting a Great Branding Delivery)
• Как я сделала дизайн приложения для Refinery29.com (How I Appified Refinery29.com)
• Pantone представила два цвета для 2016-го года (Pantone unveils two colors of the year for 2016)
• Десять больших трендов веб-дизайна в 2015-м году (The 10 Big Web Design Trends of 2015)
• Делаем реальную дизайнерскую работу на iPad (Doing Real Design Work on an iPad)
• 100Spher.es — эксперименты с виртуальной реальностью
• Инструменты веб-дизайнеров:
  
  • Добро пожаловать, Adobe Animate CC, новая эра для Flash Professional
  • Adobe выпустила обновление к Phtotoshop 2015.1 (Adobe Releases Photoshop’s Greatest Update Yet)
  • В Adobe Creative Cloud появилось приложение для моделирования
  • Почему Sketch покидает Mac App Store?
  • Silver: Легковесное мобильное прототипирование в Sketch 3
  • Sync Sketch плагин — плагин для синхронизации при командной работе
  • Как использовать плагин Sympli для Sketch, веб-приложение и плагин Android Studio
  • Выбираем оптимальный инструмент для прототипирования (Selecting the optimal prototyping tool)
  
  
• Типографика:
  
  • Почему Proxima Nova везде? (Why Proxima Nova Is Everywhere)
  • Становитесь выразительными с помощью вашей типографики (Get Expressive with Your Typography)
  • Люди должны использовать типографику: интервью с не-латинским дизайнером-шрифтовиком Erin McLaughlin (People Need to Use Typography: An Interview with Non-Latin Type Designer Erin McLaughlin)
  
  
• UI/UX:
  
  • Состояние UX в 2016 (The State of UX in 2016)
  • Цвета и контраст в дизайне UI (Colors And Contrast In User Interface Design)
  • Почему Sketch — лучший друг UI-дизайнера (Why Sketch is the UI Designer’s best friend)
  • 4 вещи, которые вы никогда не услышите от успешного UX дизайнера (4 Things You’ll Never Hear From Successful UX Designers)
  • Интервью: Urooj Qureshi, UX дизайнeр и владелец 123ContactForm (Interview: Urooj Qureshi, UX Designer & Product Owner at 123ContactForm)
  
  
• Уроки:
  
  • Прототипируем фитнес-приложение в Pixate
  • Рисуем сову при помощи круглой сетки в Adobe Illustrator
  • Создание иллюстрации зимнего дома в Adobe Illustrator (Create a Winter House Illustration in Adobe Illustrator)
  • Photoshop за 60 секунд: Smart объекты (Photoshop in 60 Seconds: Smart Objects)
  • Прототипирование с Marvel и Sketch: часть 1 из 2 (Prototyping with Marvel and Sketch: Part 1 of 2)
  
  

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

• Новогодние открытки в векторе
• Векторный новогодний орнамент
• Шестнадцать мокапов-календарей для Нового Года (16+ Calendar Mockup Templates For New Year)
• Наборы векторной графики на музыкальную тематику (22+ Best Free Music Vector Graphic Designs)
• Friday Freebie — Christmas edition
• Мокап приложения с Material дизайном (Get Free Material Design App Mockup PSD)
• Наборы иконок, посвященные Рождеству и зиме (AI, EPS, SVG и PNG) (Free Christmas & Winter Icon Set (AI, EPS, SVG & PNG))
• Более двухсот прекрасных наборов иконок (200+ Amazing Free Icons Sets)
• Более тридцати пяти шрифтов для дизайнeров (35+ Useful Free Grid Fonts For Designers)

Новости

• Adobe сфокусировалась на поддержке стандарта HTML5 вместо Flash
• Rutracker.org недоступен для российских пользователей: стартовали «учения по гражданской обороне» от блокировок
• YouTube может начать трансляцию популярных фильмов и сериалов
• Mozilla хочет отказаться от разработки Thunderbird
• СМИ сообщили о планах руководства Yahoo продать интернет-бизнес компании
• WSJ: YouTube будет транслировать популярные фильмы и сериалы
• В Google Картинках теперь можно сохранять изображения для будущего просмотра
• Доля Windows 10 на рынке операционных систем достигла 9%
• Билл Гейтс может вложить миллиарды долларов в «зелёную» энергетику
• Apple открыла исходный код языка Swift
• Релиз языка программирования PHP 7.0
• Марк Цукерберг пообещал передать 99% своих акций Facebook стоимостью в $45 млрд в благотворительный фонд

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

• Итоги Dreamhack Winter, запуск кибертелеканала и другие новости киберспортивной недели
• 57 бесплатных онлайн-курсов декабря по программированию, дизайну и менеджменту
• OLED экраны. Вчера, сегодня, завтра
• Настоящие скидки на гаджеты или что нам «впаривает» AliExpress?
• Краткая история USB: предшественники и конкуренты-неудачники
• Основатели Microsoft, Facebook, LinkedIn, Amazon и другие инвестируют в развитие чистой энергетики
• «Айтишные валильщики» делятся опытом
• Марк Цукерберг объяснил, куда будут направлены 99% его акций Facebook
• 15 способов сконцентрироваться на работе, эффективность которых доказана научными исследованиями
• Google отслеживает путь Санта-Клауса (Google Borrows Santa’s Tech To Track His Sleigh)

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

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