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

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

CSS

Javascript

Браузеры

Дизайн

Бесплатные печеньки

Новости

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

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

• (Не)безопасный frontend
• Создаём отзывчивые письма для будущего без медиа-запросов
• Методы оптимизации изображений c точки зрения SEO
• Видео докладов с апрельской Frontend Dev Conf в Минске
• Презентация по лучшим практикам стилевых гайдов (Style Guide Best Practices Presentation)
• tota11y — инструмент для проверки и удобной отладки доступности от khanacademy
• Подкаст Front-end Five: Episode #6 — все новости фронтенда за 5 минут. В этом выпуске: Sass Vary, physics in JavaScript, modular CSS (and its issues), hacking :visited, and the state of SVG animation.
• Supercharging page load — Jake Archibald о том, как ускорить свою страницу с помощью Service Worker
• Как применить радиальный градиент в SVG к Fill или Stroke
• Облегчаем работу с SVG с помощью Raphael
• Рассвет WebRTC (The Dawn of WebRTC)
• Ускоряем скорость прохождения чекаута с помощью Autofill
• Подборка сайтов для быстрой отладки кода, создания сниппетов и т.п.
• Is HTML ‘complete’? , рассуждает Bruce Lawson
• О теге <details>
• HTML5-overview
• Как отменить (почти) все в Git (How to undo (almost) anything with Git)
• Состояние веб-компонентов (The state of Web Components)
• Что я узнал создавая, почтовые HTML шаблоны (Things I've Learned About Building & Coding HTML Email Templates)
• Импортирование CSS Breakpoints в Javascript (Importing CSS Breakpoints Into Javascript)
• BackstopJS — тестирование адаптивных сайтов на предмет проблемных элементов в DOM или CSS

CSS

• Flexbox на примере игрального кубика
• Создание «In Pieces». Разработка интерактивной демонстрации при помощи контуров обрезки в CSS. Перевод статьи The Making Of “In Pieces” сообществом css-live.ru
• Будущее поколение CSS селекторов: Level 4 (The Future Generation of CSS Selectors: Level 4)
• Улучшаем отзывчивость с помощью Flexbox — демо, слайды и презентации с RWD Summit
• HTTP/2 и возвращение `@import` (HTTP/2 and the Return of `@import`)
• Эффекты при прокрутке страницы (Page Scroll Effects)
• Раширяем возможности :visited с помощью режимов наложения CSS (Pushing the limits of :visited with CSS blend modes)
• Понимание свойства CSS ‘content’ (Understanding the CSS ‘content’ Property)
• Простая конфигурация Gulp для работы с Sass (A Simple Gulp’y Workflow For Sass)

JavaScript

• Так ли быстр ReactJS?
• Разбираемся с Meteor.js
• Как работает делегация событий в JS (How JavaScript Event Delegation Works)
• Функции высшего порядка в JavaScript (Higher-Order Functions in JavaScript)
• Представление NativeScript
• Инфографика: AngularJS vs. React (Infographic: AngularJS vs. React)
• Как написать неблокируемый код быстрой сортировки (Writing a Non-blocking JavaScript Quicksort)
• Почему деструктуризация — это ужасная идея в ES6 (Why Destructuring is a Terrible Idea in ES6)
• ES6 в деталях: символы (ES6 In Depth: Symbols)
• Шесть шагов по приближению со следующей версии JavaScript (Six Steps for Approaching the Next JavaScript)
• Тестирование AngularJS: Bootstrap блоки, роуты, события и анимации (AngularJS Testing: Bootstrap Blocks, Routes, Events, and Animations)
• trine — библиотека утилит, направленная на использование всего потенциала функционального программирования в JS
• Делаем JavaScript-виджет с функциональностью autocomplete используя Awesomplete (Building a JavaScript Autocompelete Widget with Awesomplete)
• regexp-escape — экранирование символов строк для использования в регулярных выражениях
• Давайте использовать LoopBack: осмотр API фреймворка, о котором вы мечтали (Let LoopBack Do It: A Walkthrough of the Node API Framework You've Been Dreaming Of)
• Изучаем, как можно использовать JS в фотошопе (Learn JavaScript and Up Your Photoshop Game)
• JSXHint — валидатор JSX (React JSX linter online)
• Как я пережил боевое крещение с Node.js (How I survived my baptism of fire with Node.js)
• Новые особенности io.js, которые вы, возможно, не использовали (New io.js Features You May Not Be Using)
• inkjet — JPEG декодирование, кодирование и чтение EXIF данных для браузера и node.js

Браузеры

• Новая Opera для компьютеров, Android и Windows Phone
• Новинки Safari 9 для OS X и iOS
• Google будет облегчать тяжелые сайты, выкидывая лишнее, для быстрой загрузки на смартфонах
• Google Chrome for Work
• Некоторые редакции Windows 10 не получат Microsoft Edge
• Почему Edge? (Why Edge?)

Дизайн

• Дайджест продуктового дизайна, май 2015
• Интерфейс на веревочке
• Семишаговый тест логотипа Пола Рэнда
• Иерархия дизайна
• 10 ошибок в юзабилити сайта, которые снижают конверсию
• Космическая тема в веб-дизайне
• «Инстаграм» запускает редизайн веб-версии
• Плоский цвет в брендинге
• Helvetica Neue в iOS 8 и San Francisco в iOS 9 сравнили на скриншотах
• Практические техники для дизайна анимаций (Practical Techniques On Designing Animation)
• О тексте с низким контрастом (Low-Contrast Text Is Not the Answer)
• Почему веб-дизайн мертв (Why Web Design is Dead)
• Почему отзывчивый дизайн дружественен к детям (Why Responsive Design is Kid-Friendly)
• Почему Apple забила на самый популярный в мире шрифт
• 12 самых распространенных ошибок в работе с изображениями (12 Common Image Formatting Mistakes To Avoid On Your Website)
• SCALABLE DESIGN, viewport engines & the future of web design
• Путешествие в веб-доступность
• Как экспортировать паттерн SVG (How to export SVG patterns)
• Техники повествования историй с вебе (Visual Storytelling Techniques And Examples On The Web)
• Классные примеры модальных всплывающих окон в веб-дизайне (20 Gorgeous Examples of Modal Window Pop Ups in Web Design)
• Как Eventbrite привлекает новых пользователей (How Eventbrite Onboards New Users)
• Новинка фотошопа CC 2015: Artboards (Sneak Peek: Artboards in Photoshop CC)
• Пишите тексты для интерфейсов лучше, спрашивая: «Кто еще находится в комнате?» (Write Better User Interfaces by Asking “Who Else is in the Room?”)
• Atomic: быстрый способ создавать интерактивный дизайн? (Atomic: A Faster Way To Design Beautiful Interactions?)
• Apple Design Awards 2015
• Эффективный дизайн логотипов, часть 2: использование природных паттернов в дизайне логотопов (Effective Logo Design, Part 2: Using Nature’s Patterns In Logo Design)
• Тренд веб-дизайна: рукописная типографика (Web Design Trend Showcase: Hand Drawn Typography)

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

• Freebie: Responsive Sports Icon Set (40?4 Icons, AI, CSH, PNG, PSD, Sketch, SVG)
• Наборы UI для Sketch (Free UI Kits for Sketch App and Website Designers)
• Мокапы для демонстрации дизайнов в Apple iPad-ах (55+ Best Apple iPad Mockup Templates)
• Наборы UI с медиа-проигрывателями в PSD формате (45+ Audio & Video Player UI PSD)
• Векторный набор Elegant со свежей графикой (FREE Elegant Vector Kit with 60 Workspace Elements)
• Векторные карты мира (Free Vector World Maps)
• Foundry ? — новое поколение векторной графики готовой для интерактивного веба
• Векторные геометрические изображения морд животных (Freebie: Animal Geometric Shapes)
• Набор космических иконок (Freebie: The Space Icon Set (50 Icons, SVG & PNG))
• Smashicons — векторные иконки
• Наборы иконок с длинными тенями (40+ Free Long Shadow Icons Sets for designers)
• Десять лучших иконочных шрифтов (10 Absolute Best Free Icon Webfonts)
• Лучшие шрифты 2015-го года (40+ Best Free Fonts For Awesome Designs 2015)
• Пятнадцать лучших шрифтов (15 Great Free Fonts)
• Order Typeface — декоративный шрифт
• Typnic Titling — рукописный шрифт с засечками

Новости

• WWDC 2015:
  
  • День первый. Keynote, День второй. Подробности, День третий. Интересности
  • Видеозаписи с WWDC уже доступны для просмотра на официальном сайте Apple
  • Что Apple показала на WWDC: новая OS X, iOS 9, музыкальный сервис и открытый код Swift
  • WWDC 2015: Мнения российских разработчиков и экспертов о представленных Apple обновлениях
  • Обзор главных новостей с Apple WWDC 2015: OS X El Capitan, iOS 9, Apple Music
  • Основные анонсы Всемирной конференции разработчиков Apple
  • Тлен и безысходность: что показала Apple на WWDC 2015
  
  
• «ТМ» перезапускает «Мой круг»
• Предварительная версия Skype Translator анонсирована и для рабочего стола
• Сервис Facebook Connect больше недоступен для некоторых приложений и служб Microsoft
• Microsoft отказывается от Modern-версии Skype
• YouTube анонсировал запуск YouTube Gaming для конкуренции с игровым стримингом Twitch
• Oculus презентовала коммерческую версию своего VR-шлема Oculus Rift
• Twitter снимет ограничение на 140 символов в личных сообщениях
• Выход Windows 10 Mobile задержится до сентября

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

• Десять лет YouTube
• Игровой аналитик Сергей Галёнкин: «Steam — больше не панацея для разработчиков игр»
• Видео: «роботопад» на турнире DARPA Robotics Challenge 2015
• Google выдан патент на контактные линзы со сканером радужной оболочки глаза
• Linkin Park Ventures: Почему рок-группа занялась инвестициями в ИТ и как это поможет ей в музыке
• История Hi-tech: Тайны первого суперкомпьютера
• Павел Дуров о бизнес-модели Telegram и расходах на мессенджер
• Исследование Payoneer: Сколько зарабатывают фрилансеры из русскоговорящих стран

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

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