Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
| Веб-разработка |
| 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
- Display: contents и его новые друзья спешат на помощь
- Объяснение нового свойства display: contents c примерами кода (Vanishing boxes with display contents)
- 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
- Рефакторинг 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.
