Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Веб-разработка |
|
|
Браузеры |
Дизайн |
Новости |
Занимательное |
Веб-разработка
15 тривиальных фактов о правильной работе с протоколом HTTP- Еженедельная подборка красивых эффектов на CSS/SVG/JS #1
- Стайл гайд для самых маленьких (Varya о SC5 Style Guide)
Интернет, который мы знаем, построен на хаках (The Internet We Know is Built on Hacks)- 6 советов по работе с Chrome DevTools
- 5 инструментов, которые помогут вам сделать быстрее (5 tools to make your website go faster)
- Детальное исследование поведения SVG-фигур, плотно вписанных в свой контейнер (Tight Fitting SVG Shapes, the Present and Future)
- Galen Framework — инструмент для тестирования UI отзывчивых сайтов
- О том, как правильно использовать теги blockquote, cite и q (In Other Words: Using the blockquote, cite and q elements)
- Что случилось с Веб Компонентами? (What happened to Web Components?)
- TutSet — подборка уроков по веб-дизайну и веб-разработке
- Что новенького в Bootstrap 4 (What’s New in Bootstrap 4)
- Десять наиболее часто встречающихся ошибок веб-разработчиков (10 Common Mistakes Web Developers Make)
- Адаптивные изображения 101, часть 9: ключевые точки (Responsive Images 101, Part 9: Image Breakpoints)
CSS
- Как я использую PostCSS
- Как отрефакторить 17 тысяч строк CSS
- Воображаемый диалог о прогрессивном улучшении (Перевод статьи A fictional conversation about progressive enhancement собществом css-live.ru)
- Понятие критически важного CSS: Часть 1, Часть 2
- Центрирование в CSS: полное руководство
- PostCSS 5.0, свежий релиз, являющийся самым крупным в истории проекта
- What IS Flexbox?
- CSS vs SVG для стилизации чекбоксов и радиокнопок
- Почему вы нуждаетесь в рефакторинге вашего CSS (Why You Need to Refactor Your CSS)
- Будущее лейаутов с помощью CSS: Grid Layouts (The future of layout with CSS: Grid Layouts)
- Делаем художественные края изображений с режимами наложения (Better Image Borders with Blend Modes)
- Шпаргалка по анимационным CSS-переходам (The CSS Transitions Cheatsheet)
- Writ — набор минималистических стилей для создания приемлимо выглядящего HTML
- Эффект курсивного текста с использованием трансформации
- CSS свойства, управляющие веб-типографикой (CSS Properties to Control Web Typography)
- Использование директив @error, @warn, и @debug в Sass (Using Sass’s @error, @warn, and @debug Directives)
-
Видео: обзор производительности анимации в CSS (Watch: Reviewing CSS Animation Performance) - «Будущее CSS» — видео круглого стола с конференции WDCNZ 2015
JavaScript
- Использование requestIdleCallback, нового производительного API, позволяющего исполнять задачи во время простоя
- ES6:
- ES6 for now: Template strings
- ES6 в деталях: будущее (ES6 In Depth: The Future)
- ES6 шаблоны строк в деталях (ES6 Template Strings in Depth)
- Фреймворки:
- Создание UI компонентов для веб с помощью популярных JavaScript фреймворков (Building A Component-Based Web UI With Modern JavaScript Frameworks)
- Интеграция Angular 1 и Angular 2: гладкий способ обновления (Angular 1 and Angular 2 integration: the path to seamless upgrade)
- Простая валидация форм в AngularJS с модулем ngMessages (Easy Form Validation in AngularJS with ngMessages)
- Десять шагов по быстрому въезду в Ember.js (10 Steps for Ramping into Ember.js Quickly)
- Watch: условная отрисовка в React (Watch: Conditional Rendering in React)
- Как контролировать YouTube с помощью JavaScript
- Делаем дырки в безопасности ошибками JS-минифаера (backdooring your javascript using minifier bugs)
- Создание часов в 18 строк кода без зависимостей (Build a Clock in 18 Lines of JavaScript with no Dependencies)
- Введение в MEAN-стэк (MongoDB, Express, AngularJS, Node.js)
- WebRTC видео-чат в 20 строчек кода (часть 1) (WebRTC Video Chat in 20 Lines of JavaScript (Part 1))
- Javascript WYSIWYG редакторы (Javascript WYSIWYG editors)
- gulp-licenser — gulp-плагин, позволяющий автоматически добавлять и обновлять копирайты в файлах проекта.
- Простая техника для lazy-загрузки изображений (Simple Image Lazy Load and Fade)
- Плагины и библиотеки:
- Представление enquire.js (Introducing enquire.js)
- Tune.js Demo — мини-пианино
- algebra.js — создание, отображение и решение алгебраических уравнений в JavaScript
- randexp.js — генератор случайных строк, созданных по заданным регулярным выражениям
- jQuery lightgallery V1.2.0 — свежий плагин для создания галереи во всплывающем окне, с адаптивностью
- ResizeEnd — добавление jQuery-события, происходящего при изменении размера окна браузера
- Smart Table Scroll — очень быстрая прокрутка таблиц с огромным количеством строк
- wallop — маленькая 4kb библиотека для показа/скрытия всякого на странице
Браузеры
- За что Microsoft Edge ненавидит закладки?
- Firefox станет больше похож на Chrome, Opera и Edge
- В Chrome прекращено автоматическое воспроизведение видео и звука в фоновых вкладках, а с 1 сентября по умолчанию прекратит показ Flash-баннеров
- Обзор Microsoft Edge: в Windows наконец-то хороший браузер
- Mobile Browsing Around The World
- Сравнение производительности браузеров в Windows 10: Edge vs. IE vs. Chrome
- Firefox 40: профилирование производительности JavaScript и больше (Firefox 40: Profiling JavaScript Performance and More)
- Firefox 42 для разработчиков (Developer Edition 42: Wifi Debugging, Win10, Multiprocess Firefox, ReactJS tools, and more)
- Microsoft создала open-source браузер с помощью HTML, JavaScript, и CSS (Microsoft created an open-source browser using HTML, JavaScript, and CSS)
- Блокирование контента в iOS 9 изменит мобильный веб: я уже это попробовал (iOS 9 content blocking will transform the mobile Web: I’ve tried it)
Сайты с интересным дизайном и функциональностью
- Это — грёбаный сайт.
- Discovery запустил сайт с видео для виртуальной реальности
- weareroyale.com — сайт с занятным фоновым видео и насыщенный анимациями
- coralie-castot.fr — сайт с нестандартным дизайном и эффектами загрузки
- nerval.ch — креативный сайт-портфолио
- bowhead.tailsandwhales.com — вертикальный промо-сайт со скролл-анимацией
Дизайн
- Как эффективно использовать пустое место в веб-дизайне?
- Ссылка дня: найдите идеальное сочетание в Tinder для шрифтов
- Рисуем фон в стиле 80-х в Photoshop и Illustrator
- Эксперименты с загрузкой — как долго вы будете ждать (Experiments in Loading — How Long Will You Wait?)
- Отзывчивость — это конец игры для веб-дизайна? (Is Responsive the End Game of Web Design)
- Zero UI — будущее интерфейсов (Zero UI — The Future of Interfaces)
- Интерфейсное дело против кнопки «главная страница» (The UX case against the home button)
- Секрет успешного дизайна упаковки пищевых продуктов (The Secret to Successful Food Packaging Design)
- Десять способов, которыми дизайнеры решают проблемы (10 Ways Designers Solve Problems)
- Эволюция обложек журналов с 1937-го до 2015-го (The Evolution of Magazine Covers)
- Flinto для Mac — инструмент для создания интерактивных прототипов
- Создание руководства по стилю в Sketch (Generating a Useful Style Guide with Sketch App)
- Как убрать линии из рисунка: превращение рисунка в цифровую иллюстрацию (How to Remove Lines From a Drawing: Convert a Drawing Into a Digital Painting)
- Типографические паттерны в дизайне рассылочных писем (Typographic Patterns In HTML Email Newsletter Design)
- Шрифт, который наделит каждого скорочтением (The Typeface That Turns Everyone Into an Instant Speed Reader)
- Шесть уникальных геометрических шрифтов, которые необходимы в вашем инструментарии (6 Unique Geometric Fonts You Need in Your Toolkit)
- Font Flame — шрифтовые пары
- SVG PORN — логотипы в SVG формате
-
Иллюзия времени (The Illusion of Time) - Когда лучшая страница политического сайта — это 404 (When the Best Page on a Campaign Website Is the One That's Not There)
Подборка бесплатных дизайнерских печенек
- Наборы UI для вашего дизайна
- Набор UI с Android Material дизайном (Android Material Design UI kit – Free Download)
- iOS 9 GUI для Sketch
- Набор иконок для приложений (65+ Application Icons Set Free & Premium Must Have)
- Набор контурных иконок для веб-сайта (Freebie: The Website Icon Set (36 Icons, AI, EPS & PSD))
- Hack — шрифт предназначенный для написания исходного кода
Новости
- Apple потеряла $158 млрд стоимости
- Рекламные сети Google и «Яндекса» отказались от flash-баннеров в пользу HTML5, Amazon отказался от flash-рекламы
- Instagram отменяет привязку к квадратной форме фотографий и видео
- Суточная аудитория Facebook впервые превысила миллиард человек
- Google запустила конкурента Twitch — сервис для стриминга игр YouTube Gaming
- Microsoft: Windows 10 установлена на 75 миллионах компьютеров
- Инженеры Dropbox представили новый алгоритм сжатия видео и изображений без потерь
- «Яндекс» представил крупное обновление базы панорамных снимков картографического сервиса
- Google запустил Map Maker еще в 45 странах, включая Россию
- Ядру Linux исполнилось 24 года
- Строительство Hyperloop начнётся в следующем году
Занимательное
- СМИ узнали о массовом уходе сотрудников сервиса Google Now из-за разногласий с новым гендиректором Сундаром Пичаи
- Пять ценностей, которые Google прививает своим сотрудникам — рассказ бывшего работника ИТ-гиганта
- Голландский разработчик создал приложение, которое визуализирует радиоволны и сигналы
- В США стартовал эксперимент по имитации полета на Марс продолжительностью в 365 дней
- NASA предлагает пользователям Интернета отправить свои имена на Марс
- О том, как создавали Medium.com
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
