Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости.
Сегодня опять в слегка сокращенном формате.
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Сегодня опять в слегка сокращенном формате.
Веб-разработка
Совершенствуем xaml: Bindable Converters, Switch Converter, Sets- Основные ловушки при использовании кэша в HTML5-приложениях
- 205 шпаргалок для разработчика
- Делаем веб-формы удобнее для заполнения
- Что на самом деле происходит, когда пользователь вбивает в браузер адрес google.com
- Маленькая неочевидность в SVG-паттернах: по следам трансформации-невидимки
- MakeUP, инструмент от 2ГИС для контроля за качеством вёрстки и сравнения её с дизайном
- 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: Гарри Робертс, Матиас Байненс, Андреа Гиамарчи - Работаем с 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.
