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

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

• «Убийца Bootstrap» — Material Design Lite. Версия 1.0.0. Также, Представление Material Design Lite от Addy Osmani, Сравнение с Bootstrap
• Критический путь рендеринга веб-страниц
• По-настоящему адаптивные письма. Часть снова первая
• Может ли email быть «резиновым»?
• Состояние дел с веб-компонентами. Обзор веб-компонентов в блоге разработчиков Microsoft
• RadioJS: Выпуск 27: Jekyll и Gulp
• «Готов» ли HTML? Перевод статьи Брюса Лоусона Is HTML «complete»? сообществом css-live.ru
• Видео докладов с Web Standards Days в Петербурге, 2015
• Moscow Mobile Frontend Meetup №1. Видео и материалы по митапу, посвященному мобильному фронтенду, который прошел в Москве в офисе Авито, 4 июля 2015 года.
• Новостные сайты — самые жирные и медленные, чем когда-либо (News Sites Are Fatter and Slower Than Ever)
• Скучный фронтенд разработчик (The boring front-end developer)
• 13 советов для создания мультиязычного отзывчивого сайта (13 tips for making responsive web design multi-lingual)
• Разработка доступных сайтов (Developing accessible websites)
• Оптимизация canvas анимации (Optimising a canvas animation)
• Объединение динамического и статического сайтов (Merging Dynamic and Static Sites)
• Playful Interaction for Draggable Elements
• Как я создал за час linkmoji (и сделал более 100,000 emoji ссылок) (How I built linkmoji in an hour (and made over 100,000 emoji links))
• Создание приложения Book Club с AngularJS, Stripe и Stamplay (Creating a Book Club App With AngularJS, Stripe and Stamplay)
• SVG:
  
  • Paths — создание и редактирование SVG прямо в браузере
  • Использование SVG для фона страницы: Диагонали и Шаблоны, Полосы, Плитки Эшера и Поп-арт с режимами смешения
  • Как сделать эффект деформированного текста с помощью SVG фильтров
  • Стилизация SVG <use> содержимого с помощью CSS (Styling SVG <use> Content with CSS)
  • Кадрирование встроенного SVG c помощью <object> (Art-Directing an SVG Embedded Using object)
  • GSAP + SVG продвинутых пользователей 2: комплексная адаптивная анимация (GSAP + SVG for Power Users 2: Complex Responsive Animation)
  
  

CSS

