Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Веб-разработка
Вёрстка адаптивных email-писем: подробное руководство (часть 1)
Что дизайнеру нужно знать о SVG: за и против
Native Script. Один код для всех платформ
7 вещей, которые каждый дизайнер должен знать про дизайн доступных сайтов
- Про пояса HTML и подтяжки ARIA: неявная ARIA-семантика по умолчанию, которую от вас хотели скрыть — перевод статьи On HTML belts and ARIA braces от сообщества css-live.ru
- Visual Studio Code, кроссплатформенный редактор от Microsoft
Создаем отзывчивый шаблон письма с помощью Ink (Building Responsive Email Templates with Ink)
First Aid — онлайн-справочник по Git с удобным поиском
Шаблон поведения Priority+ для навигации (The Priority+ Navigation Pattern)
RDP Inspector: расширение для Firefox Developer Tools
Open Graph Meta tags (Facebook)
BroadcastChannel API
Фоллбек для встроенного SVG без JS (Inline SVG fallback without JavaScript; Take 2)
8 путей, чтобы стать идеальным веб-разработчиком (8 ways to be the perfect web developer)
Анимация вашей подписи с помощью SVG (Sign on the Dotted Line: Animating Your Own SVG Signature)
Восемь причин для улучшения доступности сайта (8 reasons to embrace website accessibility)
Бесплатный курс на coursera «Интерактивная графика WebGL» (Interactive Computer Graphics with WebGL)
Работа с БЭМ в масштабе — советы от лучших разработчиков (Working with BEM at Scale — Advice From Top Developers)
HTML5 видео: понимание сжатия и DRM (HTML5 video: Understanding Compression and DRM)
Создание Grunt плагина для генерации статического сайта (Building a Static Site Generator Grunt Plugin)
Один час исследований сохраняет десять часов работы разработчиков (1 hour of research saves 10 hours of development time)
CSS
Цикломатическая сложность: Логика CSS
- О «призраках» в CSS и борьбе с ними
- Визуальное руководство по свойствам Flexbox из CSS3. Перевод статьи A Visual Guide to CSS3 Flexbox Properties от css-live.ru
- Браузерные баги Flexbox
- 10 клевых эффектов наведения с помощью SCSS
Pure CSS Webpage (no HTML)
Селекторы CSS4 (CSS4 Selectors)
image-replacement-with-the-adobe-blank-webfont
mdo-ular CSS
Atomic CSS обзавелся собственным сайтом
Иконки и текст (Icons and Type)
Создание элегантного CSS прелоадера для абсолютных новичком
О том, где и как использовать CSS3 анимацию для элементов (Do animations on the web: CSS3 like no tomorrow!)
Automatic Cache Busting for Your CSS
Полное руководство по созданию действительно адаптивных логотипов (The ultimate guide for building truly responsive logos)
Введение в графические эффекты в CSS (An Introduction To Graphical Effects in CSS)
Панель разворачивающаяся в 3D (3D Folding Panel)
Использование Clip Path с умом (Making Sense of Clip Path)
Оформление frontend компонентов (Designing Front-End Components)
Секретное оружие разметки #1: свойство CSS Table (Layout Secret Weapon #1: The CSS Table Property)
Анимации переходов (Animate Transition)
JavaScript
ES6 в деталях: введение
Простой пример использования ES6 уже сегодня
- У всех есть JavaScript, да?
Обзор EmberJS и его технологий (Embering on the Shoulders of Giants)
Релиз jQuery 1.11.3 и 2.1.4 (jQuery 1.11.3 and 2.1.4 Released – iOS Fail-Safe Edition)
Предотвращая побочные эффекты в JavaScript (Preventing Side Effects in JavaScript)
Выявление действий, скрывающихся за использованием “this” в JavaScript (Revealing the Inner Workings of JavaScript’s “this” Keyword)
Введение в JavaScript-овый DDoS (An introduction to JavaScript-based DDoS)
Углубленный ES6: итераторы и for-of loop (ES6 In Depth: Iterators and the for-of loop)
ES6 генераторы: как они работают? (ES6 Generators: How do they work?)
Эффективное управление зависимостями в JavaScript — Hector Virgen (Effective Dependency Management in JavaScript — Hector Virgen)
JavaScript как босс: понимание Fluent API (JavaScript like a Boss: Understanding Fluent APIs)
Изучая JS API в гибридном мобильном приложении (Looking at the JavaScript API in Hybrid MobileFirst Apps)
FOAM фреймворк
Flyd: Реактивное функциональное программирование (Flyd: Reactive Functional Programming)
Создание формы авторизации и регистрации с Meteor (Creating a Custom Login and Registration Form with Meteor)
Электроника для JS разработчиков с Wi-Fi и Bluetooth LE (Electronics for the JavaScript Developer using Wi-Fi and Bluetooth LE)
JSBlocks beta — улучшенный MV-фреймворк
Medium-style Confirm — диалоги подтверждения в стиле Medium
sprint — производительная библиотека для работы с DOM в современных браузерах
ramjet — библиотека для создания анимаций-трансформаций одного объекта в другой
jquery-calx — jQuery-плагин для создания форм с расчетами по формулам
Браузеры
- Новый браузер Microsoft Edge заменит IE
- Логотип Microsoft Edge цепляется за прошлое
- Microsoft Edge будет поддерживать расширения Chrome и Firefox
Microsoft Edge: предосмотр нового браузера (Microsoft Edge: A Hands-on Preview)
- Google выпустил расширение для Chrome, которое предупреждает о кражах пароля
Состояние бинарных данных в браузерах (The state of binary data in the browser)
User agents of change
Дизайн
- Что же такое кернинг?
- Проектирование для Apple Watch
- Представлено оформление интерфейса Firefox OS для телевизоров
- Промышленный дизайнер советует красивые лампы
- НЕплоский веб-дизайн
- Пять эффективных техник для веб-дизайнера
- Дизайнеры назвали лучшие и худшие шрифты для резюме
Как эффективно использовать пустое пространство в веб-дизайне (How to Effectively Use Whitespace in Web Design)
There Is No Fold
Интервью с легендарным дизайнером Erik Spiekermann (Erik Spiekermann)
В InVision добавлена поддержка Apple Watch и Android Wear (Apple Watch and Android Wear prototyping is here)
Детали дизайна: карусель от Dropbox (Design Details: Carousel by Dropbox)
Опыт редизайна журнала the Onion (Welcome To The Onion’s Redesigned Online Experience)
Почему золотое сечение имеет значение (Why the Golden Ratio matters)
Всегда предпочтительнее выбирать прототипы по сравнению с макетами (Always choose prototypes over mockups)
Дизайн с фокусом на содержании (Content-First Design)
Десять простых ошибок в цифровом рисовании и как их исправить (10 Basic Mistakes in Digital Painting and How to Fix Them)
Создание промо-видео для стартапа (Making a Startup Promo Video)
Падение дизайнера, часть IV: достоверные угрозы (Fall of the Designer Part IV: Credible Threats)
Разница в промышленном дизайне Apple и Samsung (The difference between Apple and Samsung industrial design)
Почему вайрфреймы должны быть без стилей (Why the Best Wireframe Style Is No Style)
Учитесь у великих дизайнов: Basecamp (Learn from Great Design: Basecamp)
Переосмысление опыта демонстрации срочных новостей в Guardian (Extra! Extra! Rethinking the Guardian Breaking News Experience)
Дизайн посадочной страницы картошки (Potato landing page)
Почему названия, помещенные внутри и вверху полей форм, быстрее воспринимаются (Why Infield Top Aligned Form Labels are Quickest to Scan)
Пользовательский опыт для продуктовых дизайнеров (User Experience for Product Designers)
Как нарисовать симпатичного монстра в Adobe Illustrator (How to Create a Cute Monster Character in Adobe Illustrator)
Есть иконки-глаголы, есть иконки-существительные (Some icons are verbs, some icons are nouns)
Do’s And Dont’s To Keep In Mind During Web Typography
Подборка бесплатных дизайнерских печенек
- Векторный клипарт на музыкальную тему
- Бесплатные чешуйчатые текстуры для вашего дизайна
Коллекция новых и полезных наборов UI (A Collection of New and Useful Free UI Kits)
Шаблон простой визитки с плоским дизайном (Simple and Flat Business Card Template [Free Download])
Набор UI с плоским дизайном Creative Mind (Creative Mind UI Kit)
Набор аватарок в стиле Material Design (Material Design Flat Avatar Set)
Pamoke: набор забавных иконок (Pamoke: Free Icon Set)
Набор векторных иконок на тему науки (Science Icon Pack free and exclusive (SVG,EPS))
Набор иконок под iOS7 (iOS 7 Icon Pack – Freebies)
Sanchez Slab Italic
Metrica — геометрический декоративный шрифт (Metrica — Free Font Download)
Полтора десятка шрифтов для мая: от декоративного Dirt Road до Open Your Eyes (15 Free Fonts for May)
Новости
- Microsoft Build 2015:
Build 2015: Visual Studio для OS X и Linux, Windows 10, облачные сервисы и другие новинки от Microsoft
Новости BUILD 2015: Visual Studio Code, Visual Studio 2015 RC, Team Foundation Server 2015 RC, Visual Studio 2013 Update 5
- Microsoft: Windows 10 будет на одном миллиарде устройств через 2-3 года
- В Windows 10 появится новое окно блокировки с подсказками и рекламой
- Смартфоны на Windows 10 смогут запускать Android- и iOS-приложения, а Приложения в ПК на Windows 10 можно будет оплатить через мобильный телефон
- Microsoft представила Office с интеграцией Uber, LinkedIn и других сервисов
- Свершилось! Tesla представила аккумуляторную систему для дома, предприятий и всего мира
- Анонимный сервис Secret закрывается после года работы и привлечения $35 млн инвестиций
- Microsoft выпустил приложение, которое угадывает пол и возраст по фото. Но неудачно
- Facebook запускает API v2.0
- Прибыль Samsung упала на 39 %, но компания обещает восстановиться
Занимательное
- 15 невероятных сбывшихся предсказаний Билла Гейтса от 1999 года
- Каким видел Facebook Марк Цукерберг 11 лет назад
- Прогноз развития технологий до 2099 года
- Возраст старейшего сотрудника Google превышает 80 лет
- DevTips: Советы начинающим
- Шизо-криптография
- Стивен Хокинг: человечество может не выжить если не покинет Землю в ближайшие 1000 лет
- Google Fi и Большая Перестройка мобильной связи
- Как киберспорт становится спортивной дисциплиной
- Почему дисциплина гораздо важнее мотивации
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
ссылка на оригинал статьи http://habrahabr.ru/post/257199/
Добавить комментарий