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

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

CSS

Javascript

Браузеры

Дизайн

Новости

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

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

• Понятно и просто про WEB-компоненты и Polymer
• Почему генераторы статических сайтов будут популярны
• Скринкаст «WEBPACK: Модульный frontend при помощи Webpack» от Ильи Кантора
• Рекомендации по написанию HTML/CSS кода
• Когда применять rel=«nofollow» (When to Use rel=«nofollow»)
• Создание offline-страницы для theguardian.com (Building an offline page for theguardian.com)
• Почему так сложно найти front end разработчика? (Why is it so hard to find a front end developer?)
• Service Workers: динамические отзывчивые изображения с помощью WebP Images
• В защиту кнопки Reset (In defense of the Reset button…)
• Почему производительность имеет значениче, часть 2: управление восприятием (Why Performance Matters, Part 2: Perception Management)
• Самая большая ошибка, которую совершают программисты каждый день (The Single Biggest Mistake Programmers Make Every Day)
• Эффектный веб:
  
  • Еженедельная подборка красивых эффектов на CSS/SVG/JS #11
  • Sudoku без JS
  • Эффектный эксперимент с воссозданием эффекта дождя и воды
  • Новый эффект твиттер-лайка с помощью SVG, плюс креативный дизлайк
  
  

CSS

• CSS-модули
• 5 особенностей позиционирования в CSS
• PostCSS:
  
  • Краткое руководство по PostCSS: Обзор плагинов
  • Глубокое прогружение в PostCSS: разные плюсы (Deep Dive: Miscellaneous Goodies)
  • Глубокое погружение в PostCSS: ярлыки и сокращения (PostCSS Deep Dive: Shortcuts and Shorthand)
  
  
• Flexbox:
  
  • Разрушение мифов о Flexbox
  • Примеры использования Flexbox с Compass (A Primer on Using Flexbox with Compass)
  • Flexbox для любых интерфейсов: пример приложения Tracks (Flexbox For Interfaces All The Way: Tracks Case Study)
  
  
• Подробно о создании Twitter “Like” Animation.
• Нуждаемся ли мы в специфичности CSS на самом деле (Do We Actually Need Specificity In CSS?)
• Атака на основе CSS: злоупотребление unicode-range в font-face (CSS based Attack: Abusing unicode-range of font-face)
• Scooter — SCSS фреймворк для создания базовых стилей, CSS компонентов и быстрого прототипирования от Dropbox
• Анимация свойства `content` (Animating the `content` Property)
• 9 советов по отзывчивой типографике от экспертов (9 responsive typography tips from the experts)
• Создание анимированной формы поиска на CSS3
• Именование вещей в CSS действительно сложно (Naming Things In CSS Is Really Hard)
• Даем название цветам (Naming Colors)
• Работа с SVG направляющими в Framer (Working with SVG Paths in Framer)
• Filter Blend — песочница для подбора режимов смешения и фильтров
• CSS эффекты накладываемы на изображения #5: ломография (CSS Image Effects #5: Lomography)

JavaScript

• Подкаст RadioJS №32: Идеи важнее фреймворков
• ES6:
  
  • Обзор ES6 в 350 пунктах. Вводная статья цикла заметок от Николаса Беваквы «ES6 изнутри» в переводе от сообщества css-live.ru
  • ES6 в деталях: Шаблонные строки
  • JavaScript ES6+: var, let, или const? (JavaScript ES6+: var, let, or const?)
  • Конвертация проекта с Gulp с ES5 на ES6 с помощью Babel 6.0.0 (Converting Gulp project from ES5 to ES6 with Babel 6.0.0)
  • Викторина по Javascript. Редакция ES6 (Javascript quiz. ES6 edition.)
  • Опрос в Twitter-e о более популярном названии ES6 или ES2015
  • dragon — что, если бы Backbone был создан сегодня с ES6&7, виртуальным DOM и прочим?
  
  