• Видео доклада «Пишем #b_ правильно» с WebCamp 2015
• Дебаты на тему «А нужен ли еще нам вообще CSS?»
• Совместимый CSS
• PostCSS:
  
  • О PostCSS от его создателя: интервью с Андреем Ситником
  • Время узнать все о PostCSS — что это и что это делает (It's Time for Everyone to Learn About PostCSS What It Really Is; What It Really Does)
  • That PostCSS. It’s so hot right now
  • PostCSS теперь поддерживается на CodePen
  
  
• 12 малоизвестных фактов о CSS (продолжение) (12 Little-Known CSS Facts (The Sequel))
• Atomic OOBEMITSCSS
• Более доступная многоуровневая выпадающая навигация
• Переключаемся с CSS на Sass в WordPress
• Чистка ваших стилей с помощью Stylelint (Floss your style sheets with Stylelint)
• CSS Transitions и JavaScript Tweens
• Используем CSS Stats для удаления лишних стилей (Using CSS Stats to Remove Bloated CSS)
• Quantity Ordering With CSS
• Подходы к стилям печати: Blacklist и Whitelist
• Использование Web Speech API для симуляции поддержки CSS Speech
• Эффекты наведения, зависящие от направления наведения курсора
• CSS Gradients: A Syntax Crash Course
• Crayon.css — потому что у цветов есть названия
• Последний гвоздь в гроб иконочных шрифтов? (The Final Nail in the Icon Fonts Coffin?)
• Центрирование с Sass (Centering With Sass)
• Sass Maps против вложенных списков (Sass Maps vs. Nested Lists)

JavaScript

• Что нового в Babylon.js
• Опубликованы jQuery 3.0 alpha и jQuery Compat 3.0 alpha
• Значение аргументов по умолчанию
• Промисы
• Slider Pips — делаем слайдеры на jquery чуть более красивыми
• Преодолевая усталость от JavaScript фреймворков (Overcoming JavaScript Framework Fatigue)
• Математика как код
• Наиболее адекватное руководство по функциональном программированию (на javascript) (Mostly adequate guide to FP (in javascript))
• Введение в JavaScript ES6 итераторы (An Introduction to JavaScript ES6 Iterators)
• Исследование ES2016 Decorators
• Интервью: как подключиться к большому open-source проекту (Interview: How to Join a Major Open Source Project)
• Шпаргалка по событиям в jQuery (jQuery UI Events Cheatsheet)
• Как создать и опубликовать свой первый Node.js модуль (How to Create and Publish Your First Node.js Module)
• Создание игрового серверного API на Node.js: пересмотренное (Making a Game API Server Using Node.js: Revisited)
• Почему я использую Tape вместо Mocha и почему вы так же должны это делать (Why I use Tape Instead of Mocha & So Should You)
• React UI Builder
• Представление Belle (React компоненты: Toggle, ComboBox, Rating, TextInput, Button, Card, Select)
• upndown — библиотека для конвертации HTML в Markdown для Node и браузера (HTML to Markdown library, for NodeJS and the browser)
• Создание чата с SignalR (Building a Chat Application with SignalR)
• Начало работы с Connect (Getting started with Connect)
• Начало работы с Vue.js (Getting Started With Vue.js)

Браузеры

• Разработчикам Mozilla надоело возиться с безопасностью Flash в своём браузере
• Финальная версия браузера Microsoft Edge быстрее Chrome даже в бенчмарках Google
• Всё о браузере Edge: расширения, высокая производительность asm.js, отказ от ActiveX
• В новой версии Firefox 39 исправлены 4 критические ошибки
• Что нового в Firefox 39 (What’s New in Firefox 39)
• Developer Edition 41: View source in a tab, screenshot elements, HAR files, and more
• Будет ли ваш сайт работать в Edge?

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

• Сайты, доказывающие, что параллакс-эффект еще не мертв (30+ websites that prove parallax isn’t dead)
• Подборка горизонтальных скролл-сайтов
• Lightyear.fm — космическое радио
• bigdropinc.com — слайд-скролл сайт с симпатичной анимацией
• newstech.jp — японский сайт с футуристическим интерфейсом
• creativecruise.nl — горизонтальный скролл-сайт с тематическим дизайном и анимациями
• wearetopsecret.com — сайт с интересным фоновым эффектом
• giovannighirardi.it — скролл-сайт с нестандартной геометрией

Дизайн

• Почему ужасный веб-дизайн дает больше конверсий?
• Новые тренды в веб-дизайне 2015 года: «Обложки», блочная структура, разделение экрана
• Типографика мелом на доске
• СМИ выложили дизайн упаковок розничных версий Windows 10
• Работы, вдохновленные стилем ар-нуво
• Создаем GIF-презентацию работы в Adobe Photoshop
• Большая типографика в веб-дизайне
• Объяснение дизайнерского жаргона: the F-Pattern
• Интервью с дизайнером Aaron Draplin (Design Talks With Aaron Draplin: Finding Inspiration In Dead Stuff (VIDEO))
• Дизайн нового приложения Thanx (Designing the new Thanx App)
• Проект «КАРТЫ» (The C.A.R.D.S. Project)
• Дизайнер, отчаянно ищущий дизайнерские инструменты с масштабированием (Designer, desperately looking for Scalability design tools)
• Улучшение опыта пользователей с помощью анимированных переходов (Enhance Your User Experience with Animated Transitions)
• Зачем вам нужен дизайн (Why you need design)
• Где глубина остается (What Depth Remains)
• Два года антрополога в команде Photoshop-а (My Two Years as an Anthropologist on the Photoshop Team)
• Концепт Google календаря (Google Calendar Concept)
• Четыре бизнес-принципа в Facebook-е для создания элегантного дизайна инструментов (Facebook’s Four Business Design Principles for Crafting Elegant Tools)
• Паттерны дизайна для выпадающих Mega-меню (Design Patterns for Mega-Navigation Dropdown Menus)
• UX дизайн окон авторизации и регистрации (UX Design for Passwords and Registration Forms)
• Ditto: использование переменных в Photoshop (Ditto: Use variables in Photoshop)
• Как создать объемный текстовый эффект с летней атмосферой в Adobe Photoshop (How to Create a Colorful, Summery 3D Text Effect in Adobe Photoshop)
• 6 удобных и бесплатных редакторов для создания иконок и favicon-ок (6 Handy, Free Icon & Favicon Editors)
• Классные комбинации шрифтов (Great font combinations)

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

• Ржавые текстуры для ваших работ
• Кисти частиц для Photoshop
• Эффекты штампованной краски для Illustrator (4 Free Ink Stamp Effect Styles for Adobe Illustrator)
• Мокапы для демонстрации дизайна визиток (20 Free Business Card MockUp PSDs to Download)
• Винтажные логотипы (15 Vintage Logos)
• Набор иллюстраций элементов рабочих мест (AI, PNG, PSD, EPS и SVG) (Freebie: A Workspace Illustrations Kit (AI, PNG, PSD, EPS and SVG))
• Элементы дизайна приборной доски (Dashboard UI elements For Free)
• Шаблоны мокапов для демонстрации дизайна логотипов (55+ Free Logo Mockup PSD Templates For Designer)
• Наборы иконок социальных сетей (50+ Sets of Free Social Media Icons)
• Набор иконок для веба (Free Icons: Web Development Icon Set)
• Набор плоских иконок (FREEBIE: 36 Flat Web Icons)
• Июльский набор упаковок с векторными иконками (27 Free Vector Icon Sets – July 2015 Edition)
• Шрифты с засечками (35 Serif Fonts For Designers)

Новости

• Гендиректор Reddit Эллен Пао ушла в отставку
• На мировом рынке ПК произошёл сильнейший спад за два года
• В формат JPEG хотят добавить DRM защиту
• Microsoft будет продавать Windows 10 на флеш-брелоках
• USB-флешки с Windows 10 появились на Amazon
• Не переходите на Windows 10 29 июля
• Соцсеть «ВКонтакте» выпустила собственный аналог Instagram
• Apple и Samsung объединились для создания нового стандарта SIM
• Samsung разрабатывает дисплей с разрешением 11K для мобильных устройств
• Страницы брендов в Facebook станут интернет-магазинами
• Парадокс «Макинтоша»: кризис PC углубляется, почему же Apple цветёт?
• АНБ выложило программу на Github
• Карты Google позволили отправлять местоположение на устройства iOS и Android
• Google игнорирует тег <lastmod> в XML-файлах Sitemap
• Google блокирует 99.9% спама
• Google: Ссылки в PDF-файлах передают PageRank
• «Яндекс» расширит штат для усиления конкуренции с Google

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

• Google нанимает SEO-специалиста для продвижения своих веб-сайтов
• Что происходит с цифровой валютой умершего человека?
• В ДТП с участием робомобиля Google пострадали четыре человека
• 7 отказов инвесторов, которые услышали создатели Airbnb в 2008 году
• Как беспощадные нейросети лишают работы сто тысяч цензоров
• AMD. История, мифы и легенды
• ?Горе от ума: почему вам не нужны умные часы
• Как отвечать на некорректные вопросы работодателя
• Лучший косплей Comic-Con 2015
• 13 вещей про Comic-Con 2015, которые лучше знать, чем не знать

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

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