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

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

CSS

Javascript

Браузеры

Дизайн

Новости

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

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

• Прецедент в NPM:
  
  • Один разработчик чуть не «сломал» пакетный менеджер NPM
  • NPM и left-pad: мы разучились программировать?
  • Незащищённость NPM к атакам по внедрению вредоносных модулей-червей
  • Как не сломать интернет одним странным действием (How to not break the internet with this one weird trick)
  • Является ли left-pad индикатором хрупкости экосистемы JavaScript? (Is left-pad Indicative of a Fragile JavaScript Ecosystem?)
  • The npm Blog: kik, left-pad, and npm
  • Дискуссия по поводу разрушения интернета (A discussion about the breaking of the Internet)
  
  
• Подкаст «Веб-стандарты», 8-й выпуск: единицы измерения, движок Servo, голый CSS, критика React
• Адаптивные изображения: переключение разрешений
• Технический подход к SEO (Часть 1)
• Прогрессивное улучшение меня расстраивает. Перевод статьи «Progressive Enhancement Makes Me Sad»
• Как оптимизировать изображения на сайтах для улучшения производительности и UX (How to Optimize Images on Websites to Improve Performance and UX)
• Последствия мобилгеддона от Google через 8 месяцев (Google’s Mobilegeddon Aftermath: Eight Months Into A Better Mobile Web)
• Свежая подборка для веб-разработчиков в блоге разработчиков Google «Totally Tooling Tears»: Issue 2: Electron.js, Add to Homescreen on Desktop, Server Side Rendering & Ember, DevTools Dimensions and PWA Roadshow
• Подборка регулярных рассылок на тему фронтенд разработки (Front-end Development Mail Lists)
• Как использовать BrowserSync для ускорения разработки (How to Use BrowserSync for Faster Development)
• Руководство по вашему первому Service Worker в стиле «скопируй и вставь». (The copy & paste guide to your first Service Worker)
• Релиз Foundation for Emails 2
• Canvas или SVG: выбираем подходящий инструмент (Canvas vs. SVG: Choosing the Right Tool for the Job)
• Насколько хороши твои комментарии в HTML и CSS? (How Good Are Your HTML and CSS Comments?)
• Грязные трюки из закоулков Front-End (Quick Tips: Dirty Tricks From The Dark Corners Of Front-End (Slides, PDF))
• Веб-анимация, прошлое, настоящее, и будущее (Web Animation Past, Present, and Future)
• Наиболее быстрая загрузка SPA (и как в этом может помочь Webpack) (Getting an SPA to load the fastest possible way (and how Webpack can help you))
• Apple — плохая новость для будущего веба (Apple is bad news for the future of the Web)
• Totally Tooling Tips: введение в Gulp 4
• Браузеры
  
  • Новый режим эмуляции устройств в Google DevTools (A new Device Mode for a mobile-first generation)
  • Детали для разработчиков в Safari на iOS 9.3: отзывчивые изображения, iPhone SE, shrink-to-fit и другие новые APIs
  • Chrome Developer Tools: лучшие видео, курсы и расширения (Chrome Developer Tools: Best Videos, Courses, and Add-ons)
  
  
• Эффектный веб:
  
  • Еженедельная подборка красивых эффектов на CSS/SVG/JS #30
  • Эффект залития чернилами (Ink Transition Effect)
  • Анимированные с помощью CSS и SVG животные (Animated Animals in CSS and SVG)
  
  

CSS

• REM vs EM – Великий спор
• BEM с человеческим лицом
• Использование viewport-единиц в типографике
• Очистка кодовой базы CSS. Перевод статьи Cleaning Up a CSS Codebase
• «Оформление незагруженных изображений» — забота о пользователях (нет)
• Запись трансляции с PiterCSS №2
• Проект «Гудини»: возможно, самая впечатляющая разработка в CSS, о которой вы никогда не слышали (Houdini: Maybe The Most Exciting Development In CSS You’ve Never Heard Of)
• Произведет ли революцию в веб-разработе CSS Гудини (Will CSS Houdini revolutionize web development?)
• Состояние React и CSS (State of React and CSS)
• Все способы добавления CSS в компоненты Angular 2 (All the Ways to Add CSS to Angular 2 Components)
• Типографика в CSS: кернинг, лигатуры, росчерки и капитель (CSS Typography: Kerning, Ligatures, Swashes & Small-Caps)
• Релиз normalize.css 4.0
• Про нюансы объявления свойств шрифта в font-face (What’s the deal with declaring font properties on font-face?)
• Илюстрированная динамическая графическая новелла с помощью CSS clip-path (Dynamic Graphic Novel Illustrations with CSS clip-path)
• CSS и масштабируемость (CSS and Scalability)
• Доступные, простые, адаптивные таблицы (Accessible, Simple, Responsive Tables)
• Почему я не использую CSS препроцессоры (Why I don’t use CSS preprocessors)
• Оформление изображений для object-fit (Image decorations for object-fit)
• Разрушение четырех мифов о PostCSS (PostCSS Mythbusting: Four PostCSS Myths Busted)
• Видео от Rachel Andrew с демонстрацией работы CSS Grid и CSS Regions

JavaScript

• «ES7» — неправильное название для планов по развитию JavaScript
• Список того, что появится в ECMAScript 2016 (ES7)
• Путешествие JavaScript в город асинхронности
• Официально: JavaScript — самый популярный язык программирования в мире
• Фреймворки:
  
  • Создание системы SVG-иконок с помощью React. Перевод статьи Creating an SVG Icon System with React
  • reBEM: React BEM. Набор пакетов для работы с BEM в экосистеме React
  • Полное введение в React. Включает в себя: react, webpack, babel, react router, testing. (The Complete Intro to React)
  • Повышем уровень Реакта: компоненты контейнера (Leveling Up With React: Container Components)
  • Изучение Angular 2 шаг за шагом — ваш первый компонент (Getting Started With Angular 2 Step by Step: 1 — Your First Component)
  • Создание Вашего первого Angular 2 компонента (Creating your first Angular 2 Component)
  • Преимущества Angular шаблонов (Advantages of Angular Templates)
  • Формы на базе шаблонов в Angular 2 (Template-driven Forms in Angular 2)
  • Невероятная история JS фреймворка Express (The Unbelievable History of the Express JavaScript Framework)
  
  
• Несколько видео с ChernihivJS
• Изучение JavaScript: лучшие методы и ресурсы по мнению 25-ти JavaScript экспертов (Learn JavaScript)
• Тод Мотто в подкасте «Eat Sleep Code» о Преодолении JavaScript-усталости. (Overcoming JavaScript Fatigue)
• Промисы в веб-анимации (Promises in Web Animations)
• Fluent Conf 2016: Jeremy Fairbank — рост асинхронного JavaScript (Fluent Conf 2016: Jeremy Fairbank — The rise of async JavaScript)
• Когда я должен использовать TypeScript? (When should I use TypeScript?)
• Написание тестируемого кода в JS: краткий обзор (Writing Testable Code in JavaScript: A Brief Overview)
• Node Hero — приступаем к работе с Node.js (Node Hero — Getting Started With Node.js)
• Node.js на движке Google App выходит в бету (Node.js on Google App Engine goes beta)
• Введение в Immutable.js и концепции функционального программирования (Introduction to Immutable.js and Functional Programming Concepts)
• Как написать расширения для Atom, используя ванильный JavaScript (How to Write Atom Packages Using Vanilla JavaScript)
• Как создать кнопку «показать пароль» (How To Create A Show Password Button)
• Эмуляторы, написанные на JavaScript
• Плагины и библиотеки:
  
  • StickyState — плагин-полифилл для реализации нативного свойства position:sticky в браузерах (IE >= 9)
  • MidiWriterJS — генератор MIDI файлов (аудио)
  • EventControl — временная шкала с возможностью прокрутки и размещения нескольких событий в рамках одной и той же даты (EventControl — jQuery timeline control with support for stacking events.)
  • match — библиотека для тестирования JSON (match — an JavaScript library to test JSON with some nice features)
  • snapback_cache — jQuery-библиотека для клиентского кеширования страницы с «бесконечной» прокруткой
  
  

Дизайн

