Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости.
Спасибо всем, кто принял участие в голосовании в прошлом дайджесте. Приятно, что больше всего голосов было отдано за сохранение текущего формата. Первой же категорией на вылет идет «Сайты с интересным дизайном и функциональностью», хотя и были персональные просьбы все же ее оставить. Предлагаем компромисный вариант — этот раздел будет появляться раз в 2(4) недели.
Мы всегда открыты к конструктивным предложениям по улучшению и оптимизации дайджеста, поэтому добро пожаловать в комментарии или личку. Кроме вышесказанного, мы решили последовать примеру нашего PHP-дайджеста, и решили ввести форму для предложения своих ссылок. Feel free, как говорится.
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Спасибо всем, кто принял участие в голосовании в прошлом дайджесте. Приятно, что больше всего голосов было отдано за сохранение текущего формата. Первой же категорией на вылет идет «Сайты с интересным дизайном и функциональностью», хотя и были персональные просьбы все же ее оставить. Предлагаем компромисный вариант — этот раздел будет появляться раз в 2(4) недели.
Мы всегда открыты к конструктивным предложениям по улучшению и оптимизации дайджеста, поэтому добро пожаловать в комментарии или личку. Кроме вышесказанного, мы решили последовать примеру нашего PHP-дайджеста, и решили ввести форму для предложения своих ссылок. Feel free, как говорится.
Веб-разработка |
|
|
Браузеры |
Дизайн |
Новости |
Занимательное |
Веб-разработка
- AMP:
- Google запустил проект Accelerated Mobile Pages, призванный улучшить мобильный интернет
- Практический обзор Google AMP (Accelerated Mobile Pages)
Новый подход к веб-производительности (A new approach to web performance)- AMP and Incentives. Tim Kadlec о потенциальных проблемах
DevTips: Советы веб-разработчику (1-16)- Лучшие способы использования веб-шрифтов в 2015-м (Using Web Fonts The Best Way (in 2015))
- Используем отзывчивые изображения уже сейчас (Using Responsive Images (Now))
- Использование srcset и picture для правильной адаптации на каждом устройтве (Using extended srcset and the picture element to tailor your image to every device and layout)
- Адаптивные изображения для занятых людей: Srcset & размеры (Responsive Images for Busy People: Srcset & Sizes)
- Короткое обновление по поводу HTML5 (A Short Refresh On HTML5)
- Какие редакторы кода используют разработчики в 2015-м
- Может ли лого Google весить 305 байт?
- Подборка инструментов для создания анимации в вебе (Handy Web Animations Tools)
- Улучшаем производительность Grunt (Improving Grunt Performance)
- Front-End Development and Architecture
- Стратегия Gmail first для отзывчивых писем (A Gmail first Strategy for Responsive Emails)
- Remote-First vs. Remote-Friendly
- MorphSVGPlugin — продвинутый плагин для плавной трансформации SVG фигур
- Создание SVG Favicons
- Быстрая загрузка страниц — руководство для разработчиков полного цикла (Ludicrously Fast Page Loads — A Guide for Full-Stack Devs)
- Шпаргалки для Frontend разработчиков (Cheat Sheets for Frontend Developers)
- Генерация случайных цветов из массива (Generating random colours from an array)
- Прощай John Doe — генератор имен
-
Новый эпизод подкаста Supercharged, где рассматривается производительность мобильной версии сайта The Guardian - Доклад «Debugging Accessibility» от Alice Boxhall
- Еженедельная подборка красивых эффектов на CSS/SVG/JS #7
CSS
- Адаптивные email-письма и media queries: Проблемы и решения
- CSS Global Order — JS-реализация (IE7+) изменения визуального порядка HTML-элементов с помощью стандартного CSS-свойства order без необходимости включения Flexbox для родительского элемента.
- Глубокое погружение в PostCSS: Что вам следует знать (введение)
- Руководство по быстрому старту с PostCSS: исследование плагинов
- CSS Image Effects: #1: Vintage Washout, #2: 3D Glasses
- Создание сайтов и приложений с RTL-направленностью: часть 2 (часть 1)
- Eyeglass — менеджер расширений node-sass (github), построенный на npm
- 10 SCSS утилит, без которых я не могу жить
- neutroncss — Sass фреймворк для построения гибких и семантических лейаутов
- Motion UI — Sass библиотека от Zurb для создания гибких CSS переходов и анимаций
- Фоновое видео и css-фильтры (Video wallpaper and css filters)
- Введение в спрайтовую анимацию с SVG (An Introduction to Sprite Animation)
- Понимание и использование rem единиц в CSS (Understanding and Using rem Units in CSS)
- Видео: нестандартные списки с CSS счетчиками (Watch: Custom Lists with CSS Counters)
- CSS Protips — современные решения типичных проблем (CSS Protips)
- Зачем существует `повторяющийся-линейный-градиент`? (Why Do We Have `repeating-linear-gradient` Anyway?)
- CSSfmt — инструмент для автоматического форматирования CSS и SCSS кода
- Доклад «Emotion Through CSS» от Tammie Lister с CSSconf EU 2015
- Доклад «Photoshop is Dead!: Editing Images in CSS» от Una Kravets с CSSconf EU 2015
JavaScript
- Анимируем объекты с использованием физики в JavaScript (Yaroslavl Frontend Meetup)
- 7 причин, по которым каждый программист должен изучить JS (7 Reasons Every Programmer Needs to Learn JavaScript)
- 10 вопросов на собеседовании, которые должен знать каждый JS разработчик (10 Interview Questions Every JavaScript Developer Should Know)
- Создание веб-приложения с помощью Make
- Шоу Totally Tooling Tips от разработчиков Google
- Асинхронный API с использованием Fetch API и ES6 генераторы (Asynchronous APIs Using the Fetch API and ES6 Generators)
- Важность безопасности клиентского JavaScript (The Importance of Client-Side JavaScript Security)
- 3 JavaScript ORM, о которых вы, возможно, не знали (3 JavaScript ORMs You Might Not Know)
- Async/Await: Заслуженный герой JavaScript (Async/Await: The Hero JavaScript Deserved)
- Неизменяемые структуры данных и JavaScript (Immutable Data Structures and JavaScript)
- Перечислимости в ECMAScript 6 (Enumerability in ECMAScript 6)
- Node.js и ES6 вместо Java – история войны (Node.js and ES6 Instead of Java – A War Story)
- Фреймворки:
- Flux в картинках
- AngularJS: Миграция с 1.2 на 1.4, ч.1
- Хорошие времена для Meteor разработчиков (These are Good Times to be a Meteor Developer)
- Релиз React v0.14
- Видео: Ускоряемся с Angular – Ben Godfrey (Go faster with Angular – Ben Godfrey at The Lead Developer 2015)
- Создание приложения для настольных компьютеров с AngularJS и GitHub Electron (Creating Desktop Applications With AngularJS and GitHub Electron)
- Начало работы с Emscripten – конвертация C/C++ в JavaScript/HTML5 (Getting started with Emscripten – Transpiling C / C++ to JavaScript / HTML5)
- Использование Google Analytics Core Reporting API из Node.js
- Как написать игру Pacman на JavaScript How To Write a Pacman Game in JavaScript)
- Плагины:
- cake-chart — библиотека для создания интерактивного многослойного графика
- Mercer — объемные интерактивные графики и диаграммы
- artyom.js — js библиотека для контроля голоса и распознавания речи
- Quick[select] — jQuery плагин для быстрого выбора более частых вариантов из списка вариантов
- svg-mesh-3d — конвертация векторной графики в 3D формы
- bling.js — $ без jQuery
- html5tooltips.js — всплывающие подсказки с плавной 3D анимацией
- JS модуль для генерации адаптивных SVG изображений приборов самолетов (geezer-x SVG Aircraft Instruments)
Браузеры
- Microsoft скоро закроет поддержку устаревших версий Internet Explorer
- browserling — платный сервис для кросс-браузерного тестирования
- yourbrowser.is — страница c информацией о вашем браузере
- Тренды браузеров октябрь 2015: устойчивое падение Safari (Browser Trends October 2015: Sustained Safari Slips)
- Firefox прекращает поддержку плагинов NPAPI, за исключением Adobe Flash
Дизайн
- Я оставил свои системные шрифты в Сан Франциско
- Почему минималистский дизайн всё ещё правит вебом
- Изучаем невидимый дизайн
- Как работают дизайнеры, которые плохо различают цвета?
- Художники из разных стран мира нарисовали собственные туристические логотипы России
- Adobe Max:
- Новости с Adobe Max
- Adobe Portfolio. — новый проект от Adobe для создания портфолио
- Adobe представила революционное приложение для UX дизайна на MAX (Adobe unveils a revolutionary UX design application at MAX)
- Редизайн:
- Блог-платформа Medium впервые сменила свой логотип
- Арт-директор Medium рассказал о новом логотипе платформы
- История создания нового логотипа Medium (The Story Behind Medium’s New Logo)
- Что не так с перезапуском «Кинопоиска»
- Редизайн приборной панели Tesla UI (A Redesign of Tesla’s Dashboard UI)
- Типографика:
- Лучшие игры с типографикой для дизайнеров
- Ключевые факторы отзывчивой веб-типографики (Key Factors of Responsive Web Typography)
- Присматриваемся к новым шрифтам Charter и Kievit (Cast of characters. Taking a closer look at new Medium fonts: Charter and Kievit)
- Графические редакторы:
- Мешают туристы на фоточке? Adobe Monument Mode уберет все лишнее
- Дизайн и более эффективная совместная работа с Adobe Creative Cloud для команд (Design and Collaborate More Effectively with Adobe Creative Cloud for Teams)
- Классные уроки по фотоманипуляциям в Adobe Photoshop
- Я создал плагин для Sketch. И у вас получится
- Плагины к Sketch 3 (Sketch 3 Plugins)
- Поиск способов чистого экспорта иконок в .svg из Sketch …корректный метод
- Atomic Design с использованием Sketch — будущее продуктового дизайна
- Уроки:
- Создание Action-изометрии и применение к иконке в Adobe Photoshop (Create an Isometric Action and Apply It to an Icon in Adobe Photoshop)
- Как создать кисти с лучами света с нуля в Adobe Photoshop (How to Create Your Own Light Ray Brushes From Scratch in Adobe Photoshop)
- Как создать иллюстрацию стилизованной фото-камеры в Adobe Illustrator (How to Create a Stylised, Textured Flat Camera in Adobe Illustrator)
- Должны ли дизайнеры писать код? (Does A Designer Need To Code?)
- Свежий тренд с динамическими абстрактными хомяками (The Fresh Trend of Dynamic Abstract Homepages)
- 5 психологических секретов для интерактивного дизайна (5 psychology secrets for great interaction design)
- (Почти) Все, что вам следует знать о Материальном Дизайне (Everything (Almost) You Need to Know about Material Design)
- В защиту гамбургер-меню (In Defence of The Hamburger Menu)
- Популярные руководства по стилю (Style Guide)
- Как быть дизайнeром полного цикла (Being A Full Stack Designer)
- Процесс разработки дизайна один к одному (Designing at 1x)
- Цвет или контраст — что заставляет тебя кликать? (Color vs. Contrast — Which makes you click?)
- Почему дизайнеры думают, что пользователи ленивы: три человеческие привычки (Why Designers Think Users Are Lazy: 3 Human Behaviors)
- Дизайн приложения Trullo (Designing Trullo)
- Обзор мобильного приложения Songza (App Review — Songza)
- Веб тренды 2015: свежесть дизайна с акварелью (Web Trends 2015: Brush up on the Watercolor Design Trend)
- Является ли дизайнер рассказчиком? (Is a Designer a Storyteller?)
- Восемь худших ошибок с UX: мнения экспертов (The 8 Worst UX Mistakes Coming From Experts)
- Ваш UI — это не диснеевский фильм (Your UI isn’t a Disney Movie)
- Ошибки адаптивного дизайна, и как их исправить (Responsive design mistakes—and how to fix them)
- 25 креативных страниц с сообщением о том, что сайт находится в разработке (25 Creative Under Construction Page Designs)
- Дизайн кнопок для дальтоников
- Палитры, вдохновленные закатами
- 20 примеров сайтов, построенных на блоках
- 23 безумно хороших типографических дизайнов (23 Insanely Good Typography Designs)
Подборка бесплатных дизайнерских печенек
- Векторные паттерны и фоны к Хэллоуину
- Бесплатный элегантный векторный набор с 60 элементами рабочего пространства (Free Elegant Vector Kit with 60 Workspace Elements)
- 10 бесплатных векторных шаблонов для инфографики (10 Free Infographic Vector Templates)
- Коллекция бесплатных ресурсов созданных дизайнерами Facebook-а (A collection of free resources made by designers at Facebook.)
- 99 лучших бесплатных шаблонов веб-сайтов в формате Photoshop (99 Best Free Photoshop Website Templates)
- IDDO – Бесплатная тема в PSD формате #4 (IDDO – Free PSD Theme #4)
- Набор UI Spot (Spot-Free UI Kit)
- Лучшие 10 бесплатных наборов UI за сентябрь 2015 (Top 10 Free UI Kits of September 2015)
- Бесплатные элементы UI для веб и мобильного дизайна (Free UI Elements For Web and Mobile Design)
- 40 ярких бесплатных фонов в высоком разрешении (40 Free High Resolution Vibrant Blurred Backgrounds)
- Упаковка иконок на тему офиса и бизнеса (92 иконки, AI, EPS, PSD, PDF, PNG, SVG) (Freebie: Office And Business Icon Pack (92 Icons, AI, EPS, PSD, PDF, PNG, SVG))
- Бесплатная упаковка с контурными иконками Squid (Free Line Icons Pack)
- Набор иконок с плоским дизайном Vio Late (Vio Late)
- Devious — декоративный винтажный шрифт (Devious Typeface)
Новости
- Новинки Microsoft: Surface Pro 4, Surface Book, Lumia 950 и 950 XL, Band 2 и HoloLens
- Новая эра устройств от Microsoft под управлением Windows 10
- Apple и Google — по-прежнему два самых дорогих бренда в мире
- Элон Маск представил самые эффективные солнечные батареи в мире
- Вместо кнопки «Dislike» в Facebook появится несколько смайлов Emoji, Газета USA Today протестировала новые лайки-смайлы Фейсбука, сопроводив ими все свои заметки
- Reddit запускают новый сайт на WordPress: Upvoted
- Организация Linux Foundation запустила проект по развитию Real-Time Linux
- Представлена операционная система Redox, написанная на языке Rust, а Hewlett-Packard представил открытую сетевую операционную систему OpenSwitch
- Facebook показал, как будет выглядеть кнопка «Не нравится»
- «Яндекс» извинился за провальный перезапуск «КиноПоиска» и пообещал вернуть сервис в прежнем дизайне
- Mail.Ru Group запустила сервис рекомендаций фильмов и сериалов следом за «Яндексом»
- Wired констатировал «смерть» пользовательских комментариев на сайтах СМИ
- Adidas намерена прибегнуть к технологии 3D-печати для изготовления обуви под заказчика
Занимательное
- Новые эмоции в Facebook. Краткий анализ функциональности и её логики
- Сайт с зарядкой для глаз
- 10 мифов о продуктивности, которые мешают вам развиваться
- Почему Microsoft вас слушает и записывает
- Рой роботов, как основа массовой роботизации
- Пришло время задуматься над покупкой VR
- Привычка врать. Почему «умные» вещи водят нас за нос и как их от этого отучить?
- Илон Маск назвал Apple «кладбищем Tesla»
- Революция Uber: История Трэвиса Каланика, взломавшего рынок такси
- Google Car: утопия или реальность?
- Элон Маск: «Я не ненавижу Apple»
- Почему компании ищут «рабов»
- Зачем нужен ЦЕРН: 5 открытий физиков-ядерщиков, которые перевернули мир
- Главная роль: как киноиндустрия пытается экранизировать ИТ-предпринимателей и что в итоге из этого получается
- Малоизвестные стартапы, которые изменят мир
- Атомы, визуализированные с помощью WebGL
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
