Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Веб-разработка
«Убийца Bootstrap» — Material Design Lite. Версия 1.0.0. Также, 
Представление Material Design Lite от Addy Osmani, Сравнение с Bootstrap- Критический путь рендеринга веб-страниц
- По-настоящему адаптивные письма. Часть снова первая
- Может ли email быть «резиновым»?
- Состояние дел с веб-компонентами. Обзор веб-компонентов в блоге разработчиков Microsoft
- RadioJS: Выпуск 27: Jekyll и Gulp
- «Готов» ли HTML? Перевод статьи Брюса Лоусона Is HTML «complete»? сообществом css-live.ru
-
Видео докладов с Web Standards Days в Петербурге, 2015 - Moscow Mobile Frontend Meetup №1. Видео и материалы по митапу, посвященному мобильному фронтенду, который прошел в Москве в офисе Авито, 4 июля 2015 года.
- Новостные сайты — самые жирные и медленные, чем когда-либо (News Sites Are Fatter and Slower Than Ever)
- Скучный фронтенд разработчик (The boring front-end developer)
- 13 советов для создания мультиязычного отзывчивого сайта (13 tips for making responsive web design multi-lingual)
- Разработка доступных сайтов (Developing accessible websites)
- Оптимизация canvas анимации (Optimising a canvas animation)
- Объединение динамического и статического сайтов (Merging Dynamic and Static Sites)
- Playful Interaction for Draggable Elements
- Как я создал за час linkmoji (и сделал более 100,000 emoji ссылок) (How I built linkmoji in an hour (and made over 100,000 emoji links))
- Создание приложения Book Club с AngularJS, Stripe и Stamplay (Creating a Book Club App With AngularJS, Stripe and Stamplay)
- SVG:
- Paths — создание и редактирование SVG прямо в браузере
- Использование SVG для фона страницы: Диагонали и Шаблоны, Полосы, Плитки Эшера и Поп-арт с режимами смешения
- Как сделать эффект деформированного текста с помощью SVG фильтров
- Стилизация SVG <use> содержимого с помощью CSS (Styling SVG <use> Content with CSS)
- Кадрирование встроенного SVG c помощью <object> (Art-Directing an SVG Embedded Using object)
- GSAP + SVG продвинутых пользователей 2: комплексная адаптивная анимация (GSAP + SVG for Power Users 2: Complex Responsive Animation)
CSS
- Видео доклада «Пишем #b_ правильно» с WebCamp 2015
- Дебаты на тему «А нужен ли еще нам вообще CSS?»
- Совместимый CSS
- PostCSS:
- О PostCSS от его создателя: интервью с Андреем Ситником
- Время узнать все о PostCSS — что это и что это делает (It's Time for Everyone to Learn About PostCSS What It Really Is; What It Really Does)
- That PostCSS. It’s so hot right now
- PostCSS теперь поддерживается на CodePen
- 12 малоизвестных фактов о CSS (продолжение) (12 Little-Known CSS Facts (The Sequel))
- Atomic OOBEMITSCSS
- Более доступная многоуровневая выпадающая навигация
- Переключаемся с CSS на Sass в WordPress
- Чистка ваших стилей с помощью Stylelint (Floss your style sheets with Stylelint)
- CSS Transitions и JavaScript Tweens
- Используем CSS Stats для удаления лишних стилей (Using CSS Stats to Remove Bloated CSS)
- Quantity Ordering With CSS
- Подходы к стилям печати: Blacklist и Whitelist
- Использование Web Speech API для симуляции поддержки CSS Speech
- Эффекты наведения, зависящие от направления наведения курсора
- CSS Gradients: A Syntax Crash Course
- Crayon.css — потому что у цветов есть названия
- Последний гвоздь в гроб иконочных шрифтов? (The Final Nail in the Icon Fonts Coffin?)
- Центрирование с Sass (Centering With Sass)
- Sass Maps против вложенных списков (Sass Maps vs. Nested Lists)
JavaScript
- Что нового в Babylon.js
- Опубликованы jQuery 3.0 alpha и jQuery Compat 3.0 alpha
- Значение аргументов по умолчанию
- Промисы
- Slider Pips — делаем слайдеры на jquery чуть более красивыми
- Преодолевая усталость от JavaScript фреймворков (Overcoming JavaScript Framework Fatigue)
- Математика как код
- Наиболее адекватное руководство по функциональном программированию (на javascript) (Mostly adequate guide to FP (in javascript))
- Введение в JavaScript ES6 итераторы (An Introduction to JavaScript ES6 Iterators)
- Исследование ES2016 Decorators
- Интервью: как подключиться к большому open-source проекту (Interview: How to Join a Major Open Source Project)
- Шпаргалка по событиям в jQuery (jQuery UI Events Cheatsheet)
- Как создать и опубликовать свой первый Node.js модуль (How to Create and Publish Your First Node.js Module)
- Создание игрового серверного API на Node.js: пересмотренное (Making a Game API Server Using Node.js: Revisited)
- Почему я использую Tape вместо Mocha и почему вы так же должны это делать (Why I use Tape Instead of Mocha & So Should You)
- React UI Builder
- Представление Belle (React компоненты: Toggle, ComboBox, Rating, TextInput, Button, Card, Select)
- upndown — библиотека для конвертации HTML в Markdown для Node и браузера (HTML to Markdown library, for NodeJS and the browser)
- Создание чата с SignalR (Building a Chat Application with SignalR)
- Начало работы с Connect (Getting started with Connect)
- Начало работы с Vue.js (Getting Started With Vue.js)
Браузеры
- Разработчикам Mozilla надоело возиться с безопасностью Flash в своём браузере
- Финальная версия браузера Microsoft Edge быстрее Chrome даже в бенчмарках Google
- Всё о браузере Edge: расширения, высокая производительность asm.js, отказ от ActiveX
- В новой версии Firefox 39 исправлены 4 критические ошибки
- Что нового в Firefox 39 (What’s New in Firefox 39)
- Developer Edition 41: View source in a tab, screenshot elements, HAR files, and more
- Будет ли ваш сайт работать в Edge?
Сайты с интересным дизайном и функциональностью
- Сайты, доказывающие, что параллакс-эффект еще не мертв (30+ websites that prove parallax isn’t dead)
- Подборка горизонтальных скролл-сайтов
- Lightyear.fm — космическое радио
- bigdropinc.com — слайд-скролл сайт с симпатичной анимацией
- newstech.jp — японский сайт с футуристическим интерфейсом
- creativecruise.nl — горизонтальный скролл-сайт с тематическим дизайном и анимациями
- wearetopsecret.com — сайт с интересным фоновым эффектом
- giovannighirardi.it — скролл-сайт с нестандартной геометрией
Дизайн
- Почему ужасный веб-дизайн дает больше конверсий?
- Новые тренды в веб-дизайне 2015 года: «Обложки», блочная структура, разделение экрана
- Типографика мелом на доске
- СМИ выложили дизайн упаковок розничных версий Windows 10
- Работы, вдохновленные стилем ар-нуво
- Создаем GIF-презентацию работы в Adobe Photoshop
- Большая типографика в веб-дизайне
- Объяснение дизайнерского жаргона: the F-Pattern
- Интервью с дизайнером Aaron Draplin (Design Talks With Aaron Draplin: Finding Inspiration In Dead Stuff (VIDEO))
- Дизайн нового приложения Thanx (Designing the new Thanx App)
- Проект «КАРТЫ» (The C.A.R.D.S. Project)
- Дизайнер, отчаянно ищущий дизайнерские инструменты с масштабированием (Designer, desperately looking for Scalability design tools)
- Улучшение опыта пользователей с помощью анимированных переходов (Enhance Your User Experience with Animated Transitions)
- Зачем вам нужен дизайн (Why you need design)
- Где глубина остается (What Depth Remains)
- Два года антрополога в команде Photoshop-а (My Two Years as an Anthropologist on the Photoshop Team)
- Концепт Google календаря (Google Calendar Concept)
- Четыре бизнес-принципа в Facebook-е для создания элегантного дизайна инструментов (Facebook’s Four Business Design Principles for Crafting Elegant Tools)
- Паттерны дизайна для выпадающих Mega-меню (Design Patterns for Mega-Navigation Dropdown Menus)
- UX дизайн окон авторизации и регистрации (UX Design for Passwords and Registration Forms)
- Ditto: использование переменных в Photoshop (Ditto: Use variables in Photoshop)
- Как создать объемный текстовый эффект с летней атмосферой в Adobe Photoshop (How to Create a Colorful, Summery 3D Text Effect in Adobe Photoshop)
- 6 удобных и бесплатных редакторов для создания иконок и favicon-ок (6 Handy, Free Icon & Favicon Editors)
- Классные комбинации шрифтов (Great font combinations)
Подборка бесплатных дизайнерских печенек
- Ржавые текстуры для ваших работ
- Кисти частиц для Photoshop
- Эффекты штампованной краски для Illustrator (4 Free Ink Stamp Effect Styles for Adobe Illustrator)
- Мокапы для демонстрации дизайна визиток (20 Free Business Card MockUp PSDs to Download)
- Винтажные логотипы (15 Vintage Logos)
- Набор иллюстраций элементов рабочих мест (AI, PNG, PSD, EPS и SVG) (Freebie: A Workspace Illustrations Kit (AI, PNG, PSD, EPS and SVG))
- Элементы дизайна приборной доски (Dashboard UI elements For Free)
- Шаблоны мокапов для демонстрации дизайна логотипов (55+ Free Logo Mockup PSD Templates For Designer)
- Наборы иконок социальных сетей (50+ Sets of Free Social Media Icons)
- Набор иконок для веба (Free Icons: Web Development Icon Set)
- Набор плоских иконок (FREEBIE: 36 Flat Web Icons)
- Июльский набор упаковок с векторными иконками (27 Free Vector Icon Sets – July 2015 Edition)
- Шрифты с засечками (35 Serif Fonts For Designers)
Новости
- Гендиректор Reddit Эллен Пао ушла в отставку
- На мировом рынке ПК произошёл сильнейший спад за два года
- В формат JPEG хотят добавить DRM защиту
- Microsoft будет продавать Windows 10 на флеш-брелоках
- USB-флешки с Windows 10 появились на Amazon
- Не переходите на Windows 10 29 июля
- Соцсеть «ВКонтакте» выпустила собственный аналог Instagram
- Apple и Samsung объединились для создания нового стандарта SIM
- Samsung разрабатывает дисплей с разрешением 11K для мобильных устройств
- Страницы брендов в Facebook станут интернет-магазинами
- Парадокс «Макинтоша»: кризис PC углубляется, почему же Apple цветёт?
- АНБ выложило программу на Github
- Карты Google позволили отправлять местоположение на устройства iOS и Android
- Google игнорирует тег <lastmod> в XML-файлах Sitemap
- Google блокирует 99.9% спама
- Google: Ссылки в PDF-файлах передают PageRank
- «Яндекс» расширит штат для усиления конкуренции с Google
Занимательное
- Google нанимает SEO-специалиста для продвижения своих веб-сайтов
- Что происходит с цифровой валютой умершего человека?
- В ДТП с участием робомобиля Google пострадали четыре человека
- 7 отказов инвесторов, которые услышали создатели Airbnb в 2008 году
- Как беспощадные нейросети лишают работы сто тысяч цензоров
- AMD. История, мифы и легенды
- Горе от ума: почему вам не нужны умные часы
- Как отвечать на некорректные вопросы работодателя
- Лучший косплей Comic-Con 2015
- 13 вещей про Comic-Con 2015, которые лучше знать, чем не знать
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