• Фреймворки:
  
  • Готов ли Angular 2.0? (Is Angular 2.0 ready?)
  • Будет ли Angular 2 успешен? Абсолютно да! (Will Angular 2 be a success? You bet!)
  • 7 причин использовать Ember.js (7 Reasons to Use Ember.js)
  • Чат в реальном времени с Ember 2 и Pusher (Real-Time Chat with Ember 2 and Pusher)
  • Понятие компонентов в Ember 2 (Understanding Components in Ember 2)
  • Компоненты React высокого порядка (Higher Order React Components)
  • Начальные показательные шаги с Node.js (A Beginner Splurge in Node.js)
  
  
• JavaScript Promise API
• ServiceWorker, MessageChannel, & postMessage
• Object.observe собираются убрать из ES7 (An update on Object.observe)
• Важность import и export (The Importance of import and export)
• Рецепты для получения случайности в JavaScript (Recipes for Randomness in JavaScript)
• О датах в JavaScript (JavaScript dates, trains, Passover, and Henry VIII)
• Написание асинхронного ‘For-loop’ в JavaScript (Writing an Asynchronous ‘For-loop’ in JavaScript)
• Синхронная и асинхронная последовательность исполнений функций (Synchronous and asynchronous sequential execution of functions)
• Релевантность jQuery – туда и обратно (jQuery’s Relevancy – There and Back Again)
• Создание обозревателя файлов с GitHub с Vue.js (Create a GitHub File Explorer Using Vue.js)
• Scala.js: следующее поколение во front-end разработке в Scala (Scala.js: Next generation front end development in Scala)
• Как написать запросы лучше с Breeze.js (Write Better Queries with Breeze.js)
• Плагины:
  
  • imagesLoaded — плагин для определения, загрузилось ли изображение (работает в том числе и с фоновыми картинками)
  • RIOT — библиотека для React-подобного пользовательского интерфейса (A React-like user interface micro-library)
  • roll — библиотека для прокрутки и отслеживания скролла
  
  

Браузеры

• Тренды браузеров за ноябрь 2015: Chrome продолжает экспансию (Browser Trends November 2015: the Chrome Clinch)
• Подробности Firefox 42 для разработчиков
• Увидел свет Firefox 42
• В браузере Firefox появилась защита от отслеживания
• Отладка мобильных сайтов в Firefox — новые возможности
• Браузер Vivaldi перешёл на стадию бета-тестирования
• Предварительный обзор браузера Vivaldi: “старая” Opera возвращается?
• Новейшие инструменты Firefox Developer Edition 44’s (Explore the deepest secrets of the ocean with some of Firefox Developer Edition 44’s newest tools, designed to take the pain out of CSS animation.)
• DevTools Digest: эффективное редактирование элементов, отладка Service Worker и другое

Дизайн

• 24 ошибки дизайна и юзабилити сайта. Каталог антипаттернов дизайна и UX сайтов. С примерами «хорошо-плохо» и советами, как исправить.
• Google, Facebook и NASA показали «неостановимый интернет» в постерах для премии Webby Awards
• Дайджест продуктового дизайна, октябрь 2015
• Графические редакторы:
  
  • Переносим psd исходники с Photoshop в Sketch
  • Стильное оформление лого в Adobe Illustrator и Photoshop
  • Видео уроки Principle for mac: Создание анимации интерфейсов с помощью Principle и Sketch
  • Полезные плагины для Sketch (20 Essential Plugins for Sketch App)
  • Лучшие 100 уроков по Adobe Illustrator (Top 100 New Adobe Illustrator Tutorials)
  • Создание альтернативных постеров фильмов 80-х годов с Photoshop (Making Alternative ’80s Film History Come to Life with Photoshop)
  
  
• Мобильные устройства:
  
  • Дизайнер объяснил тепловые карты на смартфонах и фаблетах
  • Список или сетка: что и когда использовать на мобильных устройствах (List vs. Grid View: When to Use Which on Mobile)
  • Дизайн для iOS 9 (Designing for iOS 9)
  • Как мы держим наши гаджеты (How We Hold Our Gadgets)
  
  
