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

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

• Блеск и нищета стандартных селектов
• Как использовать прогрессивное улучшение для вёрстки писем
• Утечки памяти при работе с SVG
• Доступность – во главу угла: как создать доступные WordPress-темы
• Пакуем как боги (о Webpack)
• Девять антипаттернов, которые должен избегать каждый программист (9 Anti-Patterns Every Programmer Should Be Aware Of)
• wwwhere — курируемый список полезных ссылок для людей, делающих веб-сайты
• Адаптивные изображения с WURFL Image Tailor (Responsive Images with WURFL Image Tailor)
• node-prelaunch — заготовка для создания страницы предзапуска проекта с формой подписки на новости о проекте
• Создание адаптивного мега-меню с Foundation (Building a Responsive Mega Menu with Foundation)
• Делаем SVG доступным (Making SVG Accessible)
• Советы для избегания основных ловушек в SVG от Sara Soueidan (Tips For Avoiding Common SVG Pitfalls)
• Webtorrentapp — позволяет запускать веб-приложения из торрентов, как Project Maelstrom, но не требует плагинов или отдельного браузера.
• Какие ошибки делают новички, изучающие HTML и CSS (Study: What Errors Do Beginners Make Learning HTML and CSS?)
• 15 вопросов по HTML для проверки ваших знаний (15 HTML Questions for Testing Your Knowledge)
• Использование изображений в HTML письмах (Using Images in HTML Email)
• Введение в отзывчивые изображения (Bruce Lawson на DrupalJam) (An Introduction to Responsive Images )
• Ретроспектива Mobile First
• Периодическая таблица ролей в ARIA 1.0
• Трагедия в двух актах (Codepen edition)
• Demo:
  
  • TypeDrummer
  • Авиа-симулятор (WebGL)
  • Bubble Layout
  
  

CSS

• Векторная замена спрайтам — имплантируем SVG в CSS
• Полезные сниппеты для Sass
• Жизнь после CSS3: что нового в CSS… 1?
• Эрик Мейер о прошлом, настоящем и будущем CSS (Eric Meyer on the past, present and future of CSS)
• Stylecow — новый постпроцессор для улучшения поддержки CSS браузерами, включающий в себя добавление вендорных префиксов, исправления мелких багов, генерацию полифиллов и все такое
• Переосмысление функциональных CSS табов (Functional CSS Tabs Re-Revisited)
• Взрываем веб пиксель-артом (Blowing up pixel art on the Web)
• Вложенные компоненты (Nesting Components)
• Автоматический контраст для текста с помощью CSS Blend Modes (Automatic Text Contrast with CSS Blend Modes)
• text-rendering: optimizeLegibility является декадентским и извращенным (is Decadent and Depraved)
• Living life with Flex-Box and Sass
• at-правила в CSS (The At-Rules of CSS)
• Создание адаптивных форм с clip-path и не только (Creating Responsive Shapes With Clip-Path And Breaking Out Of The Box)
• Больше цветов с Less (More Colors with Less)
• Основы Sass: at-правила и директивы (Sass Basics: @-rules and Directives)
• Вдохновляющие примеры стилей наведения на текст (Inspiration for Text Styles & Hover Effects)

JavaScript

