Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Веб-разработка
- 50+ лучших дополнений к Bootstrap
- Первый взгляд на HTML6 с примерами и ссылками
- Accessibility. Как мы делаем Яндекс доступным людям с ограниченными возможностями и почему считаем это важным
- Трансформации для SVG-элементов. Перевод статьи Transforms on SVG Elements сообществом css-live.ru
- Яндекс запускает отдельную версию Schema.org со своими расширениями
- Brad Frost: Почему я забочусь о доступности (Why I Care About Accessibility)
- Понимание и улучшение оптимизации SVG (Understanding and Manually Improving SVG Optimization)
- Используем canvas для исправления масштабирования SVG в IE (Using canvas to fix SVG scaling in Internet Explorer)
- Иконизация контента (Iconifying Content)
- SVG 101 — подборка SVG демок, демонстрирующих возможности технологии на несложных примерах
- Арт-режиссура SVG изображений с помощью атрибута viewBox: How-To, Notes, Tips и почему мы нуждаемся в свойстве viewBox в CSS
- Ускоряем разработку с помощью WordPress Plugin Boilerplate
- Введение в Vagrant
- Введение в статические генераторы сайтов (An Introduction to Static Site Generators)
- Front-end Frameworks: начинаем работать с Bootstrap
- Не даем Chrome переводить страницу (Prevent Chrome from Translating a Page)
- Автоматизированные тесты для адаптивных дизайнов (Automated Tests for Visual Responsive Layouts)
- Цена производительности (The Cost of Performance)
- Как получать доступ к элементам в Polymer-компонентах (How to Access Member Functions in Polymer Elements)
- Интервью с Виталием Фридманом, сооснователем и редактором Smashing Magazine
CSS
- Использование media queries в вёрстке email-писем: за и против
- На чистом CSS, без грязного HTML
- Простые кроссбраузерные текстовые маски при помощи режимов наложения. Перевод статьи Easy Cross-Browser Text Masks with Blend Modes сообществом css-live.ru
- Пересмотр :Visited (Revisiting :Visited)
- Добавление звездочек для обязательных полей с помощью CSS
- Конец глобального CSS (The End of Global CSS)
- Понимание счетчиков в CSS и примеры их использования (Understanding CSS Counters and Their Use Cases)
- Делаем костяшки с Flexbox (Getting Dicey With Flexbox)
- Ближайшее рассмотрение свойства CSS mix-blend-mode (A Close-up Look at the CSS mix-blend-mode Property)
- Видео: масштабируемые фоны в CSS (Video: Scalable Backgrounds in CSS)
- Утилиты Sass для старых браузеров (Sass Helpers for Older Browsers)
- Два синтаксиса: Sass против SCSS (Video: Two Syntaxes in Sass)
- Практическое руководство по Flexbox: не забудьте о flex-shrink (A Practical Guide to Flexbox: Don't Forget about flex-shrink)
- Использование и стилизация HTML5 Meter (Using and Styling HTML5 Meter)
- Примеры CSS анимации, которые вам понравятся
- 15 вдохновляющих примеров CSS анимации на CodePen
- Анимированные переходы между страницами (Animated Page Transition)
- Упростите ваши таблицы стилей с помощью магических viewport-единиц в CSS (Simplify Your Stylesheets With The Magical CSS Viewport Units)
- Хаки в CSS, о которых вы могли не знать (CSS hacks you may not know)
- Фильтр контента на чистом CSS
- outlinecss — очередной простой и чистый статический фреймворк
- Расширяющиеся стили (Extending Styles)
JavaScript
- ES6:
- ES6 в деталях: Итераторы и циклы for-of
- Выбирайте ES6 модули сегодня! (Choose ES6 modules Today!)
- Статьи от Mozilla: ES6 In Depth (ES6 In Depth Articles)
- Переходим с CoffeeScript на ES6 (Moving to ES6 from CoffeeScript)
- The end of JavaScript?
- True Hash Maps in JavaScript
- Spider: захватывающая альтернатива JS (An Exciting Alternative to JavaScript)
- Урок проваленного эксперимента по доступности в JS (Lessons from a Failed Experiment in JavaScript Accessibility)
- T3 — минималистичный JS фреймворк
- Заключительные шаги к овладению JavaScript, ключевое слово «this» (The Final Steps to Mastering JavaScript’s “this” Keyword)
- Утилиты JavaScript для написания мощных приложений без jQuery (JavaScript Functions and Helpers)
- Зависимости JS: разрушение мифов о прогрессивном улучшении (The JavaScript-Dependency Backlash: Myth-Busting Progressive Enhancement)
- У нас проблема с промисами (We have a problem with promises)
- Делаем в вебе виртуальную реальность с Google Cardboard и Three.js (Bringing VR to the Web with Google Cardboard and Three.js)
- Почему Backbone.js? (Why Backbone.js?)
- Подсказки по тестированию AngularJS: тестирование директив (AngularJS Testing Tips: Testing Directives)
- JSX выглядит мерзко (JSX Looks Like An Abomination)
- Как я перестал беспокоиться и полюбил React (How I learned to stop worrying and love React)
- Max Harris: Две недели с React + Meteor (Max Harris: Two weeks with React + Meteor — Devshop SF March 2015)
- d-Threeact: Как команда Sift Science Console сделала d3 и React лучшими друзьями (d-Threeact: How the Sift Science Console Team Made d3 and React the Best of Friends)
- Обеспечение хорошей производительности JS в Microsoft Edge (Delivering fast JavaScript performance in Microsoft Edge)
- Продвинутый JavaScript без разрушения веба (Advancing JavaScript without breaking the web)
- Сравнение библиотек для построения графиков (JavaScript Grpahs)
- Плагины:
- conate.js — трансформация иконок с классной анимацией
- Viewport.js — библиотека для продвинутой прокрутки по разделам
- Animate Plus — производительная JS-библиотека, помогающая анимировать свойства в CSS и атрибуты в SVG
- basicContext — легкое в использовании контекстное меню для вашего сайта
- PreViewTube: небольшой jQuery плагин для анимации миниатюр YouTube
- Famous Engine — высоко-производительная JS библиотека для анимаций и интерфейсов (использует WebGL)
Браузеры
- Релиз web-браузера Chrome 43
- В Google Chrome появилось расширение Tone для передачи ссылок с помощью аудиосигнала
- Adblock Plus запускает мобильный браузер для Android
- Firefox предложит пользователям браузера сайты партнеров на основе их истории посещений
- Минималистический браузер «Яндекса» перешел в стадию бета-тестирования и получил режим анонимного веб-серфинга
- Почему я решил полностью отказаться от Google Chrome
- Добавленная в Firefox защита от отслеживания на 44% сокращает время загрузки страниц
- Использование Chakra для выполнения скриптов в Windows 10 (Using Chakra for Scripting Applications across Windows 10)
- Что нового в Firefox 38 (What’s New in Firefox 38)
- Новинки в Firefox Developer Edition 40: мониторинг сетевой активности, фильтрация правил CSS и многое другое
Сайты с интересным дизайном и функциональностью
- Исследование сайтов мобильных операторов Украины (Спойлер: все плохо)
- ESPN Just Redesigned Its Site For The First Time Since 2009—Here Are 4 Takeaways
- http://www.greenman.net/ — забавный тематический сайт с рисованной анимацией
- lamourfou.be — сайт с плавной параллакс-анимацией
- futuramo.com — сайт-сервис, посвященный иконкам и выполненный в таком же стиле
- Less is More – Extremely Minimal Website Design
Дизайн
- Для космических миссий приготовили флаг планеты Земля
- Дизайнер Facebook рассказал о рабочей культуре в компании
- Google Hangout для Chrome получил Material Design
- Нашитый текст в Adobe Illustrator
- Особое место для типографики
- Генератор изображений креативных сцен (The first Scene Creator online)
- Современное касание полигонального веб-дизайна (Modern Touch of Polygon Web Design)
- 3 новых формата изображения, о которых должны знать все дизайнеры (3 new image formats all designers must know)
- Интернациональный флаг планеты Земля
- Интервью с иллюстратором Michelle Romo (To the Point: Interview With Michelle Romo)
- “Контекст — это новый жанр” (“Context is the New Genre”)
- Почему подход ‘mobile first’ уже может быть устаревшим (Why ‘mobile first’ may already be outdated)
- Makerbook — модерируемый каталог ресурсов, полезных для креативных людей
- Forrest Gump и разница между тупым и простым (Forrest Gump and the Difference Between Dumb and Simple)
- Оптическая регулировка (Optical Adjustment)
- Как разжечь страсть к веб-дизайну (Rekindling Your Passion For Web Design)
- Moments от Apple
- Лучший винтажный дизайн (Retro and Vintage Design – Best of)
- Абсолютное или относительное время: когда, где и какое использовать (Absolute vs. Relative Timestamps: When to Use Which)
- Лучший способ для дизайна под ретину в Photoshop (A Better Way To Design For Retina In Photoshop)
- electronicitems — анимированные иллюстрации
- Hamburger icon: как эти три линии загипнотизировали большинство людей (Hamburger icon: How these three lines mystify most people)
- Мой процесс создания дизайна иконок (My icon design workflow)
- Иконки жестких дисков в разные годы (Hard Drive Icons Through the Ages)
- Может ли шрифт убедить нас в том что что-то правда? (Can a Font Make Us Believe Something is True?)
- Галерея концептов визуализаций
Подборка бесплатных дизайнерских печенек
- Бесплатные фотографии морских берегов
- Клипарт-наборы для летнего дизайна
- Бесплатные наборы иконок на офисную тематику
- Текстуры дерева (3 Vector Wood Textures)
- PSD шаблоны и наборы UI в стиле material design (Top 10 Free Material Design PSD templates and UI kits)
- Векторный логотип Samurai (Samurai Free Vector Logo)
- Веселые красочные иконки от Uisurf (Download 40 Free Happy Looking Icons By Uisurf)
- Иконки посвященные плаванью и бассейнам (50 FREE Swimming Pool Icons)
- FiraCode — моноширинный шрифт с программными лигатурами
Новости
- Google разрабатывает платформу Brillo для «Интернета вещей». Huawei тоже. И Intel
- Huawei выпустила операционную систему размером 10 килобайт для подключенных устройств
- С начала года сектор «интернета вещей» привлек $14,8 млрд инвестиций
- YouTube внедрил поддержку HTML5 и видео с частотой 60 кадров в секунду для прямых трансляций
- «Яндекс» запустил мобильный сервис платежей без регистрации
- Яндекс запускает новую версию сервиса Вебмастер
- NASA выпустило каталог бесплатного ПО
- Google позволил обмениваться ссылками с помощью звука
- Microsoft открыл код библиотек WCF (Windows Communication Foundation)
- Инициатива Mozilla по сертификации устройств с Firefox OS
- Meizu MX4 Ubuntu Edition получил ценник в $290 и поступил в продажу
Занимательное
- 8 неочевидных способов определить искусственный интеллект
- Искусственный интеллект в кино: 10 ярких примеров
- Каким было первое видео на YouTube
- Первый Питерский Сomic Сon
- Фотоотчет с фестиваля Comic Con Saint Petersburg 2015
- Илон Маск хочет распечатать жизнь на Марсе
- Лучшее на Medium: Как начать следовать советам по повышению продуктивности
- «I never asked for this»: протезы рук контролируются силой мысли и выглядят так, будто сбежали из Deus Ex
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.