Уже не первый год в блоге нашей компании мы делаем подборки с ссылками на интересные и полезные, по нашему мнению, материалы. Если в течении недели кто-то что-то пропустил, то в пятницу или на выходных может с лихвой это восполнить. Мы подумали, что такой дайджест может быть интересен и аудитории Хабра, поэтому предлагаем вашему вниманию подборку этой недели.
Горячая семерка
Facebook покупает Instagram за $1 млрд
Не успела утихнуть новость о выходе приложения Instagram для платформы Android, как Марк «I'm excited» Цукерберг буквально порвал интернет сообщением о покупке этого сервиса Фейсбуком за сумму в $ 1 млрд.
В Google+ запустили новый дизайн и возможности.
Разработчики социальной сети от Google решились на кардинальный шаг, изменив общий дизайн интерфейса. Результат вышел неоднозначным — с одной стороны улучшена навигация и новый формат отображения фотографий, а с другой — на широких экранах стали заметны большие области неиспользованного полезного пространства.
Mozilla показала браузерный видеочат в Firefox
Разработчики из Mozilla представили новую уникальную функциональность будущей версии своего детища, которая при удачной реализации сможет нанести удар по позициям Skype и стать новым трендом среди создателей браузеров.
Яндекс.Диск — первый взгляд
Совсем недавно был представлен новый облачный сервис от Яндекс. Для тех, кому так и не пришел инвайт, или кто все еще решается, заводить себе аккаунт или оставаться на dropbox, могут почитать авторский обзор этого сервиса и принять соответствующее решение.
Export to HTML5 from Flash Professional
Команда профессионалов из Adobe, разрабатывающая очередную версию Flash, трудится над новой функциональностью своего уникального продукта — возможностью экспорта флеш-роликов в HTML5 формат.
Полезные ссылки для изучения CSS анимации
Последние полгода CSS анимация активно набирает обороты в мире сайтостроения. Особенно это касается мобильного веба, где доминируют браузеры на webkit. Будьте в тренде — начните изучать анимацию уже сейчас!
Знакомство с Parallax Scrolling + полезные ссылки
Parallax Scrolling — еще один тренд последних лет. Узнайте историю его происхождения, ознакомьтесь c классными примерами проектов, где используется этот эффект и занесите в закладки инструменты, которые помогают делать такие сайты.
Новости
- Прогнозируемая популярность полностью себя подтвердила — Instagram для Android скачали 5 млн раз за 6 дней
- Хипстеры мгновенно отреагировали на новость о покупке Instagram Фейсбуком и начали уходить с сервиса, сохраняя копии своих фотоархивов, опасаясь глобальных изменений, возможных после смены владельца компании
- Похоже в секторе облачных хранилищ данных начинается движение, на этот раз Dropbox заявил о готовности предоставить дополнительные 500 Мб дискового пространства за каждого приглашенного в сервис пользователя!
- В корпоративном блоге сервиса YouTube появилось сообщение о том, что сервис начинает автоматически переводить хранящиеся на нём видеоролики в 3D-формат
- Будущее наступает — Google запустила Project Glass с целью получения отзыва пользователей о своем концепте
Браузеры
- Разработчики из Mozilla представили новую уникальную функциональность для браузера, которая в будущем может нанести удар по позициям Skype и стать новым трендом среди создателей браузеров
- В Firefox 14 будут внесены новые заметные изменения связанные с оптимизацией работы с памятью
- В сети появились скриншоты нового дизайна Firefox, который станет актуальным уже в ближайших версиях браузера
- В последней стабильной версии Google Chrome обнаружились проблемы — браузер не пускает пользователей на Facebook и на некоторые собственные сайты
- В Google Chrome 19 появилась синхронизация открытых вкладок
- Подборка графических работ, посвященных «Битвам Браузеров»
Сайты с интересным дизайном и функциональностью
- titanic.q-music.be — сайт с глубоководным погружением
- netlash-bseen.be — одностраничный сайт с параллакс-эффектом
- rapidboot.com — сайт с несколькими слоями облаков
- marklawrencedesign.com — сайт с интересными переходами между страницами
- iutopi.com — качественный сайт с интересным дизайном
- assets.wwf.org.uk — сайт wwf c svg анимацией и динамическими элементами
- planetpropaganda.com — забавный сайт с интересной навигацией
- noleath.com — сайт для бренда с параллакс-эффектом
- wbrettwilson.ca — качественные флеш-сайты еще поживут, и занимают достойную нишу в своем жанре
Дизайн
- Яндекс представил новый экспериментальный дизайн главной страницы, при детальном изучении не претерпевший кардинальных изменений
- «Typography through song: an historical and epistemological journey» — интересный доклад от Jessica Hische, посвященный типографике
- Дизайн мобильных сайтов и приложений развивается, следуя этому тренду в статье Smashing Magazine рассмотрены UI решения посвященные компонентам поиска, сортировки и фильтров
- We’re in an icon-sharpness limbo — в статье неплохо раскрывается вопрос возникающий при создании дизайна под Retina-дисплеи, какой же вариант реализации иконок следует выбирать?
- Специально для пятницы 13 подборка из 15 темных веб-дизайнов!
- В продолжении этой же темы еще 30 подобных примеров работ
- PSD Covers — в помощь дизайнерам делающим обложки создан портал, на котором собраны автоматизированные средства позволяющие превратить ваш двухмерный дизайн в 3D фото-реалистичное изображение за считанные секунды в вашем любимом Photoshop-е!
- http://thecreativefinder.com/ — сервис поиска креативных иллюстраций
- Логотипы с руками и голубями, как есть
- От любителей и ценителей типографики, подборочка свежих логотипов мастеров своего дела
- Пачка уроков по созданию иллюстраций персонажей
Подборка бесплатных дизайнерских печенек
- Regular — бесплатный шрифт уже появившийся в сервисе Google Web Font
- Бесплатны Bobber Typeface An alternative slab serif
- Henry — шрифт названный в честь Генри Форда
- Silverfake free font Silverfake is a new contemporary slab serif wide free font designed Alexey Frolov a.k.a MRfrukta.
- Knowledge wants to be free! — таким лозунгом руководствовались создатели портала содержащего образовательные материалы элитных профессоров и дизайнеров!
- Не успела появиться временная лента на Фейсбуке, как креативщики уже воспользовались довольно оригинальными обыгрышами доступных размеров и форм и насоздавали 30 бесплатных обложек Facebook Timeline
Демо
- Актуальная перед пасхальными праздниками демка, где активно используется CSS3 анимация — Easter Eggs with CSS3 animation
- Awwation — демонстрация редактора для создания подобных векторных презентаций, судя по текущему состоянию редактора — он довольно сыроватый, хотя демка выглядит довольно эффектно
Сервисы
- Яндекс.Диск — первый взгляд — подробный обзор нового облачного хранилища от Яндекса
- html5bookmarks — постоянно пополняющаяся коллекция полезных статей и ссылок на полезные ресурсы, посвященных HTML5
Разработка
- Делаете промо-сайт и есть желание оживить его клевым параллакс-эффектом? Ознакомьтесь с тем, как решал эту задачу Илья Шабанов.
- Для тех, кто пропустил — видео с Я.Субботника в Новосибирске 19 ноября 2011
- Урок, посвященный задаче реализации «drag and drop» c помощью HTML5
- Пол Айриш знакомит с двенадцатью полезными функциями Google Chrome Developer Tools, о которых вы, возможно, не знали
- Последние полгода CSS анимация активно набирает обороты в мире сайтостроения. Будьте в тренде — начните изучать анимацию уже сейчас!
- Parallax — еще один тренд последних лет. Узнайте историю его происхождения, ознакомьтесь в клевыми примерами сайтов, где используется этот эффект и занесите в закладки инструменты, которые помогают делать такие сайты.
- Очередной Sneak Peek, посвященный новой версии Flash Professional, позволяющей осуществлять экспорт в HTML5 canvas + JavaScript.
- Делаем pagination для WordPress без использования плагинов
- Урок, посвященный созданию лайтбокса для современных тач-интерфейсов
- Подборка из 10-ти симпатичных сайтов, созданных с помощью jQuery Mobile
- SVG Stacks уже можно использовать в Firefox, и в ближайшем будущем — в Opera
CSS
- Опубликованы первые долгожданные черновики Переменных в CSS
- Simurai продемонстрировал клевую анимацию SVG-иконок. К сожалению, работает только в браузерах на webkit
- Добавьте CSS3 анимацию к вашим Media Queries, и вау-эффект обеспечен
- Разработчики Webkit знакомят фронтендеров с новыми CSS-свойствами
- Если требуется скрыть какие-нибудь CSS свойства от IE8 и ниже, возможно вам пригодится этот хак
JavaScripts
- pep.jquery.js — небольшой плагин для kinetic-drag на мобильных/десктопах.
- jQuery 1.7 API Cheat Sheet .
- Direction-Aware Hover Effect — добавь изюминку в свою фотогалерею.
- Дизайн Facebook Timeline с помощью jQuery и CSS.
- fc.tape — небольшой плагин, который поможет организовать спрайтовую анимацию.
- Делаем клевый слайдер с помощью jmpress.js.
- Плагин The Wookmark поможет упорядочить блоки макета так, как это сделано на wookmark.com.
- PageScroller — плагин для создания навигации по сайту с помощью плавных переходов.
- fool.js — jQuery плагин, идеально подходящий для любителей розыгрышей и позволит пошутить над посетителями вашего сайта одним из предоставленных в настройках способом.
Занимательное
- Sketch e54 — 100 секунд про Яндекс
- Тачскрины любой формы и без рамки уже скоро могут стать реальностью
- Google расширяет коллекцию искусств
- 35-долларовый индийский планшет получит новую аппаратную начинку и Android 4.0
- Эффективность программы OLPC оказалась не очень высокой
- Українська інтернет-революція
Развлечения
- Браузерная война 1994 — 2011
- CSS3 — Meowww — забавный CSS3-кот.
- Забавный комикс о Firefox-е
- Прототип Project Glass «заметили» на Сергее Брине
- Project Glass в России.
- Мнение пользователей — если бы очки Glass сделала компания Microsoft
Эта неделя запомнилась большим количеством интересных и неожиданных новостей, и если такого рода дайджест будет воспринят сообществом положительно (несмотря на сегодняшнюю дату), мы будем публиковать его здесь регулярно.
Автор: alexzfort