• Пишем Бетховена на Javascript или немного о MIDI.js
• Три особенности JavaScript
• Проекты Node.js и io.js объединяются под эгидой организации Node Foundation, Io.js и Node.js движутся к слиянию
• Пробуем React на вкус
• Как Google индексирует JavaScript: результаты тестов
• Презентация JavaScript в 20 (JavaScript at 20)
• Повторное введение в JavaScript (учебник по JS) (A re-introduction to JavaScript (JS tutorial))
• Библиотека, которая позволяет легко передавать данные из Sass в JavaScript: (Passing data from Sass to JavaScript: sass-to-js)
• WarriorJS — Игра, написанная на JS с целью изучения JS и AI (Game written in JavaScript for learning JavaScript and artificial intelligence.)
• Свежие релизы: Backbone.js 1.2.0, polymer 0.9, Ember.js 1.12 и 1.13 Beta
• Оптимизация циклов в JS (JavaScript Loop Optimization)
• Nathans Lessons — уроки по JS
• Javascript Scope Quiz — тест знаний по JS
• Как оценить работу JS-программиста? используя пять вопросов? (How do you judge a Javascript programmer by only 5 questions?)
• Приступая к работе с TypeScript (Getting Started with TypeScript)
• ES6 In Depth: Template strings
• ES Feature Tests (ES6+)
• Зачем необходим чеклист на JS проекте (Why You Need a JavaScript Project Checklist)
• Использование JavaScript для создания гео-пространственных и расширенных карт (Using JavaScript to Create Geospatial and Advanced Maps)
• Приступая к работе с Angular 2 developer preview (Getting started with Angular 2 developer preview)
• Создание первого приложения на Angular 2: от аутентификации до вызова API и всего прочего связанного с этим (Creating your first Angular 2 app: From authentication to calling an API and everything in between)
• Переход на Ember 2.0 в деталях (The Transition to Ember 2.0 in Detail)
• Radium — управление встроенными стилями в React
• Maple.js — веб-компоненты с React
• Собираясь писать нативные приложения с React (Going native with React, an introduction)
• Замена jQuery с помощью D3 (Replacing jQuery with D3)
• Сравнение JavaScript HTTP библиотек для браузеров (A Comparison of JavaScript HTTP Libraries for the Browser)
• Введение в Vorlon.js: как его использовать для отладки кода JavaScript удаленно (Introducing Vorlon.js: How to Use It to Debug Your Javascript Remotely)
• watermark.js — плагин, добавляющий к изображениям водяные знаки
• fakeIndexedDB — реализация IndexedDB API на JS в памяти
• ReadRemaining.js — плагин, рассчитывающий время на прочтение материала по мере прокрутки страницы

Браузеры

• Релиз Firefox 38, +еще немного технических подробностей для разработчиков
• Выход Firefox Developer Edition 40 c поддержкой многопроцессного режима
• Panasonic выпустил первый телевизор, укомплектованный Firefox OS
• Microsoft рассказала, за счет чего Edge станет самым безопасным браузером из когда-либо созданных
• Chrome 42: Push API, App Install Banners & Fetch (New In Chrome — Ep 42) (Chrome 42: Push API, App Install Banners & Fetch (New In Chrome — Ep 42))
• Trainspotting: Firefox 38

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

• Wolfram запустил сайт, говорящий что он видит на картинках
• BBC запустила сайт, показывающий изменения в мире за время жизни человека
• Одностраничные сайты ресторанов
• Другие рынки: 10 самых популярных местных сайтов в Канаде
• Сайты с качественными фото (Sites with High Quality Photos You Can Use for Free)
• work.co — сайт с анимацией и нестандартными переходами между страницами
• www.werkstatt.fr/#/home — сайт-портфолио дизайнерской студии с лаконичным дизайном и множеством эффектов переходов и скролл-анимацией
• strml.net — сайт, который создается в реальном времени своим разработчиком
• Черно-белые веб-дизайны
• Better Error Pages — сервис по созданию 404, 500 и временной страниц

Дизайн

