Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости.
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите, пожалуйста, в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Веб-разработка
Вёрстка адаптивных 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
- Введение в графические эффекты в 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.
Комментарии (10)
Keyten
04.05.2015 11:21+2Очередное большое спасибо за подборку.
Microsoft Edge будет поддерживать расширения Chrome и Firefox
И XUL конечно же.
Дизайнеры назвали лучшие и худшие шрифты для резюме
Comic Sans MS!
SelenIT2
04.05.2015 13:47+3А еще забавно, что этот Microsoft Edge в своей строке user-agent де-факто прикидывается одновременно практически всеми когда-либо существовавшими браузерами… кроме IE (ну, и Оперы еще:). Этакое закономерное развитие непростой истории этой многострадальной строки. Подмечено в упомянутой в дайджесте статье "Юзерагенты перемен" :)
psywalker
06.05.2015 17:17+1Имхо, Microsoft Edge хоть и многообещающий браузер, но что-то мне подсказывает, что это будет очередная отсталая задница, простите за резкость)
SelenIT2
06.05.2015 18:06+1Кто его знает… С одной стороны, ребята явно стараются, в т.ч. и для веб-разработчиков. Но с другой — вот, например, SMIL-анимации поддерживать так и не хотят, так что товарищи из Хрома могут кивать на них как на союзников в намерении укокошить всю вот эту красотень..:)
psywalker
13.05.2015 16:40+1На всякий случай: перевод "Браузерных багов Flexbox" пополнился двумя новыми пунктами!
SelenIT2
Спасибо за чудесную подборку!
Эх… Уж сколько раз твердили миру:) Да и сам модуль давно уже называется CSS Selectors 4, а не CSS4 Selectors. Но магия цифр сильнее..:)
Создать, что ли, сайт наподобие CSS1Rocks и рассказывать на нем про CSS для круглых экранов, собственные селекторы и функции и прочие крутые новинки, гордо носящие цифру 1 в названии модуля?:)