Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
| Веб-разработка |
| CSS |
| Javascript |
| Браузеры |
| Дизайн |
| Новости |
| Занимательное |
Веб-разработка
Responsive Image Breakpoints Generator, новый онлайн-инструмент, облегчающий работу с адаптивными изображениями 
Представление Security Panel в DevTools
Проблема с Chromium WebViews
Jake Archibald: 2016 — год веб-потоков (2016 — the year of web streams)
Альтернативы закрывающемуся сервису Parse (Parse alternatives)
Зовите меня E-schmail: укрощение чудовища, имя которому HTML Email (Call Me E-schmail: Conquering the Beast that is HTML Email)
Поддержка атрибутов HTML5 hidden и aria-hidden в 2016-м (The state of hidden content support in 2016)
Разбор веб-анимации на топ 30 сайтов с Awwwards.com (Web Animation Trends: 31 Top Websites Deconstructed)
Урок по созданию Pull Request (Pull Request Tutorial)
Когда вы знаете основы, но все еще не можете кодить (When You Know the Basics, but You Still Can't Code)
Согласование процесса работы с фронтендерами (Aligning your Front End Process)
Новая функциональность в CodePen — JS Console
Создание простой оффлайн-страницы с помощью Service Workers (Create a really, really simple offline page using Service Workers)
Урок от Sara Soueidan по созданию анимированного SVG-баннера c помощью GSAP (Supercharge SVG animations with GSAP)
A Gulp-Based External SVG Symbol Sprite Icon System от Una Kravets
Три плагина, которые стоит включать в каждую конфигурацию Grunt и Gulp (3 Plugins Every Gruntfile & Gulpfile Needs)
Неофициальный генератор кода для вставки информационного виджета с данными CanIUse (The (Unofficial) CanIUse Embed)- Производительный веб:
Конструктор бюджета проиводительного веб-приложения от Brad Frost (Performance Budget Builder)
Эксперты по веб-производительности делятся советами и ошибками (Web Performance: 20+ Experts Share Their Advice and Mistakes)
18 советов по оптимизации производительности сайтов (18 Tips for Website Performance Optimization)
- Эффектный веб
- Еженедельная подборка красивых эффектов на CSS/SVG/JS #22
Elastic Circle Slideshow
Создание загрузочных кнорок с помощью SVG и Segment
CSS
- Минимально необходимые шрифты. Перевод статьи CRITICAL WEB FONTS сообществом css-live.ru
- Переменные как основа архитектуры CSS при работе с препроцессорами. Перевод статьи Variables: The Backbone Of CSS Architecture на Прогрессоре
- Очень простое руководство по CSS3-анимациям от frontender.info
voxel.css — легкая библиотека для рендера трехмерных объектов с помощью CSS (GPU acceleration / CSS3 transitions) (A lightweight 3D CSS voxel library)
Структура в стиле masonry на чистом CSS (Pure CSS masonry layouts )
Расширяем Sass c помощью PostCSS (Extending Sass with PostCSS)
О правиле import в CSS
Объяснение нового свойства display: contents c примерами кода (Vanishing boxes with display contents)
Рефакторинг CSS без потери вашего клиента или разума (Refactoring CSS Without Losing Your Client Or Your Mind)
Использование современного CSS для создания адаптивной сетки с изображениями (Using Modern CSS to Build a Responsive Image Grid)
CSS Font Features для WebKit
Новый взгляд на паттерн Float Label, реализованный с помощью CSS (Revisiting the Float Label pattern with CSS)
Пишем офигенный Sass с OOSass (Writing Kick-Ass Sass With OOSass)
Bulma — очередной CSS-фреймворк, построенный на Flexbox (Bulma — a modern CSS framework based on Flexbox)
Hint.css 2.0 — библиотека для добавления всплывающих подскахок
Онлайн-книга Learn CSS Layout: the pedantic way
JavaScript
- Фреймворки:
Как бы выглядел ваш JS-фреймворк, если бы был кошкой? (Which cat is your JavaScript framework?)
Моя реакция на React (My Reaction to React)
React и экономика динамических веб-интерфейсов (React and the economics of dynamic web interfaces)
Девять вещей, которые должен знать каждый начинающий в React.js (9 things every React.js beginner should know)
Создание универсального приложения-блога на React: пошаговое руководство (Building a React Universal Blog App: A Step-by-Step Guide)
Создание приложения чата за 40 минут с React и Meteor (Building a live chat app in 40 minutes with React and Meteor)
Angular против React: пошаговое сравнение (Angular vs React: A Side-By-Side Comparison)
Angular JS 2.0 для революционной разработки UI/UX (Angular JS 2.0 to Revolutionize UI/UX Development)
- ES6:
Особенности ES2016 и ECMAScript как стандарта (ES2016 Features & ECMAScript as a Living Standard)
Простые примеры, помогающие лучше понять ES6 (Simple examples to help you understand ES6)
Создание ES6 Javascript для браузера с Gulp, Babel, и другими средствами (Building ES6 Javascript for the Browser with Gulp, Babel, and More)
Хардкорный JS или мощь в 30-ти строках (Hardcore JavaScript or Power of 30 lines)
Полное руководство по графикам в JavaScript (JavaScript charts: The definitive guide)
Понимание трансдьюсеров в JS (Understanding Transducers in JavaScript)
Чего ожидать от JS в 2016-м — улучшения языка (What to Expect from JavaScript in 2016 – Language Enhancements)
Подборка из серии You Dont / Might Not Need ...
Чему мы можем научиться у jQuery, который симбиозом продвинул веб-платформу? (What can we learn from how jQuery symbiotically pushed the Web Platform forward?)
Изучение нативных функций JS и как их использовать (Learning JavaScript Native Functions and How to Use Them)
Сердце и душа прототипного OO: конкатенативное наследование (The Heart & Soul of Prototypal OO: Concatenative Inheritance)
Почему все говорят об изоморфном/универсальном JavaScript и в чем его особенность (Why Everyone is Talking About Isomorphic / Universal JavaScript and Why it Matters)
Презентация: Modern JavaScript: The Smalltalk Influence
Движение в сторону промисов для гео-локации (Moving to Modularized Promises via Geolocation)
Фильтрация и сортировка списка слов (Filtering and Sorting a List of Strings)
Противоречивое состояние JavaScript инструментария (The Controversial State of JavaScript Tooling)
Справочник по Babel — использование и создание плагинов (Babel Handbook)
Библиотеки и архитектуры компонентов (Front-end Application Libraries and Component Architectures)
Юнит тестирование вашего JS с Mocha и Chai (Unit Test Your JavaScript Using Mocha and Chai)
Представление jCanvas: jQuery вместе с HTML5 Canvas (Introduction to jCanvas: jQuery Meets HTML5 Canvas)- Плагины:
Коллекция плагинов и средств для создания всплывающих подсказок (73 Tooltip Plugins Made With jQuery, CSS, JavaScript or More!)
Loud links — библиотека для добавления звуков при взаимодействии с интерфейсом (Loud links — A simple tiny Javascript library to add interaction sounds to your website.)
Viewer.js — JavaScript просмотрщик изображений
trunc-html — обрезка html по заданному количеству символов (trunc-html — truncate html by text length)
vivus — библиотека для реализации SVG-анимаций (vivus, bringing your SVGs to life)
datedropper — jQuery-плагин для создания полей ввода даты (datedropper is a jQuery plugin that provides a quick and easy way to manage dates for input fields)
Браузеры
- Релиз Firefox 44, детали для разработчиков
- Браузер Mozilla Firefox теперь поддерживает всплывающие уведомления от веб-сайтов
Making the Firefox developer tools accessible- Блокировщику рекламы Adblock Plus исполнилось 10 лет
Веб Push нотификация реализована в Firefox 44 (Web Push Arrives in Firefox 44)
Обзор V8 Релиз 4.9 (V8 Release 4.9)- Chrome для iOS стал быстрее и стабильнее
Material дизайн перебирается в Google Chrome, вот как он выглядит (Material Design is slowly coming to Google Chrome, here’s what it looks like)- Microsoft Edge сохраняет историю просмотра страниц в режиме InPrivate
- Выпуск Tor Browser 5.5
- Oracle прекратит поставку браузерного Java-плагина
Дизайн
Общие принципы в создании мобильных приложений для начинающего UX/UI-дизайнера- Yahoo запустила новый дизайн главной страницы и приложения
- «ВКонтакте» показала версию редизайна
- Зависимость продвижения сайта от веб-дизайна
Лучшие примеры кинетической типографики (Some Of The Best Kinetic Typography Examples)
5 анти-принципов хорошего дизайна (5 Anti-Principles of Good Design)
Где разместить иконки в вашем аккордион-меню (Where to Place Your Accordion Menu Icons)
Делая дизайн для мобильного приложения meed (Designing for mobile)
Принципы простоты в дизайне (The Design Principles of Simplicity)- Секреты веб-дизайна в стиле карточек
- Графические редакторы:
Что нового в Sketch 3.5? (What’s New in Sketch 3.5?)- Создание иллюстраций Star Wars в Sketch: руководство для не-дизайнеров
- PaintCode — управление исходниками Sketch
- Sketch Image Average Color — плагин для получения среднего цвета изображения в Sketch
- Серия уроков Sketch (часть 3 из 5): Дизайн десктоп версии
gb-sketch-segmentcircle — плагин к Sketch для создания сегментированных окружностей
Команда Macaw присоединяется к InVision (Macaw team joins InVision)
Почему дизайнeры должны пересмотреть отношение к минималистическим веб-сайтам (Why Designers Should Reconsider ‘Minimalistic’ Websites)
Наука о цветах и красках: психология цвета (CHROMANTICS: the psychology of color)
Как Kimoji привлекает новых пользователей (How Kimoji Onboards New Users)
Проблема с Dribbble (The Problem With Dribbble)
Как сделать редизайн дайджеста рассылочного письма (How to Redesign an Email Digest)
Будущее рядом: чертова дюжина предсказаний, относящихся к дизайну для 2017-го года (The Future Is Near: 13 Design Predictions for 2017)
Пять модных (но бесполезных) веб-компонентов, которые нужно избегать (5 Fancy (But Useless) Web Components You Should Avoid)
Я не умный, я просто дольше сижу здесь дольше тебя (I’m not smart, I just sat there for longer than you)
Как ожидание пользователей сделать приятным (How to Make Your Users Enjoy Waiting)
Пять инструментов о которых нужно знать веб-дизайнерам в 2016-м (5 need to know tools for all web designers in 2016)
Как создать ретро-иллюстрацию в стиле 50-х в Adobe Illustrator (How to Create a 50s Fashion Illustration in Adobe Illustrator)
Иконки в веб-дизайне (Icons In Web Design)
Подборка бесплатных дизайнерских печенек
- Коллекция из 50 экранов регистрации для iPhone 6 в формате Sketch
- Бесплатные космические кисти для Adobe Photoshop
Шаблоны для генерации иконок для Photoshop, Illustrator, Sketch и Affinity Designer (Bjango App Icon Templates)
Наборы UI для iOS и Android (20 Free Mobile UI Kits for iOS & Android)
Абстрактная сферическая графика в векторном формате (12 Free Abstract Sphere Graphics in Vector Format)
Три десятка наборов UI элементов (30 Free UI Kit Elements)
Набор векторных иконок посвященных интернету (Freebie: 36 Internet Icons Vectors)
Набор контурных иконок посвященных науке (в форматах AI, EPS, PSD, SVG, PNG) (Freebie: Science Line Icons (AI, EPS, PSD, SVG, PNG))
Наборы графики с изображениями жестов (Gesture Icons Inspiration and Free Packages)
Иконки «Двенадцать месяцев» (PSD, AI, EPS, SVG, PNG) (Freebie: The Months Of The Year Icon Set (12 Icons PSD, AI, EPS, SVG, PNG))
Иконки к Дню святого Валентина (30 Valentine Icons for Free)
Набор векторных иконок: звездные войны и герои комиксов Marvel (Free Icon Set: Star Wars and Marvel Superheros)
Шрифты с засечками для цифровых дизайнеров (40 Free Serif Fonts for Digital Designers)
OVERPASS — шрифт без засечек созданный по мотивам шрифта Highway Gothic (OVERPASS — an open source webfont family inspired by Highway Gothic.)
Новости
- «Яндекс» обновил логотип и сменил домен новой версии «Кинопоиска»
- В 2015 году мировой рынок смартфонов составил 1,4 млрд устройств
- Создатель системы управления версиями Mercurial передаёт проект в руки сообщества
- Аналитики предсказывают бум смартфонов с датчиками силы прикосновения во втором квартале 2016 года
- Прибыль Microsoft упала на 15 %, продажи телефонов — на 50 %
- Google обновил Руководство для вебмастеров
- Facebook удвоил чистую прибыль в 2015 году
- VMware увольняет американские команды разработчиков Workstation и Fusion
Занимательное
- 26 сайтов с головоломками и обучающими задачами для разработчиков
- Мытари Ее Величества vs Google
- 7 качеств хорошего менеджера по версии главного рекрутера Facebook
- Спорт будущего: Drone Racing League устраивает зрелищные гонки дронов
- Главный инноватор: Чем сооснователь Google Ларри Пейдж занимается в холдинге Alphabet
- Twitter – всё?
- Информационная безопасность — Итоги 2015
- Мировой рынок e-commerce в огне: бывшие «единороги» умирают один за другим
- Молодые таланты больше не хотят работать в Apple — обзор The Guardian
- Разработки Microsoft опередившие своё время
- Как включить быстрый запуск системы на Windows 10
- Сколько Google заплатила за потерявшийся домен google.com
- Гаджеты: Топ-5 актуальных подарков на День святого Валентина
- Надежды на Bitcoin не сбылись?
Форматы видео, поддерживаемые HTML5, доминируют в вебе (HTML5 Supported Formats Now Dominate Video Delivery On The Web)
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Автор: Zfort Group
