Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Веб-разработка
How-to: Правила вёрстки email-писем- Необходимый минимум для фронтенд-разработчика
Yeoman-генератор своими руками. Зачем нужны yeoman-генераторы и не лучше ли по старинке? (Борис Мосунов)
Полное руководство по типам ссылок в гиперссылках (Ultimate Guide to Link Types for Hyperlinks)
Grid Item Animation Layout
О том, нужны ли дополнительные атрибуты ARIA для семантических элементов в HTML (On HTML belts and ARIA braces (The Default Implicit ARIA semantics they didn’t want you to know about))
Измерение производительности (Measuring Performance)
HTTP/2 быстрее SPDY благодаря приоритизации зависимостей
Find Guidelines — Сайт с пополняющейся подборкой руководств по стилям на различных проектах
Sublime Text и Emmet – ускоряем HTML разработку
Большой вес не означает более долгое ожидание (More Weight Doesn't Mean More Wait)
Email Framework
Адаптивные лого, часть 2: делаем логотипы действительно адаптивными с инлайновым-SVG (Responsive Logos, Part 2: Making Logos Truly Responsive with Inline SVG)
Книга «How to Code in HTML5 and CSS3»
Команды Вырезать и Скопировать (Cut and Copy Commands)
WebRx динамический UI с ReactiveX (Dynamic JavaScript User-Interfaces with ReactiveX)
Расширяем HTML, используя Aurelia.io (Extending HTML the Aurelia.io Way)
Как получать уведомления когда кто-то публикует статью с вашего домена на Hacker News используя Node.js, Firebase и Twilio (Get Notified When Someone Posts An Article From Your Domain on Hacker News Using Node.js, Firebase and Twilio)
Гипнотическая демка на canvas- Веб-инструменты:
CSS
Как писать более чистый CSS и рациональный SASS- Адаптивная турнирная сетка на CSS3
- Эффекты с несколькими слоями при помощи контуров обрезки, фильтров и режимов наложения в CSS. Перевод статьи MultiLayer Effects With CSS Clip Paths, Filters, and Blend Modes от сообщества css-live.ru
Визуальный гид по свойству Flexbox CSS3 (A Visual Guide to CSS3 Flexbox Properties)
4 совета для более умной работы с CSS (4 tips for a smarter CSS workflow)
Как выбрать между rem и em (How to choose between rem and em)
HTML vs Body in CSS
Масштабирование встроенного SVG: CSS и другие печали (Scaling inline SVG: CSS & other sadnesses)
Netflix Logo на CSS 
Все о CSS анимациях (All About CSS Animations)
Вертикальное центрирование на CSS, или как я перестал беспокоиться и полюбил Display: Table (CSS Vertical Align or: How I Learned to Stop Worrying and Love Display: Table)
Три вещи которые (почти) никто не знает о CSS (3 Things (Almost) No One Knows About CSS)
Анимация градиентов на чистом CSS (Animating CSS Gradients, using only CSS)
CSS фильтры прекрасны! (CSS Filters are awesome!)
Sass темы с конфигурационными файлами (Sass Theming with Configuration Files)
Адаптивные таблицы: полный список решений (Responsive Data Tables: A Comprehensive List of Solutions)
Как создать собственный CSS пре-процессор с PostCSS (How to Build Your Own CSS Preprocessor With PostCSS)
CSS realistic 3D globe. Non-WebGL 
Jonathan Snook – CSS is a Mess (Software GR — March 24, 2015)
JavaScript
Очень субъективный обзор JS фреймворков. AmpersandJS, часть 0
Отладка сборки javascript в IntelliJ IDEA/PHPStorm/WebStorm
Параллельность в JavaScript. Web Workers: кто они такие и чем помогут нам? (Алексей Саскевич)
jQuery считается вредным (jQuery considered harmful)
The React.js Way: руководство для начинающих 
dns.js.org — доменное пространство имен для JS проектов (Providing nice and free domains for GitHub Pages since 2015)
Одиннадцать фактов о jQuery, которых вы не знали (11 Things You Might Not Know About jQuery)
Функция стрелка в ES6, синтаксис и лексическая область видимости (ES6 arrow functions, syntax and lexical scoping)
API разрешений для Web (Permissions API for the Web)
Взрывающийся LocalStorage (или что происходит когда вы превышаете его квоту) (Blowing up LocalStorage (or what happens when you exceed quota))
Улучшение результатов анализа производительности JS с помощью User Marks (Improve JavaScript Performance Analysis Results with User Marks)
Использование пространства замыкания для создания настоящих private members в JS (Using Closure Space to Create Real Private Members in JavaScript)
Представление T3: Включение крупномасштабных JS приложений (Introducing T3: Enabling Large Scale JavaScript Applications)
В Ember 2.0 отказываются от поддержки IE8 (Ember 2.0 will support IE9+)
Юнит-тестирование в AngularJS: сервисы, контроллеры и провайдеры (Unit Testing in AngularJS: Services, Controllers & Providers)
Таблицы для React (A carefully crafted DataGrid for React)
Создание JS приложения нового поколения с Aurelia (Creating a Next Gen JavaScript Application with Aurelia)
DOM Attributes now on the prototype chain- Плагины:
dragula — поддержка drag and drop
Определение устройств в приложениях с помощью WURFL.js
Полифил для Placeholder с поддержкой Password
Papa Parse — парсер CSV
RQ — небольшая библиотека для управления асинхронностью в серверных приложениях от Douglas Crockford
(пере)Представление eSpeak.js ((re)Introducing eSpeak.js) — эмуляция голоса
layzr.js — lazy-loading изображений
basket.js — концепт загрузчика скриптов с localStorage (A simple (proof-of-concept) script loader that caches scripts with localStorage)
Браузеры
- Релиз web-браузера Chrome 42
- Вышел Chrome 42 с продвинутыми пуш-уведомлениями
- Браузер BitTorrent выпущен в виде бета-версии
- Браузер Spartan в Windows 10 Mobile поддерживает HTML5 на 367 баллов
- Отладка IE11 в Google Chrome
- Google продлила поддержку Chrome для Windows XP до конца года
Новинки FF 39 Developer Edition (Drag Elements, Console History, and more – Firefox Developer Edition 39)
Chrome 43 Beta: Web MIDI and upgrading legacy sites to HTTPS 
О незадокументированных возможностях Chrome и о непрочтенных спецификациях W3C (Of undocumented Chrome features and unreadable W3C specs)
Дизайн
Принципы анимации для веба- Подробные интервью с разработчиками и дизайнерами
- Советы для тех, кто хочет стать круче в интернете
- Как уменьшить размер файлов формата PSD
- Создаем каменное лицо в Adobe Photoshop
- Текстура дерева в Adobe Illustrator
Скажи, что ты видишь
Что такое UX дизайнер и что он делает? (What Is A User Experience Designer And What Does He Do?)
В UX меньше не всегда значит больше (In UX, Less Isn’t Always More)
7 ошибок, которых следует избежать в мобайл-френдли дизайне (7 Mistakes That You Should Avoid In Mobile Friendly Web Design)
Интервью с иллюстратором Chad Sell (To the Point: An Interview With Chad Sell)
Новые идеи дизайна из 2015 (New Web Layout Ideas for 2015)
Новые материалы по Material Design от Google
Первая имплементация Material Design от команды Feedly (First implementation of Material Design)
Концепт кухни 2025 года
SparkBox редизайнит CodePen
Центрированные сайты — новый и текущий тренд в веб-дизайне (Centered Site Layouts – New and Current Trend in Website Design)
Использование OmniGraffle для веб-дизайна (Using OmniGraffle for Web Design)
Как сделать CTO кнопки более эффективными (Making Call To Action Buttons More Efficient)
Семь вещей, которые каждый дизайнер должен знать о доступности (7 Things Every Designer Needs to Know about Accessibility)
Искусство фракталов: создание 3D Julian фрактала в Apophysis (Fractal Art: Create a 3D Julian Fractal in Apophysis)
Как создать инфографику за 15 минут (Canva Tutorial: Create a Slick Infographic in 15 Minutes)
Шрифт Hillary Clinton
PassportIndex — обложки почти всех паспортов мира
futuramo — решение для подбора иконок для приложения
TypeSlab — генератор Slab-постеров
9 squares — анимированные гифки от дизайнеров
Подборка бесплатных дизайнерских печенек
- Photoshop-экшены для ретуширования кожи
- Бесплатный клипарт на туристическую тему
- Векторные цветы для вашего дизайна
Бесплатные плагины для Sketch (Free Plugins for Sketch App in Help to Improve Workflow)
Мокапы журналов в PSD формате (20 Free Magazine Mockup PSDs to Use in Your Future Designs)
Векторные овощи (Freebie: Vector Vegetables)
Простой набор UI (Free PSD Simple Web UI Kit & Web Interface Elements)
Коллекция PSD стикеров и бейджиков (Huge Collection of Free PSD Stickers and Badge Designs)
Иконки для ресторанов и бисторо от Freepic (Free Restaurant and Bistro Icons from FreePik)
Foody Icons
Два шрифта: Jekyll и Hyde, без засечек и с ними
Новости
- Аналитики: Apple продала больше Watch за сутки, чем производители часов на базе Android Wear за весь 2014 год
- Google представил систему рукописного ввода для платформы Android
- AMD считает Windows 10 главным катализатором продаж ПК
- Microsoft запускает финальную версию Skype for Business
- Windows 10 предложит единый магазин для приложений, музыки и видео
- Bing обновил дизайн мобильной версии главной страницы
- LinkedIn заплатит $1,5 млрд за образовательную платформу Lynda.com
- Вышел первый в мире смартфон на Ubuntu
- DARPA создаст ПО, не требующее обновления
Занимательное
- В Disney разработали 3D-принтер, печатающий тканью
- Google пожертвовал безопасностью своей главной страницы ради первоапрельской шутки
- Как будет работать новый алгоритм Google, наказывающий «немобильные» сайты: вопросы и ответы
- 25 самых странных вопросов, которые задавали кандидатам на собеседованиях в Apple
- Google царит в прошлом, а не в будущем, и это поднимает серьезные вопросы о компании
- Миллионы на играх: Почему киберспорт — это следующая крупнейшая спортивная империя
- 8 правил управления командой, которыми руководствовался Стив Джобс во время работы в NeXT
- Intel: Закон Мура будет актуальным по меньшей мере 10 лет
- Сергей Брин, Макс Левчин, Ян Кум и другие иммигранты, создавшие успешные ИТ-компании в США
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Автор: alexzfort