• Дайджест продуктового дизайна, апрель 2015
• Еще 4 переведенных раздела спеки Material Design от Google: типографика, Макет: Принципы, Макет: Единицы измерения и размеры, Макет: Метрики и контуры. Перевод осуществляется силами сообщества css-live.ru
• Три способа улучшить взаимодействие между дизайнером и разработчиком
• 10 трендов в дизайне на ближайшие 10 лет по мнению директора по дизайну Facebook
• Создаем кисти отпечатков рук и ног
• Иллюстрации в стиле этно
• «Студия Артемия Лебедева» выложила логотип Старой Руссы
• Художник показал, как быстро сделать 3D-рисунок
• Что вы должны знать о редизайне логотипов (What You Need to Know about Logo Redesigns)
• Привлекайте посетителей сторителингом и интерактивом (Storytelling and Interaction: Engage Your Visitors)
• Инфографика: История Photoshop (Infographic: The history of Photoshop)
• Креативные 404-е страницы (20 Creative Examples of 404 Error Pages to Inspire You)
• Дизайн изнутри: Netflix (Inside Design: Netflix)
• Facebook Visual Identity 2012–2013
• Руководство по времени анимации (Guidelines for Animation Timing)
• Будущее дизайна в технологии (The Future of Design in Technology)
• Проведение инвентаризации интерфейса (Conducting an Interface Inventory)
• Функциональная анимация в UX дизайне (Functional Animation In UX Design)
• Урок по Pixate #1: создание вылетающего меню (Pixate Tutorial #1: Creating a fly-out menu)
• Sketch с дизайном в стиле material (Sketch With Material Design)
• Photoshop против Sketch: битва за более чистый HTML/CSS (Photoshop vs. Sketch: The Battle for the Cleanest HTML/CSS)
• Полное руководство по жизни с фотошопом UI дизайнера. (The definitive guide to living with Photoshop as a UI designer.)
• Текущее состояние инструментария дизайнеров: ненаучный опрос (The State of Design Tools: An Unscientific Survey)
• Как создать набор иконок суши с плоским дизайном в Adobe Illustrator (How to Create a Flat Design Rolled Sushi Icon Set in Adobe Illustrator)
• Когда плохой UX становится хорошим (When Bad UX Turns Good)
• kolor.moro.es — игра для дизайнеров, угадай цвета максимально быстро

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

• Бесплатные текстурные кисти для Photoshop
• Бесплатный клипарт для йога-дизайна
• PSD мокапы для демонстрации дизайнов в различных устройствах (Freebie: Awesome device mock-ups to showcase your design work)
• Apple Watch UI Kit от UI8
• Мокапы для демонстрации дизайна кредитных карточек (28+ Free Credit Card Mockup PSD Templates)
• Мокапы для демонстрации дизайна внутри браузера (12+ Free Browser Mockups PSD)
• Шаблон дизайна приложения для iPhone в PSD (Freebie PSD: iOS 8 Fashion Store iPhone App UI)
• Набор адаптивных иконок от icons8 (Free download: 30 responsive icons by icons8)
• Десять качественных наборов иконок с плоским дизайном (10 Quality Free Flat Icon Sets for Your Designs)
• Набор веселых иконок (Happycons – 40 happy and unique icons)
• Набор иконок Random Stuff (Random Stuff Free Iconset)
• Nervous Energy — декоративный рукописный шрифт
• Лучшие шрифты для лета 2015 (94 Best Free Fonts for Summer 2015)

Новости

• «Фантомное» обновление алгоритма Google затронуло многие сайты
• Windows 10 будет доступна в 7 вариантах
• Microsoft прояснила ситуацию с обновлением пиратских ОС до Windows 10
• Мобильная версия Windows будет называться Windows Mobile
• Microsoft выпустилa приложение для плавной видеосъёмки
• Рейтинг самых богатых брендов мира возглавили hi-tech-компании
• Wolfram Alpha запускает поисковую систему, распознающую изображения
• Nokia объявила о сокращении рабочих мест
• «ВКонтакте» запустит биржу легального видео
• Telegram достиг 2 млрд сообщений в день
• В Facebook начата публикация материалов ведущих изданий через функцию «Мгновенные статьи»
• Google приостановил работу сервиса Map Maker

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

• От «Лунохода» до Curiosity: эволюция внеземных машин
• Вселенная Marvel: от сотворения до Эры Альтрона
• Сколько денег в мировом киберспорте и кто их зарабатывает
• О пользе и вреде геймерства: мнения Цукерберга, Маска и других известных IT-бизнесменов
• Стивен Хокинг: компьютеры возьмут верх над людьми в течение века
• Автономные автомобили Google летом появятся на дорогах Калифорнии
• Ученые IBM совершили прорыв, который ускорит коммерческое внедрение кремниевой фотоники

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

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