Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №154 (30 марта — 5 апреля 2015)

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости.
Сегодня опять в слегка сокращенном формате.

Веб-разработка

• Совершенствуем xaml: Bindable Converters, Switch Converter, Sets
• Основные ловушки при использовании кэша в HTML5-приложениях
• 205 шпаргалок для разработчика
• Делаем веб-формы удобнее для заполнения
• Что на самом деле происходит, когда пользователь вбивает в браузер адрес google.com
• MakeUP, инструмент от 2ГИС для контроля за качеством вёрстки и сравнения её с дизайном (#todo)
• SVG спрайты, 4 способа использования
• Frontflip Podcast: Flux, code hot reload и чтение правильных книг в детстве. Даня Абрамов
• Руководства по оптимизации от Google: Процесс визуализации, Оптимизация контента, Rendering Performance
• Подробный обзор инструментов для документирование UI интерфейсов и создания живых стайл гайдов. (Living Style Guide Tools In-depth Overview)
• Modern Tooling — документ с итогами дискуссий о современных инструментах, использующихся для работы над веб стандартами
• Prism — эффектный слайдер, использующий Canvas для эффектов
• The SVG Canvas, Coordinate System, And Viewport
• Создаем улучшенный интерфейс с помощью SVG (Building Better Interfaces with SVG )
• Пусть ссылки будут ссылками (Let Links Be Links)
• Tutorial: создаем NPM-driven сайт
• npm semver calculator
• Видео с недавней встречи Frontend.fi: Гарри Робертс, Матиас Байненс, Андреа Гиамарчи (#todo)
• Работаем с SVG, урок от Sara Soueidan, слайды
• Ana Tudor’s Favorite CodePen Demos
• Демо на codepen, где верстается анимированное сердце в реальном времени

CSS

• Медиазапросы: width против device-width
• Разбираемся с border-image из CSS3 (Перевод статьи CSS3 Border-Image Explained сообществом css-live)
• Загрузка CSS без блокирования рендера (Loading CSS without blocking render)
• Презентация CSS производительности средствами браузера (Browser representatives on CSS performance)
• Введение в CSS свойство will-change (An Introduction to the CSS will-change Property)
• Да, вы можете сделать эти текстовые эффекты с помощью CSS (Yes, You Can Actually Make These Text Effects In CSS)
• Начинаем рефакторинг с помощью CSS Dig (Starting a Refactor with CSS Dig)
• Полезные свойства Compass для веб-разработки (Useful Compass Features for Web Development)
• BEM 101
• Анимация гамбургерной CSS-иконки (Animating CSS-Only Hamburger Menu Icons)
• Responsive Sprite Animations with ImageMagick and GreenSock
• Pintsize — статический шаблон на Sass
• Первоапрельская спецификация CSS Expressive Generalizations and Gadgetry Level 1

JavaScripts

• Введение в d3.js
• Even more jQuery?
• BABEL 5.0.0 Released
• Автоформатирование стиля JS-кода (Auto-formatting JavaScript Code Style)
• Бедный, недопонятый innerText (The poor, misunderstood innerText)
• Redact.js — простой путь для достижения плавной производительности в 60 FPS (your simple way to buttery smooth 60 FPS performance!)
• Lory — минималистичный слайдер на чистом JS с поддержкой тач-событий (Touch enabled minimalistic slider written in vanilla JavaScript)
• Коварный баг с длиной в iOS 8 ломает итерацию объектов в jQuery и Underscore (iOS 8 insidious length bug breaks jQuery and Underscore object iteration)
• lunr.js — Simple full-text search in your browser
• Подборка JS-библиотек для создания графиков и диаграмм
• Event based jQuery element resize
• Dom-Animator.JS — забавная JS-библиотека, добавляющая ascii-анимацию в комментарии DOMа. Просто небольшое пасхальное яйцо для тех, кто инспектирует ваш код

Браузеры

• Первый взгляд на Project Spartan — браузерное будущее от Microsoft
• Релиз Firefox 37, + некоторые из интересных новшеств 37-й версии для разработчиков
• Выход Firefox 38-beta и Firefox Developer Edition 39
• Демонстрация Browser.html, экспериментального браузера с HTML5-интерфейсом
• Pixel Perfect 2: Возвращение популярного аддона под Firefox Developer Tools
• Команда разработчиков IE ответила на ряд вопросов на одной из своих страниц в твиттере
• Браузер Spartan: режим рисования, поддержика атрибута img srcset, IE Diagnostics Adapter for third party developer tools
• Текущий расклад сил в битве веб-браузеров
• Samsung выпустит браузер для всех платформ

Сайты с интересным дизайном и функциональностью

• 7 красивых сторителлинговых сайтов, на которых можно зависнуть на несколько часов
• Kitchen
• Лучные сайты недели по версии Line25
• fibersensing.com — сайт с симпатичной фоновой анимацией
• melanie-f.com — сайт с параллаксом, анимированной типографикой и фоновой музыкой
• Полет над трансформирующимся динамическим ландшафтом

Дизайн

• Перевод первых разделов из официальной спецификации Google для Material Design: Введение, Объекты в трехмерном пространстве, Свойства материала, Окружающая среда. Перевод сделан сообществом css-live.ru
• Мистические руководства для создания UX (Mystical guidelines for creating great user experiences)
• Как одна кнопка может повысить скорость работы над страницей с восстановлением пароля (How One Button Can Speed Up Your ‘Forgot Password’ Flow)
• 10 методов для оптимизации форм для мобильных устройств (10 Methods for Optimizing Your Forms for Mobile Devices)
• Отличные примеры дизайна сайтов с хорошей корпоративной идентификацией (Great Examples of Website Design Featuring Corporate Identity)
• Понимание золотого сечения в дизайнах (Understanding The Golden Ratio in Designs)
• Дизайн UX — это не то, что вы думаете (User experience design is not what you think)
• Как рассказать цветную историю: психология оттенков (How to tell a color story: The psychology of shades)
• 10 практик «Попробовал и протестировал» для плавной навигации на мобильных сайтах (10 ‘Tried And Tested’ Practices For Smooth Navigation On Mobile Websites)
• Using the Web as a Designer Without Losing Your Mind
• Как нарисовать фигуру из палочек: полное руководство (How to Draw a Stick Figure: a Complex Guide)

Занимательное

• Первоапрельские шутки 2015 года
• У 14-летней Windows XP по-прежнему больше пользователей, чем у Windows 8 и 8.1 вместе взятых
• Облачный сервис OnLive закроется в апреле, Sony выкупила 140 патентов компании
• Бороться и искать: почему «Яндекс» проигрывает Google битву за Россию
• Самый честный рейтинг языков программирования
• Лучшее на Medium: 5 уроков, которым я научился за 6 лет работы в SoundCloud
• Microsoft и «интернет вещей»: От «умных» часов до «умного» метрополитена
• Правда ли настольные компьютеры умирают
• Цена ошибки программиста
• Кто такие биохакеры?
• 3D-печать и протезирование: как технологии помогают в создании искусственных конечностей
• 55 бесплатных онлайн-курсов по программированию и менеджменту от Стэнфорда, Гарварда, Беркли и других
• Как шутили IT-компании в этом году на 1 апреля


Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.

Дайджест за прошлую неделю.
Материал подготовили dersmoll. и alekskorovin

ссылка на оригинал статьи http://habrahabr.ru/post/254981/