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

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

CSS

Javascript

Браузеры

Дизайн

Новости

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

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

• Современный интернет ушами незрячего — Заголовки, дополнение
• Хватит толкать веб вперед (с) PPK ( Stop pushing the web forward)
• О моратории на новые браузерные функции, предложенном PPK ( On PPK’s moratorium on new browser features)
• Если мы остановимся, мы двинемся вспять ( If we stand still, we go backwards). Спасибо сообществу css-live.ru за перевод этих дискуссий о судьбах веба
• Как стать выдающимся фронтенд-разработчиком
• Влияние параллакса на SEO
• Давайте поговорим о производительности (Let's talk about Web Performance)
• Исправляем производительность в стеке веба (Fixing Performance in the Web Stack)
• Приключение в мире SVG фильтров (An Adventure in SVG Filter Land)
• Как Google влияет на структуру страниц вашего сайта (How Google changes will affect your page structure)
• Что не так с вебом? (What’s Wrong with the Web?)
• Викторина: понимаете ли вы семантический HTML? (Quiz: Do You Understand Semantic HTML?)
• Социальные новостные сайты для фронтенд-разработчиков (Social News Websites for Front-End Developers)
• Ресурсы, где фроненд-разработчики могут подписаться на рассылку писем (Newsletters for Web Designers and Front-end Developers)
• 20+ справочников и руководств для Front-end разработчиков (№ 5) (20+ Docs and Guides for Front-end Developers (No. 5))
• Как пять пасхалок в рассылочном письме дизайнерской конференции помогли продажам (How 5 Email Easter Eggs Helped Sell Out The Email Design Conference)
• Использование npm как системы сборки для вашего следующего проекта (Using npm as a build system for your next project)
• Pointer Events уже работают в Firefox Nightly
• codedoodl.es — сборник эффектных демок

CSS

• Продвинутые CSS фильтры
• Лакомые кусочки Grid-раскладки, часть 2: основы и терминология
• CSS жив и здоров ( CSS is Alive and Well)
• официальное видео «Пишем #b_ правильно» с #WebCampOdessa
• css-modules: почему они являются самым значительнім улучшением CSS за последнее время
• CSS: почему мы нуждаемся в локализированных константах (CSS: Why we need localized constants)
• Параллельные действия с помощью CSS анимаций (Overlapping Action with CSS Animation)
• Понимание CSS — специфичность селектора (Understanding CSS: Selector Specificity)
• Игра Kuku Kube, сделанная на CSS & HTML
• CSSfmt — инструмент для автоматического форматирования кода CSS
• Tufte CSS
• BEMIT: Следующий шаг в развитии BEM по версии Гарри Робертса (Taking the BEM Naming Convention a Step Further)
• Создание и разрушение веба с помощью CSS градиентов (Making and Breaking the Web With CSS Gradients)
• Chasis — независимый CSS фреймворк и наборо UI инструментов
• Объяснение CSS жаргона: граф специфичности (CSS jargon explained: the specificity graph)
• Текущее состояние веб-типографики: семь вопросов к Bram Stein (The State of Web Type: 7 Questions for Bram Stein)
• QQ — генератор CSS кода, использующий числительные селекторы
• Адаптивные решения для таблиц сравнительных характеристик (Responsive Solutions for Feature Comparison Tables)
• Используем метод «Cutting the Mustard» с CSS медиа-выражениями (Cutting the Mustard with CSS Media Queries)
• PostCSS.parts — каталог PostCSS-плагинов
• FontCDN — быстрый и удобный поиск шрифтов по Google Web Fonts
• Обучение CSS (Тяжело вздыхает. Гуглит „vertical center div css“ 100 раз. Читает 7 минут)

JavaScript

• Тонкости ES6: Коллекции (часть 2)
• Введение в JavaScript итераторы на ES6
• io.js 3.0.0 — первый релиз серверной JavaScript-платформы после возвращения в Node.js
• Десять бесплатных электронных книг по JS (10 Free JavaScript Books)
• Эволюция циклов в JavaScript (The JavaScript Looping Evolution)
• Тонкости ES6: Субклассирование (ES6 In Depth: Subclassing)
• Начало работы с ECMAScript 6 (Getting started with ECMAScript 6)
• Lodash: 10 функций-утилит, которые вы должны перестать переписывать (Lodash: 10 Javascript Utility Functions That You Should Probably Stop Rewriting)
• Практический CoffeeScript: создание игры крестики-нолики (Practical CoffeeScript: Making a Tic-Tac-Toe Game)
• TypeScript против Haxe, какой язык для-компиляции-в-JS лучше? (TypeScript vs Haxe, Which is the Better Compile-to-JS Language?)
• Создание изоморфических приложений с Node.js, React, и Express (Creating Isomorphic Apps with Node.js, React, and Express)
• Использование React в реальном мире (Using React in the real world)
• Видео: Контролируемые против неконтролруемых компонентов в React (Video: Controlled vs Uncontrolled Components in React)
• Неблокирующий асинхронный JSON.parse с помощью Fetch API (Non-blocking Asynchronous JSON.parse Using The Fetch API)
• Cycle.js — реактивный JS фреймворк для взаимодействия Человек-Компьютер
• Что за Flux?! Ведь есть Redux.
• angular-dragula — простой drag-and-drop для Angular
• jquery.stacky — горизонтальные схлопывающиеся панели
• systemjs — универсальный динамический загрузчик модулей
• JAWS Javascript + AWS Stack
• highlighter.js — подсветка DOM-элементов
• Getting Functional with Javascript (Part 1)
• minigrid — 2kb-библиотека без зависимостей для создания шаблона с каскадной сеткой

Браузеры

• Энергопотребление Chrome и Safari сравнили на макбуке
• Изменения в интерфейсе веб-инспектора (webkit)
• Новое расширение React для Devtools Beta (New React Devtools Beta)
• Обзор Microsoft Edge: Windows наконец-то имеет хороший браузер (Microsoft Edge review: Windows finally has a good browser)
• Тренды рынка браузеров Августа 2015: Chrome преодолевает 50% (Browser Trends August 2015: Chrome Exceeds 50%)

Дизайн

• Дайджест продуктового дизайна, июль 2015
• 4 невидимых UX, о которых вы никогда не знали
• Самые интересные обновления Photoshop CC 2015
• 25 правил типографики для начинающих дизайнеров
• Меню «Пуск» в Windows 10 получило награду IDEA за отличный дизайн
• Вдохновляющий веб-дизайн августа
• Twitter-аккаунты, за которыми должен следовать каждый дизайнер
• Редизайн Apple упростил процесс покупки (Apple Redesign Makes Buying a Lot Easier)
• Сравнение пяти инструментов для прототипирования (Five app prototyping tools compared)
• Идеальный UX/UI инструмент. 13 вещей которые необходимы дизайнерам больше всего. (The Perfect UX/UI design tool. 13 things designers needs most.)
• Концепт: Facebook Messenger (Facebook Messenger Concept)
• Почему пустоты в дизайне требуют больше дизайнерского времени (Why empty states deserve more design time)
• Как Ashley Madison привлекает новых пользователей (How Ashley Madison Onboards New Users)
• Fubiz — логотип и прелоадер (Fubiz — Logo and Loader Animations)
• Как использовать фотографию в брендинге (How to Use Photography in Branding)
• Создание текстового эффекта кулона в Adobe Photoshop (How to Create a Colorful Pendant Text Effect in Adobe Photoshop)
• Как делать прототипы UI анимации в Keynote (How To Prototype UI Animations In Keynote)
• Беря наугад типографику из веба (Taking the Guesswork out of Typography on the Web)
• Спецификация логотипа, «современный» процесс (Logo specification, the “modern” process)
• Изучение создания шрифта — сложный путь (Learning to make a font the hard way)
• Отборные иконки (Crafting Icons)
• Все, что вы должны знать о Плоском Дизайне (All You Need to Know About Flat Design)
• Восстание тренда почти плоского дизайна (The Rise of the Almost-Flat Design Web Trend)
• Как эффективно использовать призрачные кнопки (How to Use Ghost Buttons Effectively)
• Существует ли идеальная длина параграфа в вебе? (Is There a Perfect Paragraph Length for the Web?)

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

• Паттерны в кружочек для эффекта halftone
• Паттерны к фотошопу (Ultimate Round Up of Free Photoshop Patterns)
• Наборы векторных изображений (30 Free Vectors All Designers Need)
• NOW UI KIT
• Шаблоны и наборы UI для Apple Watch (25+ Latest Free Apple Watch GUI Kits & Templates)
• Мокапы обложек книг, журналов и брошюр (19 Fresh Free PSD Magazine, Book, Cover & Brochure Mock-ups – August 2015 Edition)
• Иконки, посвященные фитнесу (Freebie: 12 Fitness Vector Icons)
• Две упаковки иконок на тему офиса и сетей (Freebies: 2 Premium Vector and PSD Icon Packs)
• Универсальный набор контурных иконок (Freebie: Universal Line Icon Set For Web And Mobile (46 Icons))
• Vibrey — декоративный шрифт без засечек
• Ikra Slab — декоративный slab-шрифт

Новости

• «Яндекс» предоставил Android-пользователям единый доступ к своим сервисам
• Планшеты мертвы? Похоже, эта индустрия достигла своего пика
• Новый патент Facebook позволит банкам отказывать в кредите пользователям со «слишком бедными» друзьями
• Волож, Хартманн и Мильнер вошли в список 100 самых влиятельных людей Европы по версии Wired
• Прощай, «301+»: YouTube наконец перестала замораживать счетчик просмотров, История о YouTube и 301 просмотре

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

• Что бы я изменил в Windows 10
• Неочевидные изменения в Windows 10, облегчающие жизнь
• 5 уроков, которые все должны усвоить у Google
• Windows 10 для параноиков: простое руководство
• Google+ изнутри: История появления, развития и провала социальной сети — глазами сотрудников Google
• Как появилось слово «блог»
• Владельцы Apple Watch о первых месяцах с часами
• Снятся ли киборгам электробайки?
• Грядущее царство ИТ и тотальная роботизация
• Старкон 2015: Отчёт в фотографиях с фестиваля

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

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