Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin
Веб-разработка
- Адаптивные email'ы
- Часто задаваемые вопросы об атрибуте rel=«author»
- srcset: Руководство по WebKit-атрибуту srcset в тэге img, и почему имплементация srcset — это хорошо
- Элемент output
- Bootstrap 3.0 — новый дизайн, mobile first и отказ от поддержки IE7 и Firefox 3.6 , обсуждаем на Хабре
- Векторное изображение с растровым фолбэком для старых браузеров (SVG и тэг image), дополнительные варианты SVG с фолбэком
- Видео от Ilya Grigorik об оптимизации производительности в вебе
- Facebook-посты теперь можно встраивать в страницы всем
- Определение и контроль Touch-событий на страницах сайта
- WebP — техника сжатия изображений от Google
- Сравнение и сопоставление тэгов ins, del и s
- Новые фичи последней версии Firebug 1.12
- Пишем код для Web Audio API, который будет работать в любом браузере (на самом деле нет)
- Создание трехуровневого адаптивного меню
- Как создать настраиваемый WordPress-виджет с отображением погоды
- Clank — HTML/CSS фреймворк для прототипирования нативных приложений для phone/tablet
- Brick — UI компоненты для современных веб-приложений
- pineapple.io — большой хаб с уроками, инструментами и наборами для веб-разработчиков
- Взрывающийся блок на HTML/CSS/JS
- “Mobilizing the Web” — круглый стол веб-разработчиков (видео)
CSS
- Список с русскими буквами
- Жемчужина CSS3 — функция calc()
- Подключение нестандартных шрифтов. Часть первая
- cssexclusive — полезные техники CSS анимации с кодом и примерами
- Tridiv — сервис для создания трехмерных объектов с помощью HTML и CSS 3D , Анимация космического корабля сделанного с помощью Tridiv
- Семантический CSS с интеллектуальными селекторами
- О юнитах rem
- Высококачественная иконка фотоаппарата на чистом CSS3
- Использование псевдо-классов CSS3 и transitions для создания интерактивных ссылок и кнопок
- Проигрыватель пластинок с анимацией на CSS3
- extractCSS — воссоздание классов, айдишников и inline-стилей из html
- Демо, показывающее эффект физического искривления, зависящего от скорости движения полосы прокрутки
- Генерация CSS-гридов на Stylus
- Еще одна техника для прибития футера к низу экрана — c помощью z-index и fixed
JavaScripts
- ng-boilerplate — boilerplate для AngularJS
- Speech Router — используем API Chrome для распознавания речи для создания роутеров
- Модуль к Node.js для определения размеров изображения
- botdylan — автоматизация работы с процессами на GitHub с помощью JavaScript
- ungit — UI для работы с git на любой платформе
- offreg — jQuery плагин для добавления стереоскопического эффекта
- NProgress.js — прогресс-бар как на YouTube и Medium
- FlowType.JS — Правильная адаптивная типографика с FlowType.JS
- texteffects — забавная анимация текста на jQuery
- Google Cloud Storage — начинаем работать с примером приложения на JavaScript
- NoFlo — Visual Control Flows for JavaScript
- Анимированый heatmap с временной шкалой по данным Google Analytics
- Об использовании jQuery в уроках
Браузеры
- Опубликован рейтинг самых ненадежных браузеров
- Результаты тестирования стабильности web-браузеров
- Релиз web-браузера Chrome 29
- Firefox в стиле Modern для Windows 8 выйдет 10 декабря
- Sauce Labs: IE с годами работал все хуже и хуже, но сейчас ситуация изменилась
- Поддержка медиа-форматов в Firefox-е
Новости
- Стив Баллмер покидает пост CEO Microsoft, Акционеры позитивно восприняли заявление Баллмера, Глава Microsoft уходит в отставку. Оптимистичный вариант статьи
- Yahoo обогнал Google по генерируемому человекотраффику в США и закрыл свой почтовый сервис в Китае
- Цукерберг и партнеры запускают Internet.org, чтобы дать людям дешевый интернет
- Google упал на две минуты — объем мирового трафика сократился на 40%
- Веб-сервисы:
- Началась интеграция сервисов Google Maps и Waze
- Аудитория Vine утроилась за два месяца
- На Google Street View появились крупнейшие зоопарки мира, сама страничка
- Google запускает видеовстречи с экспертами
- На сайте YouTube теперь можно отключить всю рекламу
- Смартфоны:
- Nokia Lumia 520 стал самым популярным Windows Phone смартфоном
- Intel готовится к запуску новых платформ для планшетов и смартфонов в 2014 году
- Кампания по сбору средств на Ubuntu Edge завершилась
- LG анонсировала первый в мире ЖК-дисплей с разрешением 2560 x 1440 для смартфонов
- Новый iPhone будет золотого цвета
Веб-инструменты
- Pingendo — приложение для прототипирования адаптивных страниц с использованием Twitter Bootstrap
- Random User Generator — сервис позволяющий сгенерировать данные случайного выдуманного пользователя (включая фото)
- html2pdf.it — отличный конвертор html в PDF
Демо
- Впечатляющие примеры WebGL
- WebGL демки, созданные с помощью babylon.js
- Визуализация классической музыки
- babbit — Eat carrots and beat the farmer!
Сайты с интересным дизайном и функциональностью
- Креативные html5 сайты
- Спецпроект New York Times: THE BLOOMBERG YEARS: RESHAPING NEW YORK скролл-эффекты, фоновое видео и лаконичный дизайн
- Классные сайты, использующие видео в качестве фона либо одного из ключевых компонентов дизайна
- niquewoodhouse.com/folio/ — Лаконичное портфолио с изящно реализованной навигацией
- www.pixelis.fr/en — эффектные слайды с горизонтальной прокруткой
- dziwoki.me — технологически продвинутая презентация (html5 canvas и прочее) с забавным подходом к скролл-анимации
- madebyjoyce.com — приятный одностраничный сайт с современными анимационными эффектами
- abbyputinski.com — интерактивный сайт-карта
Дизайн
- Bing проводит конкурс среди пользователей на лучшую фотографию города
- Понимание букв
- Тексты, которые загубят самый красивый дизайн
- Подборка книг в подарок веб-дизайнеру
- The iOS Design Cheat Sheet (iOS7)
- aboard.io — лента со свежей графикой, агрегируемой из разлчных RSS-фидов
- typehunting.com — коллекция фото с типографикой
- 123rf.com — библиотека фото с лицензией ROYALTY FREE
- Как использовать фотографии в веб-дизайне
- 35 Latest Photoshop Text Effect Tutorials
- Как придать винтажный либо ретро-стиль вашему веб-сайту
- Лого: Остроумные логотипы посвященные коробкам, логотипы юридических фирм, с изображением пианино
Подборка бесплатных дизайнерских печенек
- Текстуры: цветная бумага
- Вектор: два десятка исходников нашивок
- Исходники: Modern Touch UI Kit
- Иконки: упаковка иконок на тематику: портфолио, футбол, статистика и музыка, наборы с иконками социальных сетей, иконки платежных систем, с длинными тенями, свежая дюжина наборов иконок с длинными тенями либо плоским дизайном
- Шрифты: Map Icons — иконочный шрифт со значками для Google Maps, Braxton — декоративный курсивный шрифт
Занимательное
- Ко дню рождения Мастдайки
- 5-минутное падение сервисов Google снизило мировой трафик на 40%
- Как частота запроса влияет на выдачу Google
- С целью остановить истории об Эдварде Сноудене правительство Великобритании уничтожило HDD в офисе The Guardian
- Дохлый номер Google: почему «20% на проекты» больше не помогают компании
- Google и арабская весна: как высокотехнологичные компании изменили ход революции
- Дай человеку рыбу, и он будет сыт целый день. Предложи ему учиться программированию, и он…
- Фейсбук зажал $500 палестинскому хакеру за эксплойт, который позволял запостить что угодно на стену кому угодно
- Как это было: падение BlackBerry
- Люди меняют свое поведение в сети из-за слежки АНБ
- Новая реклама Microsoft: Windows 8 подходит для учебы лучше, чем iPad
- synthcats.com — фото котов и синтезаторов
- Steve Jobs' Funniest Video Moments
- Сердитый кот дал эксклюзивное интервью австралийскому телеканалу
- NASA обсуждает концепцию варп-двигателя и готовится к созданию пузыря Алькубьерре в лаборатории
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin