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

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

CSS

Javascript

Браузеры

Дизайн

Новости

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

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

• The Chrome Dev Summit 2015: день первый, день второй, Много видео
• Релиз Foundation 6 от ZURB. Быстрый обзор новых особенностей, Что мне больше всего нравится в Foundation 6, и еще один обзор от tutsplus
• Компания Microsoft открыла исходные тексты редактора Visual Studio Code
• Советы по созданию и экспорту лучшего SVG для веба (Tips for Creating and Exporting Better SVGs for the Web)
• Важность опыта разработки в современном фронтэнде (Importance of the developer experience in the modern front-end)
• Что, если Stack Overflow не работает? Что делать? (Stack Overflow is down. What now?)
• Изучи достаточно команд для командной строки, чтобы стать опасным, от Michael Hartl (Learn Enough Command Line to Be Dangerous)
• Версии программ не работают (Software Versions are Broken)
• Polyfills — полифилы как сервисы
• Мгновенная загрузка веб-приложений с Shell-архитектурой приложений (Instant Loading Web Apps With An Application Shell Architecture)
• Загрузка веб-шрифтов с Web Font Loader-ом (Loading Web Fonts with the Web Font Loader)
• GraphQL новый король. Да здравствует король! (Покойся с миром REST) (GraphQL is the King. Long Live the King! (R.I.P. REST))
• Почему HTML5 вызывает боль у рекламной индустрии (Why HTML5 is causing the ad industry pain)
• React Virtual DOM vs Incremental DOM vs Ember’s Glimmer: Fight
• Запускайте потребляющие CPU задачи в Gulp отдельными процессами для достижения более быстрой сборки (Run CPU-consuming Gulp tasks in the separate processes to achieve faster builds.)
• Взгляд на разработку API с высоты птичьего полета (A bird's eye view on API development)
• Раскладка и выравнивание текста в SVG (SVG Text Layout And Alignment)
• Делаем человеческие названия для скачиваемых файлов с помощью атрибута HTML5 download Create Human-Readable Files with the HTML5 download Attribute
• В Google+ получил редизайн, отзывчивость и оптимизацию своих страниц
• Эффектный веб:
  
  • Еженедельная подборка красивых эффектов на CSS/SVG/JS #13
  • SVG Balloon Slider
  • Креативные идеи по оформлению прайс-таблиц (Some Inspiration for Pricing Tables)
  • Совет для анимации: Lerp-эффект
  • Многоуровневое меню с симпатичным эффектом (Multi-Level Menu)
  
  

CSS

• Викторина из 15 вопросов: хорошо ли вы знаете CSS
• Flexbox для интерфейсов во всей красе: Реализация Tracks Часть 1, Часть 2
• Вверх по водопаду: задачка для CSS-супергероя
• Использование шрифтов системного интерфейса в веб-дизайне
• Использование PostCSS для кросс-браузерной совместимости
• Sass:
  
  • Добавляем Bitters к Bourbon и Sass
  • Семантические сетки с Sass, Bourbon и Neat
  • Bourbon Refills — готовые компоненты для ускорения разработки
  • Смешиваем цвета в вебе с Sass (Mixing Color for the Web with Sass)
  • Classy CSS: программный подход к стилям в Sass (Classy CSS: a Programmatic Approach to Sass Stylesheets)
  
  
• Визуальное регрессионное тестирование с PhantomCSS (Visual Regression Testing with PhantomCSS)
• Наиболее важные техники для адаптивного дизайн (Must-Know Techniques for HTML5 Responsive Design)
• Создание анимированного индикатора меню c помощью CSS селекторов (Creating an Animated Menu Indicator with CSS Selectors)
• Использование Flexbox для создания отзывчивой секции комментариев (Using Flexbox to Create a Responsive Comment Section)
• CSS clip-path maker
• CSS 3D Radial Menu
• documentcss — создание живых стайлгайдов с помощью интерактивных примеров

JavaScript

• Сборщик проектов на Angular и RequireJS и некоторые мысли по сборке
• ES6:
  
  • Деструктурирование в JavaScript (ES6) изнутри
  • ES6: возможности литерала объекта изнутри
  • Вкусности ES6: оператор расширения в подробностях
  • Конечные итераторы бесконечных данных с ES6 генераторами (Finitely Iterating Infinite Data With ES6 Generators)
  • Запускаем код ES6 в браузере (Running ES6 code in the browser)
  
  
• Встречайте JavaScript Air — live video подкаст о JS и вебе
• Новые релизы: Ember.js 2.2 и 2.3, React v0.14.3
• Oracle JavaScript Extension Toolkit (JET) — модульный инструментарий для разработчиков, основанный на JS
• Давайте научимся использовать JS ответственно. (Let’s learn how to use JavaScript responsibly and stay up-to-date.)
• JS фрейморки и мобильная производительность (JavaScript Frameworks and Mobile Performance)
• Как работают промисы? (How do Promises Work?)
• Замыкания — это не магия (Closures are not magic)
• Я выключил JavaScript на целую неделю и это было прекрасно (I Turned Off JavaScript for a Whole Week and It Was Glorious)
• DOM советы и приемы: родители, дочерние и соседние элементы (DOM Tips and Techniques: Parent, Child, and Siblings)
• Цена фреймворков. Об экономии времени для разработчиков (The Cost of Frameworks)
• Написание собственной функциональности копирования в буфер в 20 строчек JavaScript (Roll Your Own Copy to Clipboard Feature in 20 Lines of JavaScript)
• Начало работы с Service Workers (Getting Started with Service Workers)
• Офлайн рецепты для Service Worker-ов (Offline Recipes for Service Workers)
• Использование Gamepad API в веб играх (Using The Gamepad API In Web Games)
• Скрытые последствия для производительности от применения Object.defineProperty() (Hidden performance implications of Object.defineProperty())
• Исследование различных CMS, построенных на Node.js (Exploring Different CMS Solutions Built on Node.js)
• Создание WebGL-компонентов с Angular (Creating WebGL components with Angular – Aysegul Yonet)
• Урок по ReactJS: мониторинг звонков с React, Express и Socket.io (ReactJS Tutorial: Call monitoring with React, Express and Socket.io)
• Маппинг окон Нью Йорка (Mapping the Windows of New York)
• Создание приложения с Vue.js: от аутентификации до вызова API (Build an App with Vue.js: From Authentication to Calling an API)
• plotly.js — библиотека для отрисовки научных интерактивных диаграмм и графиков
• mojs — современный инструмент для создания анимации в вебе

Браузеры

• Мобильная аудитория Google Chrome превысила 800 млн человек
• В Chrome хотят добавить рейтинг сайтов, чтобы лучше распределять ресурсы компьютера
• В Google Chrome будут персонализированы настройки загрузки сайтов
• Вместе с осенним обновлением Microsoft Edge получил новую версию движка EdgeHTML
• EdgeHTML 13: initial и unset без all
• Представление EdgeHTML 13, первого платформенного обновления для Microsoft Edge
• Скринсейверы для Chrome

Дизайн

• Как у Аськи лицо менялось: визуальная эволюция интерфейса ICQ
• Джони Айв оправдал существование Apple Pencil
• 40 дизайнеров выбрали свои любимые шрифты
• Графические редакторы:
  
  • Адаптивные макеты в Sketch с помощью плагина Sketch Flex Layout
  • Fluid для Sketch — создание адаптивного дизайна
  • Адаптивный дизайн в Sketch (детальный анализ)
  • Визуализация новых возможностей Sketch 3.4
  • Sketch: десять улучшений, которые вскружат вам голову (Sketch App: 10 New Enhancements that Will Make You Giddy)
  • Горячие клавиши в Sketch (Keyboard Shortcuts)
  • PSD, показывающий кривые корректирующих слоев (This PSD Reveals What Every Photoshop Adjustment Layer Does via Curves)
  
  
• UX/UI:
  
  • Станети ли плавающая кнопка новым гамбургер-меню? (Is the Floating Action Button the new Hamburger Menu?)
  • Последняя UX задача: дизайн для пероснализации (The latest UX challenge: designing for personalization)
  • UI дизайны следующие последним трендам (25 UI Designs Which Follow The Latest Design Trends)
  • Как написать вдохновляющее описание работы для UX (How To Write Inspiring Job Descriptions For UX)
  • Чему могут научить Мстители о UX (What The Avengers can teach us about UX)
  • Создаем дизайн вдохновляясь прекрасными UI-руководствами по стилю (Designing with Great UI Style Guidelines in Mind)
  
  
• Разграниченные макеты в веб-дизайне
• Крутые векторные иллюстрации для вдохновения
• Реставрация старых фото: до и после
• Проектирование приложений для здоровья (Designing Healthcare Apps With Delight)
• Семь вещей, о которых я узнал работая в агенстве, сфокусированном на пользователях (7 things I learned working at a user-centred design agency)
• Исследуем значимые анимации в Android (Exploring Meaningful Motion on Android)
• Как Waze привлекает новых пользователей (How Waze Onboards New Users)
• Представляем новый Google+ (Introducing the new Google+)
• Google+ подвергается глобальному редизайну (Google+ undergoes huge redesign)
• От концепта до запуска продукта: как я сделал дизайн для юбилея 7-милетия Ugmonk (From Concept to Product Launch: How I Designed the Ugmonk 7th Anniversary Set)
• Как дизайнеры поддержали Париж (Designers support Paris)
• Встречаем Jean Jullien, художника, нарисовавшего символ «Мир в Париже» (Meet Jean Jullien, The Artist Behind The «Peace for Paris» Symbol)
• Полное руководство по выбору подарка для дизайнера (The Ultimate Christmas Gift Guide for Designers)
• How SwiftKey использовал Material-дизайн для усиления вовлечения пользователей (How SwiftKey is using Material Design to boost user engagement)
• Как карточки победили веб-дизайн (How Cards Are Taking Over Web Design)
• Представляем Silver: легкое мобильное прототипирование в Sketch 3 (Introducing Silver: Lightweight Mobile Prototyping in Sketch 3)
• Создание приложения Gyroscope Running (The Making of Gyroscope Running)
• Простые основы дизайна одностраничного сайта (Simple Fundamentals of One-Page Site Design)
• Спасите “Save for Web” (Save “Save For Web”)
• Quiz: как хорошо вы знаете Material Design?
• Цвет для внимания и глубины за 60 секунд (Color for Attention and Depth in 60 Seconds)
• Как создать дизайн для письма, который будет конвертироваться (How to Create Newsletter Designs That Convert)
• Что отличает великолепный дизайн от хорошего дизайна (What Separates Great Design From Good Design)
• Редизайн вашего сайта — всегда непростой процесс (Redesigning Your Website – Never An Easy Process)
• Объявление победителей конкурса на создание ретро-постера фильма в стиле 80-х (Announcing the Winners of the Ultimate 80s Movie Poster Contest)

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

• Бесплатные облазящие текстуры для вашего дизайна
• Свежие Mockup файлы смартфонов
• Мокапы для демонстрации дизайна упаковок и этикеток продуктов (55+ Free PSD Product Packaging Mock-up Templates)
• Мокапы с обложками книг, брошюр и журналов (75+ Free PSD Magazine, Book, Cover & Brochure Mock-ups)
• Более сотни мокапов для демонстрации дизайна визиток (100+ High-Quality Free PSD Business Card Mock-ups)
• Наборы UI для ускорения вашей работы (Free UI Kits to Speed Up Your Workflow)
• Бесплатные промо-фоны и градиенты (Free Download: Free Promo Backdrops and Gradients)
• Набор с векторными изображениями атрибутов дизайнера-хипстера Elegant (Free download: Elegant Vector Kit)
• Векторные изображения геометрических форм (Fluid Geometric Shapes)
• animaticons — анимированные GIF-иконки
• Иконочный шрифт на тему погоды (Weather Icon Set Font)
• FontBase – менеджер шрифтов для Windows (FontBase – Blazing Fast, Beautiful and Free Font Manager)
• Декоративный рукописный шрифт Ruffle Beauty (Ruffle Beauty Free Font)
• Bonie — изящный декоративный слаб шрифт (Bonie · Free Typeface)
• Шесть десятков качественных шрифтов (60 Quality FREE Fonts You Probably Don’t Own, But Should!)

Новости

• Как «откатиться» с Windows 10 на Windows 8.1
• Google открыл код утилит для импорта почты в Gmail
• Microsoft закрывает сервис Zune Music
• «ВКонтакте» запустила сообщения для групп
• Искусственный интеллект сдал вступительные экзамены в японский университет
• Разработана технология передачи энергии через WiFi
• Yahoo! блокирует доступ к почте для пользователей, которые блокируют рекламу
• Проект GIMP празднует двадцатилетие. Релиз GIMP 2.8.16
• Следующая версия Bluetooth сделает ставку на Интернет вещей
• Windows 10 стала третьей по популярности ОС в мире
• Сервис по поиску авиабилетов Google Flights запустился в России
• На долю Apple приходится 94% прибыли рынка смартфонов
• Google представил обновленный Google+
• Поиск Google научился понимать более сложные вопросы

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

• Ретро: 30 лет Windows
• Доска позора Facebook: странные приложения и эксперименты, оказавшиеся никому не нужными
• Что я узнал, когда хакер украл мою личность, захватив учетную запись в Facebook
• Посетители офлайн-магазинов Apple крадут стилусы Apple Pencil
• 11 опережающих время проектов Microsoft, которые так и не стали популярными
• Доверчивые соцсети: Фейковый твит про «траурную» Эйфелеву Башню ретвитнули 30 000 раз и растиражировали в СМИ
• Гейминг животворящий: уроки, которым может нас научить индустрия ПК-игр
• BuzzFeed придумал 21 слово для описания жизненных ситуаций
• Это как вообще: работать легальным хакером
• В день релиза Fallout 4 трафик PornHub среди геймеров упал на 10%
• Как бизнес помогает бороться с терроризмом
• Издание Fast Company опубликовало большой материал о планах Facebook, принципах работы Цукерберга и других руководителей компании, её инновационных проектах, целях и стратегии развития.
• «Группа гиков»: История создания китайского производителя смартфонов Meizu

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

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