• Типографика:
  
  • Заставляют ли шрифты с засечками кликать по рекламе?
  • Сумасшедшая типографика на обложках журналов
  • Как Sketch работает с типографикой
  • Типографические детали излюбленных в Typewolf сайтов за октябрь 2015 (The Typographic Details Behind Typewolf’s Favorite Sites of October 2015)
  
  
• Использование цвета при разработке приложений или сайтов (Using Color When Designing Apps Or Websites)
• Рисунок для детей: рисуем бегущего пони (Drawing for Kids: Draw a Running Pony)
• Писсуары и юзабилити (The UX of UP: Urinals and Usability)
• Как Hearthstone привлекает новых пользователей (How Hearthstone Onboards New Users)
• Разговаривающий дизайн: как создавать слушающие системы (Conversational Design: How to Craft a System that Listens)
• Принципы дизайна: выбираем подходящий паттерн (Design Principles: Choosing the Right Patterns)
• Длинные тени мертвы. Добро пожаловать размытые тени! (Long shadow is dead. Welcome Diffuse shadows.)
• Какой элемент формы выбрать и когда использовать? (Which Input When?)
• Ребрендинг — это жизнь. (Rebranding is life.)
• Дизайнер визуализировал свои эмоции за год в цветовом спектре (This Designer Turned A Year's Worth Of Emotions Into Colorful Spectrums)
• Дизайн посадочной страницы для людей не различающих цвета (Designing a landing page for color-blind people)
• Дизайн более эффективных форм (Designing More Efficient Forms)
• Три способа по предотвращению превращения вашего веб-дизайна в “типичный” (3 Ways to Prevent Your Web Design from Becoming “Generic”)
• Как использовать баланс в веб-дизайне (How to use balance in web design)
• Проект Comet: дизайним с реальными данными (Project Comet: Designing with Real Data)
• Ням! Как нарисовать аппетитную иконку сэндвича в Adobe Illustrator (Yum! How to Create a Delicious Bagel Sandwich Icon in Adobe Illustrator)
• Переосмысление логотипа IKEA (Rethinking IKEA’s logo)
• Галерея монстров (The Monster Gallery)
• Refold — легко трансформирующийся и переносной стол

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

• Бесплатные иконки жестов
• Плагин Fluid для Sketch 1.6.1
• Awesome Stock Resources
• Ужасные векторные иллюстрации (Grab This Macabre Vector Freebie)
• Набор UI Stark (Stark-Free UI PSD Kit to Download Today)
• 20 бесплатных наборов UI для загрузки (20 Free UI Kits to Download)
• свежие ресурсы для дизайнеров, ноябрь 2015 (50+ fresh resources for designers, November 2015)
• Magnolia Display — декоративный шрифт
• Butch — рукописный декоративный шрифт

Новости

• Gmail ищет вопросы в письмах и автоматически предлагает готовые ответы
• HP официально разделена на две компании
• Twitter променял «избранное» на «лайки»
• Lytro разработала камеру, которая позволит зрителю двигаться и заглядывать за объекты внутри сферического видео
• Facebook представил новый формат публикаций – Music Stories
• Alphabet предложила Индии Интернет на воздушных шарах
• Apple построит в Сан-Хосе громадный кампус на 385 500 кв. м

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

• Восемь лет назад Google анонсировала ОС Android
• Каково это – быть уволенным из Google
• 50 бесплатных онлайн-курсов ноября по дизайну, математике, предпринимательству и программированию
• Сюрпризы квантовой топологии
• Каково использовать компьютер в Северной Корее: местная ОС в скриншотах
• T.N.R 250, Gizmo, Mackelangelo и другие слова, понятные лишь сотрудникам Apple, Facebook, Microsoft и Google
• Этика эпохи Больших Данных
• Умный город: Эффективное управление развитием
• DeepArt — сервис, комбинирующий загруженное изображение и выбранный стиль

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

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