Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Веб-разработка |
CSS |
Javascript |
Браузеры |
Дизайн |
Новости |
Занимательное |
Веб-разработка
Используем WebP сегодня. Перевод статьи Guide To Using WebP Images Today: A Case Study
DevTips: Советы веб-разработчику (33-48)
- Заблуждения разработчиков. Перевод статьи Developer Fallacies сообщестом css-live.ru
Почему сложно программировать UI. Кирилл Мокевнин
Nativefier — Инструмент, превращающий ваш сайт в нативное приложение (Turns Any Web Site Into a Native App from the Command Line)
W3C опять форкнуло HTML (W3C forks HTML yet again)
Remy Sharp: Почему я люблю работать с веб (Why I love working with the web)
Firefox и Web Speech API
Проблема с глобальными зависимостями для Node.js и их решения (The Issue With Global Node Packages)
Webpack Your Workflow
Bootstrap: an intervention. Аргументы за и против бутстрапа от Evil Martians
Chrome (Canary) DevTools будет показывать измерения из User Timing в таймлайне
Chrome наконец научился делать плавную промотку — пожалуйста, перестаньте пытаться реализовать ее самостоятельно на JavaScript!
Создаем оффлайн сайт с помощью ServiceWorkers и UpUp (Building Offline Sites with ServiceWorkers and UpUp)
Полный гайд по поддержке превью-текста в письмах (The Ultimate Guide to Preview Text Support in Email)
Встречайте WPGulp: простой в использовании WordPress Gulp Boilerplate
Проблемы date input (The woes of date input)
Улучшаем отзывчивые изображения с помощью клиентских подсказок (Leaner Responsive Images With Client Hints)
Подборка свежих ссылок на материалы и демки по теме SVG (Some Pretty Splendid SVG Links)
О ссылках, кнопках и div`ах (Links, Buttons, Submits, and Divs, Oh Hell)
Настройка Google Map маркеров (Customize your Google Map Markers)
Ленивая загрузка изображений: как действительно не разрдражать ваших пользователей (Lazy-Loading Images: How Not to Really Annoy Your Users)
Текущее состояние веб-безопасности (интервью с Anselm Hannemann) (The Current State of Web Security)
- Эффектный веб:
- Еженедельная подборка красивых эффектов на CSS/SVG/JS #21
SVG clip-path Hover Effect
Анимированная SVG гитара (SVG Animated Guitar (Play Me!))
WebGL эксперимент The Spirit
Анимированная Хаски на чистом CSS (Alex the CSS Husky)
CSS
Несколько дельных советов по CSS
- Пришло время переосмыслить вендорные префиксы в CSS. Перевод статьи It’s Time to Rethink Vendor Prefixes in CSS на Прогрессоре
- Первый CSS-модуль 4 уровня в статусе кандидата в рекомендации
- Управляем поведением font-face в CSS
- Подсетки в Grid Layout жизненно важны. Перевод статьи Subgrids Considered Essential сообществом css-live.ru
- CSS модули — решаем проблему масштабирования стилей. Перевод статьи CSS Modules — Solving the challenges of CSS at scale
Думаете, что flexbox — это сложно? Тогда посмотрите на последние примеры из CSS Grid спицификации
Исследуем функцию кеширования в Stylus (Exploring the Stylus Cache Function)
Заметки по концепциям в CSS (CSS Refresher Notes)
Webkit Flexbox Patterns
Песочница Flexbox (Flexbox playgroung)
Sass: директива media
Преимущества наследования через @extend в Sass (The Benefits of Inheritance via @extend in Sass)
Трюк для организации фолбэка для CSS свойства object-fit для Edge (и других браузеров) (Neat trick for CSS object-fit fallback on Edge (and other browsers))
Стилевое руководство для edX-приложений
Timelined — настраиваемая временная шкала на базе CSS (Timelined is a customizable CSS-only vertical timeline)
CSS Gradient Animator
JavaScript
Microsoft отправила запрос на аппрув реализации поддержки ChakraCore в Node.js наряду с движком V8
Перевод «Simplified JavaScript Jargon»
- 7 жизненно важных функций в JavaScript
Что нового в jQuery 3.0 и как это использовать (What’s New in jQuery 3.0 and How to Use It)
Храним обещания с помощью JS (Keeping Promises With JavaScript)
Интервью с мастером JS: какая разница между наследованием класса и прототипным наследованием? (What’s the Difference Between Class & Prototypal Inheritance?)
Matthew Podwysocki: «Реактивный JavaScript в Netflix, Microsoft и мире» (Matthew Podwysocki: «Reactive JavaScript at Netflix, Microsoft and the World»)
Пять примеров использования функции jQuery.each() (5 jQuery.each() Function Examples)
Обзор GraphQL (GraphQL Overview)
Польза JS веб-приложений (JavaScript web apps considered valuable)
CMS.js — генератор статических сайтов (CMS.js — the Javascript Site Generator.)
- Фреймворки:
5 шагов для изучения разработки приложений на React (5 Steps for Learning React Application Development)
Создайте ваше первое приложение на React.js (Building Your First React.js App)
Изучение основ React и создание прототипа небольшого приложения (Learning React basics and building a basic application prototype)
Почему React/Redux это не лучшая парадигма (Why React/Redux is an inferior paradigm)
Лучшие практики при работе с React.js в 2016-м (React.js Best Practices for 2016)
Динамическое руководство по AngularJS для JS разработчиков (Dynamic AngularJS Guided Tutorial for JavaScript Developers)
Состояние в Meteor: когда что-то пошло не так (The State Of Meteor Part 1: What Went Wrong)
- ES6:
Шпаргалка по ES6
7 путей для улучшения вашего JS-программирования с помощью ES2015 (7 Ways ES2015 Can Improve Your JavaScript Programming)
Объектно-ориентированный JavaScript — глубокое погружение в ES6-классы (Object-Oriented JavaScript — A Deep Dive into ES6 Classes)
- Плагины:
Релиз Masonry v4 и imagesLoaded v4: отказ от поддержки IE8 & 9, на 25% & 50% меньше, обратная совместимость
Umbrella JS — небольшая (<2kb) производительная библиотека в стиле jquery
Сравнение JavaScript календарей и планировщиков (A Comparison of JavaScript Calendars and Schedulers)
Десять лучших jQuery и HTML5 WYSIWYG плагинов (10 Best jQuery and HTML5 WYSIWYG Plugins)
Drop.js — быстрая и функциональная библиотеа для создания выпадающих списков
Philter — применение CSS фильтров с помощью HTML-атрибутов (Philter is a JS plugin giving you the power to control CSS filters with HTML attributes.)
Браузеры
- Релиз web-браузера Chrome 48
- Google Chrome станет быстрее с новым алгоритмом сжатия данных Brotli
- Facebook тестирует новый браузер, с которым никогда не возникнет потребности покидать приложение
- Firefox будет автоматически менять старый Youtube Flash код на HTML5
- Проект Mozilla продлил возможность работы с неподписанными дополнениями в Firefox
- В Firefox 44 появится возможность выполнения WebGL в отдельном потоке
- Бывший глава Mozilla и автор языка JavaScript представил миру браузер Brave
6 мифов веб-разработчиков о Microsoft Edge
Сайты с интересным дизайном и функциональностью
Loving what you do takes work
beoplayh8 — промо-сайт, посвященный наушникам, с интересными скролл-эффектами
colonelsanders.com — забавный сайт от KFC
The grey tales — продвинутый интерактивный сайт с нестандартной навигацией
johos.at — яркий мультимедийный сайт с обилием видео-вставок
gidmotion.com — Сайт с интересным фоновым эффектом
- Сайты, которые нужно смотреть со звуком
Дизайн
- Accessibility: Как «Яндекс» создает доступные интерфейсы
- 10 популярных заблуждений при создании логотипа
- 7 причин отказаться от бесконечного скроллинга
Справочник: размеры картинок для 9 социальных сетей
Дизайн для детей — это не детская игра (Designing for Kids Is Not Child’s Play)
Самые большие ошибки в веб-дизайне, которых стоит избегать в 2016-м (The Biggest Web Design Mistakes to Avoid in 2016)
Создание более выразительной картинки для профиля (Designing a More Expressive Profile Picture)
UI Анимация. Микровзаимодействие и макрорезультат (UI Animation. Microinteraction for Macroresult)
Советы для дизайнеров, которые не пишут код (Tips for Designers Who Don’t Code)
UX vs CX: что более важно? (UX vs CX: Which is more important?)
Интервью с Michael Flarup: со-основателем и ведущим дизайнеров в Robocat (Interview with Michael Flarup: Co-Founder and Lead Designer at Robocat)
Движение со смыслом: семантическая анимация в дизайне интерфейса (Motion with Meaning: Semantic Animation in Interface Design)
(Незаконченные) основы цвета (The (Unfinished) Basics of Colour)
Спроси DN: какие книги почитать в 2016-м? (Ask DN: What books to read in 2016?)
Дизайн более выразительного изображения профиля пользователя (Designing a More Expressive Profile Picture)
Canvas от Facebook
Прекрасные причины (Beautiful Reasons)
Дизайн продукта — как мы делаем сложные задачи простыми (Product design — How we make complex tasks feel simple)
Drive 47 — концепт приложения
Открытое письмо дизайнерам делающих редизайны без запроса, а так же авторам несоздаваемых приложений (An Open Letter to Designers of Unsolicited Redesigns and Unbuildable Apps)
Что Дисней знает об анимации интерфейса? (What does Disney know about interface animation anyway?)
Scrawl — конструктор геометрических форм
Геометрический дизайн: диаграмма «Heavenly City» (Geometric Design: The «Heavenly City» Diagram)
От мебели к экранам (From Furniture to Screens)
Кривая точности: Как взвесить затраты и выгоды создания макетов пользовательского интерфейса (The Fidelity Curve: How to weigh the costs and benefits of creating UI mockups)
Плагин для Sketch для генерации вида изменений (git-sketch-plugin)
Коллекция уроков по созданию типографики в Photoshop (An Awesome Collection Of 80 Photoshop Typography Tutorials)
Почему San Francisco (шрифт) (Why San Francisco)
- Занимательная типографика
Panda в 2015-м
Dribble в 2015-м
50 шуток для веб-дизайнеров (50 Web Designer Jokes That Will Definitely Make You Laugh)
Подборка бесплатных дизайнерских печенек
- Бесплатные текстуры обоев в викторианском стиле
- Бесплатный вектор на вегетарианскую тему
Набор иконок в формате AI, PSD, SVG (72 Icons Free Download)
Иконки в стиле Material Design (350 free Material Design Icons)
Набор иконок Swifticons (AI, SKETCH)
14 шрифтов к Дню святого Валентина (14 Free Valentine’s Day Fonts to Fall in Love With)
Ginebra — декоративный шрифт с засечками (Ginebra Free Font)
Audrey — элегантный шрифт без засечек (Audrey is a new, FREE and elegant typeface by Cristina Pagnotta)
Новости
- Alphabet реорганизовал лабораторию X и включил в неё подразделение робототехники
- StatCounter: Windows 10 уже обошла Windows 8.1
- Срочно в номер: Microsoft закрывает линейку Lumia и Windows 10 Mobile
- Blue Origin запустила в космос уже летавшую суборбитальную ракету. И вновь посадила её
- Bing обновляет поисковый алгоритм ежедневно
- Через Skype больше нельзя будет вычислить IP пользователя
- Алишер Усманов оказался одним из инвесторов Uber
- Google заплатила Apple $1 млрд за присутствие на iPhone
- Создан сервис, распознающий сарказм в сообщениях
- Анонсирована криптовалюта Zcash, обеспечивающая анонимность транзакций
Занимательное
- Дети видят в однополых смайлах Apple членов традиционной семьи: братьев, сестёр и других родственников
- Что будет с технологиями и телекоммуникациями в 2016 году — прогноз Deloitte
- На МКС распустился первый в истории «космический» цветок
- «Как вы объясните важность HTML5 Ларри Пейджу?»
- 8 типов раздражающей рекламы, заблокированной Google в 2015 году
- Что интернет делает с нашим вниманием: привычка отвлекаться
- Присаживайтесь. Почему в истории со SpaceX нельзя спешить с выводами
- Как ваш компьютер и телефон понимают, чего вы от них хотите
- Как изменится мир к 2045 году
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Автор: Zfort Group