• Существует ли граница видимой области в вебе?
• The Retina Asset Workflow You’ve Always Wanted For Photoshop
• Appealing. Находки анимации в мобильном UI
• Адаптация пользователя начинается с хорошей посадочной страницы (User Onboarding Starts with a Good Landing Page)
• Улучаем UX с помощью 22-х правил повествования Pixar (Improving UX with Pixar’s 22 rules of storytelling)
• Два разных аргумента по поводу иконки-гамбургера (Two Different Arguments About Hamburger Icons)
• Пять основных правил для дизайна диалогов (5 Essential UX Rules for Dialog Design)
• Как вписать анимации в UX стратегию (Fitting Animations into Your UX Strategy)
• Почему изображения могут разрушить ваш сайт (Why Your Images Might Be Ruining Your Site)
• Письмо Тиму Куку от иллюстратора на iPad
• Создавем продуманный дизайн уведомлений (Designing smart notifications)
• Истории флагов (Flag Stories)
• Завеса невежества (The Veil of Ignorance)
• Photoshop за 60 секунд: как использовать инструмент Gradient (Photoshop in 60 Seconds: How to Use the Gradient Tool)
• Рисуем мультик в Illustrator (Drawing A Cartoon In Illustrator)
• Illustrator за 60 секунд: как использовать панель для выравнивания (Illustrator in 60 Seconds: How to Use the Align Panel)
• Как создать пасхальные иконки с плоским дизайном в Adobe Illustrator (How to Create Flat Design Easter Icons in Adobe Illustrator)
• Sketch:
  
  • Sketch: как делиться своими работами со своей командой (Sketch App: How to Share Artboards with Your Team)
  • Стилевые руководтва в Sketch (Consistency Please! Style Guides in Sketch)
  • Плагин Qordoba для локализации макетов Sketch
  • Простой и быстрый способ создания цветовых палитр в Sketch
  • Использование общих стилей и символов в Sketch
  
  

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

• Google отдает бесплатно Nik Collection — набор плагинов для редактирования фото
• Семь стоящих книг по UX (7 Free UX E-Books Worth Reading)
• Actions для фотошопа (Pure Photoshop Actions Collection – Free Download)
• Векторные контурные изображения кроссовок
• Набор винтажных рамочек (Freebie: Vintage Vector Frames Set)
• Более тысячи плоских иконок в двух стилях (1000+ Free Blobs Flat Icons with Two Styles)
• Набор иконок на тему недвижимости (PNG, SVG, AI, ICO) (Different Real Estate Icon Sets – Free PNG, SVG, AI, ICO Download)
• Шрифт с засечками Venice (Free download: Venice Serif font)
• Peace Sans — рубленый шрифт без засечек (Peace Sans | FREE FONT)
• Рунический шрифт Pixe lute (Pixe lute Free font)
• Свежие шрифты для твоего проекта (47 Fresh Free Fonts You’d Consider Using In Your Projects)

Новости

• Apple:
  
  • Лог текстовой трансляции Apple Special Event
  • iPhone SE, iOS 9.3, новый iPad Pro: главные новости с весеннего мероприятия Apple Special Event
  • Мнения дизайнеров и разработчиков о новых продуктах Apple — iPhone SE, платформе CareKit и других
  • iPhone SE: всё, что осталось за кадром
  • Apple Watch займут половину рынка «умных» часов в 2016 году
  
  
• Выпуск текстового редактора Atom 1.6, развиваемого GitHub
• Разработанный Microsoft искусственный интеллект научился расизму за сутки
• Google открыл доступ к платформе Cloud Machine Learning
• Project ARA подает очень слабые признаки жизни
• AMOLED-дисплеи стали дешевле LCD в производстве
• Годовая выручка Red Hat превысила два миллиарда долларов
• SoundCloud добилась соглашения с Sony Music

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

• CeBIT 2016: дроны и виртуальная реальность в эпоху цифровизации
• Facebook изучил наследование профессий пользователей
• Интервью с разработчиками: на что обращают внимание в Microsoft, Google, Amazon и других ИТ-компаниях
• Излишняя откровенность и нарушение субординации — The New York Times о том, как миллениалы управляют компаниями
• С забралом опущенным: что происходит в виртуальной реальности прямо сейчас
• Почему девушка-чатбот от Microsoft поддалась влиянию троллей c 4chan
• Империя Dropbox
• Цукерберг: эра ноутбуков, планшетов и смартфонов подошла к концу
• Intel рассказывает о тенденциях развития киберспорта
• Самые полезные инструменты и трюки, которые можно реализовать с помощью Google Apps Script
• Почему успех виртуальной реальности зависит от порно
• Опрос StackOverflow 2016: экосистема айтишника под микроскопом
• Google Maps. Опыт – сын ошибок трудных?
• Разработчики Intel отказались соблюдать закон Мура
• Как обучают искусственный интеллект?
• Как максимально эффективно использовать браузер Microsoft Edge

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

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