Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Веб-разработка
Сайт с нуля на полном стеке БЭМ-технологий. Методология Яндекса
Повышаем стабильность Front-end- Обеспечение лучшей резервной поддержки SVG и управление оформлением с помощью элемента <picture> — перевод статьи Сары Суэйдан на css-live
- Создание аудиоплеера при помощи HTML5. Часть 3: микроданные и внешний вид
- 5 мифов, связанных с оптимизацией скорости работы сайта
20 лучших советов по Emmet для ускорения написания вашего кода (20 Best Emmet Tips to Help You Code HTML/CSS Crazy Fast)
Выпадающие меню, предусматривающие небрежное наведение мышкой (Dropdown Menus with More Forgiving Mouse Movement Paths)
RICG Responsive Images For WordPress
Быстрое применение техники Offline-first с модулем sw-precache (Offline-first, fast, with the sw-precache module)
Хочешь изучить SVG? Начните с этой статьи (Want To Learn About SVG? Start With This Article)
Сравнение статических движков для создания сайтов — Jekyll, Middleman and Harp (Comparing Static Site Engines )
Скользящая навигация второго уровня (Secondary sliding navigation)
frontend-guidelines (гайдлайн по HTML/CSS/JS)
Еще двадцать сборников документации для фронт-энд разработчиков (Another 20 Docs and Guides for Front-End Developers)
Как расшарить изображения в Pinterest с помощью кнопки (Share Images with a Pinterest Call-to-action)
Разметка с SVG и Flexbox для простых D3 графиков (SVG layout with Flexbox for simpler D3 charts)
My Gulp Workflow
Синхронизация задач Gulp с run-sequence (Sync Gulp Tasks with run-sequence)- Интересные демки на CodePen:
Простая сцена с трехмерным эффектом наведения с помощью CSS3 трансформаций (A simple 3D plane hover effect using CSS3 transformation)
CSS+SVG Pacman 
Симпатичный концепт анимации для диалогового окна
Эффект текста, печатающегося в консоли DOS, с помощью CSS (a simple DOS-writing-effect for titles, crafted in CSS)
CSS
- Спецификация Pointer Events стала рекомендацией
- Производительность CSS-анимаций: нерассказанная история (с комментариями Пола Айриша). Перевод css-live
- Условная инструкция @supports
Расширяем цветовой каскад с помощью переменной currentColor (Extending the Color Cascade with the CSS currentColor Variable)
Вдохновляющие эффекты и стили для кнопок (Inspiration for Button Styles and Effects )
Примеры материального дизайна на HTML & CSS в действии (HTML & CSS Examples of Material Design in Action)
Разбираемся с размерными единицами в Sass (Understanding Sass Units)
Определяем возможности CSS: Modernizr или Feature-запросы? (CSS Feature Detection: Modernizr or Feature Queries?)
Blackhole — минималистический, но гибкий и мощный статический фреймворк на SCSS / CSS (minimalistic but flexible and powerful SCSS / CSS framework)
Специфичность селекторов при использовании CSS-препроцессоров (Selector Specificity with CSS Preprocessors)
JavaScript
BattleGIS — JavaScript-движок для игры в Танчики
Статистические анализаторы JavaScript и ошибки, от которых они помогут отучиться (Часть 1), (Часть 2)
Введение в разработку слайд-шоу на JavaScript
SummaryJS, выпуск 3- Используем ES6 rest-параметры
- Использование AngularJS для визуализации данных (перевод статьи «Using AngularJS for Data Visualisations»)
Изоморфные JS-приложения — будущее веба? (Isomorphic JavaScript Applications — the Future of the Web?)
Bower и Grunt: брак, заключенный на небесах (Bower and Grunt: match made in heaven)
Введение в React (Introduction to the React JavaScript Framework)
Radium (набор инструментов для работы с инлайн-стилями в элементах React)
Используем jQuery-плагины с npm
Отслеживаем ошибки JavaScript, AngularJS и jQuery с помощью Google Analytics (Track JavaScript, AngularJS and jQuery errors with Google Analytics)
AngularJS vs. EmberJS
Организация ваших Grunt-задач (Organising Your Grunt Tasks)
Итерируемые и итераторы в ES6 (Iterables and iterators in ECMAScript 6)
Как я написал ультра-скоростной алгоритм выравнивания последовательностей ДНК на JS (NBEAM: How I Wrote an Ultra-Fast DNA Sequence Alignment Algorithm in JavaScript)
Три JS библиотеки, за которыми стоит следить в 2015-м (3 JavaScript Libraries to Keep an Eye on in 2015)
Исследование классов ES6 в Angular 1.x (Exploring ES6 Classes In AngularJS 1.x)
Философия Ramda (The Philosophy of Ramda)
дистанционное управление с помощью смартфона, решение построенное на Node.js и Socket.io (Smartphone Remote Control with Node.js and Socket.io)
Plyr — Простой медиа-плеер на HTML5 с кастомными элементами управления и заголовками WebVTT.
RIN — легкий статический шаблон на HTML/SASS, основанный на Gulp
Flickity: отзывчивые тач-галереи
NgReact (Для взаимодействия между React и Angular)
proginoskes (мониторинг инфраструктры в реальном времени с использованием ssh для централизации потока событий для логирования)
Браузеры
Новинки последних сборок Opera Developer 29- Релиз Firefox 36 с поддержкой HTTP/2.0
- Некоторые особенности Firefox 36, которые будут полезны веб-разработчикам
- Выход Firefox 37-beta и Firefox Developer Edition 38
- Hello! Firefox и другие браузеры вместо Skype
- Браузер Vivaldi бьёт рекорды по темпам развития
- Вьюпорт device-width уберёт тач-задержку в IE
Дизайн
- Проблемы интерфейсов будущего: Какие шрифты использовать в гаджетах
- Google показала футуристические концепты новой штаб-квартиры
Доступность, исходящая из UX: решения для BBC iPlayer (Accessibility Originates With UX: A BBC iPlayer Case Study)
О мета-дизайне и алгоритмических дизайнерских системах (On meta-design and algorithmic design systems)
Тестирование дизайнов меню-аккордионов и иконографии (Testing Accordion Menu Designs & Iconography)
10 принципов хорошего дизайна (Dieter Rams: ten principles for good design)
Design Principles (Учебник по принципам дизайна)
It’s Only Color (основы работы с цветом)
Разница между минимализмом и простотой (The Difference Between Minimalism and Simplicity)
Making ArtList (история дизайна одного успешного продукта)
Невыносимая недоступность слайд-шоу (The Unbearable Inaccessibility of Slideshows)
Доработка изображения для пробуждения у пользователей эмоций (Image Tricks to Make Users Feel Rather Than Think)
Концепт дизайна венгерской версии евро (Hungarian paper money)
Редизайн журнала New York Times, включая новый логотип и акцент на более «цифровом» имидже (The New York Times Magazine Relaunches With Redesigned Logos and a Focus on Digital)
Сложности редизайна: приложение Nest для iPhone (Nest for iPhone)
Как надо учиться дизайну, исходя из японских традиций военных искусств (守破離 Is How You Learn Design)
Origami — бесплатный инструмент для создания дизайна современных интерфейсов. Introducing Origami Live and Origami 2.0
Использование Pixate — инструмента для прототипирования (Using Pixate)
Как писать незабываемые тексты для интерфейсов (How to Create Unforgettable Interface Copy)
Дизайн в деталях: Инстаграм для iOS (Design Details: Instagram for iOS)
Создание изометрического здания в стиле пиксель-арт в фотошопе (Create an Isometric Pixel Art Office Building in Adobe Photoshop)
Дизайн панели поиска и интерфейса изображения в фотошопе (Design a Search Bar and Image Display Interface in Adobe Photoshop)
Лучшие инструменты для рисования типографики в 2015-м году (Lettering Gear Guide 2015)
Шрифт, заменяющий пустые слова на стилизованный bullshit (Sans Bullshit Sans)- Веб-инструменты
Designer’s Toolkit:Prototyping Tools — Сравнение инструментов для создания прототипов
v2.polarr.co — онлайн фото-редактор
colorable — инструмент для проверки контраста
Подборка бесплатных дизайнерских печенек
Free UI Kit from PixelKit (набор UI «прозрачные формы»)
25 Sketch Freebies for Web & Graphic Designers (графические материалы — наборы UI, иконки и прочее для Sketch)
Freebie: Flat design UI kit by TeslaThemes (набор UI Tesla Themes)
15 Free PSD Poster/Flyer Mock-ups – February 2015 Edition (мокапы для демонстрации постеров и флаеров)
22 Smartphone Perspective PSDs for Conceptual App Mockups (фотореалистичные мокапы для демонстрации мобильных приложений на экранах смартфонов расположенных в перспективе)
Free download: Lucid one page PSD template (макет одностраничного сайта в серо-бело-голубых тонах)
10 Free Vintage Retro Labels(PSD) (винтажные типографические этикетки)
Free User pics (иконки пользователей с плоским дизайном)
Space icon .ai for free (векторные контурные иконки на космическую тематику в формате .ai)
77 Essential Icons — Free Icon Set Download (векторные контурные иконки для наиболее типичных задач)
Travel icon pack (набор векторных иконок на туристическую тематику)
Freebie: Flat Icon Pack (AI, SVG, EPS, PSD, PNG) (четыре десятка векторных иконок на бытовую тематику)
Growl — Free Font (декоративный шрифт с мехом и без засечек)- 30 бесплатных наборов векторных лент
Новости
- MWC 2015:
- MWC 2015: Samsung Galaxy S6 и S6 Edge — да здравствует предсказуемость
- MWC 2015: HTC Vive — шлем виртуальной реальности в партнерстве с Valve
- MWC 2015: смартфон ZTE Grand S3 умеет сканировать глазное яблоко
- MWC 2015. Спортивный браслет HTC Grip
- MWC 2015. Huawei Watch представлены официально.
- Google с апреля поднимет в поисковой выдаче сайты, адаптированные под мобильные устройства
- Google купил стартап мобильных платежей для укрепления Google Wallet
- Google тестирует чаты компаний с клиентами в результатах поисковой выдачи
- Искусственный интеллект от Google научился проходить компьютерные игры
- Большинство людей в мире не имеют доступа в Интернет
- Несмотря на миллиардную аудиторию, YouTube практически не даёт прибыли
- Тим Кук: смарт-часы Apple Watch заменят ключи для автомобилей
- Теперь в Googe Music можно загружать 50 тысяч своих треков
- Рейтинг мировых IT-брендов по популярности в интернете
- Google Adwords представил способ автоматического преобразования Flash-объявлений в HTML5
- Компьютерная память будет в дефиците в этом году
Занимательное
Что именно происходит, когда пользователь набирает в адресной строке google.com? Часть 1, Часть 2- «Выход из тела» на несколько дней при помощи Oculus Rift
- История войны за Sex.com — самый дорогой домен в истории
- Пять главных проблем российской ИТ-журналистики
- Как западные и российские бренды отреагировали на масштабное обсуждение цвета платья в соцсетях
- Реактивный двигатель напечатали на 3D-принтере
Google Now против русской Siri 
Видео: Microsoft показала технологии будущего- Беспилотником научились управлять силой мысли
Как наш мозг воспринимает цвета (+ подборка лучших оптических иллюзий)
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Автор: alexzfort
