Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы. Эта неделя ознаменовалась повышенной активностью на полях облачных хранилищ.
– Google представил свой новый сервис, и тем самым вступил в активно развивающуюся
сферу облачных хранилищ. Благодаря демократическим ценам, каждый сможет докупить нужное количество гигабайт.
– Microsoft выкатило большое функциональное обновление для облачного хранилища SkyDrive,
– В условиях растущей конкуренции Dropbox продолжает совершенствоваться, анонсируя новый полезный функционал,
– Стараются быть в тренде и Sony с Samsung — первые запускают свой фото-хостинг, а вторые могут представить конкурента iCloud 3 мая,
– ну и куда же без сравнения сервисов: раз, два и три.
В преддверии футбольного Евро 2012, сервис Google Street View появился для пяти украинских городов — Киева, Львова, Донецка, Одессы и Харькова. Основная часть фотографий была сделана осенью прошлого года.
Запуск нового сайта «Adobe & HTML» и начало приёма предварительных заказов на CS6 и Creative Cloud
Очередной релиз популярного веб-браузера, получивший приличную порцию функциональных улучшений и нововведений, среди которых режим «тихого обновления» для Windows-пользователей а ля Chrome.
Динамичный справочник по CSS свойствам и селекторам с подробной документацией, рабочими примерами на jsFiddle.net и ссылками на официальную w3c документацию.
Подробный гайд по верстке от Google, c примерами, пояснениями и рекомендациями о том, как с их точки зрения сделать правильней, а от каких шагов следует воздержаться.
Тема, которая вызвала гигабайты обсуждений в блогах и форумах несколько месяцев назад, опять набирает обороты — мобильная Опера подтвердила интеграцию поддержки -webkit префиксов.
Ссылка на дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin
Горячая семерка:
– Google представил свой новый сервис, и тем самым вступил в активно развивающуюся
сферу облачных хранилищ. Благодаря демократическим ценам, каждый сможет докупить нужное количество гигабайт.
– Microsoft выкатило большое функциональное обновление для облачного хранилища SkyDrive,
– В условиях растущей конкуренции Dropbox продолжает совершенствоваться, анонсируя новый полезный функционал,
– Стараются быть в тренде и Sony с Samsung — первые запускают свой фото-хостинг, а вторые могут представить конкурента iCloud 3 мая,
– ну и куда же без сравнения сервисов: раз, два и три.
В преддверии футбольного Евро 2012, сервис Google Street View появился для пяти украинских городов — Киева, Львова, Донецка, Одессы и Харькова. Основная часть фотографий была сделана осенью прошлого года.
Запуск нового сайта «Adobe & HTML» и начало приёма предварительных заказов на CS6 и Creative Cloud
Очередной релиз популярного веб-браузера, получивший приличную порцию функциональных улучшений и нововведений, среди которых режим «тихого обновления» для Windows-пользователей а ля Chrome.
Динамичный справочник по CSS свойствам и селекторам с подробной документацией, рабочими примерами на jsFiddle.net и ссылками на официальную w3c документацию.
Подробный гайд по верстке от Google, c примерами, пояснениями и рекомендациями о том, как с их точки зрения сделать правильней, а от каких шагов следует воздержаться.
Тема, которая вызвала гигабайты обсуждений в блогах и форумах несколько месяцев назад, опять набирает обороты — мобильная Опера подтвердила интеграцию поддержки -webkit префиксов.
Новости
- Небольшая подборка новостей от Google:
Весенняя чистка — закрытие ряда сервисов,
Google запускает новый инструмент рекламной аналитики Brand Activate,
Google разрешила блоггерам зарабатывать на рекламе правда пока только в США.
- Крупнейший украинский банк ПриватБанк открывает школу программирования для детей с применением уникальной системы Lego Education
- Покорив Рунет, Mail.Ru Games выходит на международный рынок мобильных игр.
- В Facebook заявили о выручке свыше $1 млрд и обнародовали квартальные показатели.
- В Facebook начали экспериментировать с трендами, введя новый блок Trending Topics, который будет добавлен в ленту действий друзей пользователей.
- Microsoft официально анонсировала Windows 8 Release Preview, выход — в начале июня
- Дата-центр «украинского Сколково» Bionic Hill обойдется минимум в $17 млн.
Браузеры
- Последнее время сравнения производительности браузеров под Windows проводятся для ее седьмой версии, однако WinXP все еще довольно популярная система, и если она у вас основная — вот вам сравнение основных версий браузеров под XP.
- Сомнительные методы борьбы за безопасность пользователей — Firefox отнимет у сайтов fav-иконки.
- А вы знали, что веб-страницы можно сохранять в формат PDF без установки дополнений?
Сайты с интересным дизайном и функциональностью
- mono-1.com/monoface/ — флеш-сайт с забавным конфигуратором физиономий
- almeyra.com — персональный одностраничный сайт с фотографией человека держащего в обеих руках видео-демо и портфолио
- caseybritt.com — сайт сделанный под iPad с навигацией с помощью клавиатуры для настольных компьютеров
- thetrueillusion.com — неплохое портфолио с умеренным использованием анимационных эффектов
- ycoyacht.com — красивый сайт люкс сервисов с активным использованием фоновых фотографий, продуманным процессом загрузки и интересной навигацией
- rouxatparliamentsquare.co.uk — сайт ресторана Roux at Parliament Square, выполненный в едином стиле, с полноэкранными фотографическими фонами, нестандартной навигацией и аяксовой загрузкой данных.
- mad.no — сайт архитектурной компании, на котором активно используются полноэкранные фотографии, все страницы выполнены в едином стиле — с графической подложкой и небольшим количеством информации размещаемой поверх этой подложки.
- appear.dk — нестандартные курсоры помогут разобраться с непростым на первый взгляд интерфейсом
- beautifulexplorer.com — в попытке гармонизировать и структурировать поток информации интересной дизайнерам, разработчики смешали HTML5 Canvas с традиционными технологиями и получили нетривиальное шарообразное решение
- dventureworld.ourentry.com.au — чтобы посетители парка развлечений смогли увидеть мультяшных персонажей сайта у себя в iPad-ах, создатели проекта прибегли к помощи магии, JavaScript и тэга canvas.
Дизайн
- Создан самый средний шрифт под названием Averia. В статье узнаете историю создания и ссылку на шрифт в каталоге Google Web Fonts.
- #BADA55-цвета для веб-дизайна — запоминаем цвета мнемоническим методом.
- color.method.ac — очередная увлекательная игра для дизайнеров, на этот раз посвященная цветам!
- Игра typeconnection.com от Aura Seltzer посвященная знакомству шрифтов, и подсказывающая какие шрифты стоит ставить в пару. После создания своей идеальной шрифтовой пары можно отправить их к эксперту, который вынесет вердикт о надежности нового союза!
- Современные эффекты веб-дизайна придающие заголовкам изюминку
- Diego Monzon делится секретом успешного вырезания узоров по дереву, прилагая для достоверности вкусную трехслойную PSD-шечку
- Сайты нарисованные от руки бывают вовсе неплохи — видимо так рассуждал автор сборника веб-дизайнов созданных при участии карандашей и ручек
- Да и для логотипов набросок в блокноте может довольно неплохо подойти!
- Попытка объяснить загадку притягательности веб дизайна выполненного в стиле минимализма, подкрепленная примерами и разумными объяснениями почему же все таки это работает.
- Логотипы в виде нашивки еще не вышли из моды!
- Иллюзии в графическом дизайне обширная тема и поле для многочисленных экспериментов. Частью удачных примеров делится с нами команда SloDive, с помощью пары дюжин удивительных примеров «обмана зрения». Некоторые картинки даже приходится открывать в графическом редакторе чтобы убедиться что это не заурядная анимированная GIF-ка!
Подборка бесплатных дизайнерских печенек
- Несколько фотореалистичных иконок посвященных фотографиям решили поделиться дизайнеры Iconshock
- Свежая упаковка с иконками наиболее востребованных социальных сервисов в помощь дизайнерам и разработчикам.
- Иконки кредитных карточек (MasterCard, Visa, Maestro, American Express, PayPal, Visa Electron, Discover, Cirrus) + PSD
- Шаблончик для иконок приложений iOS (9 размеров) в одной PSD-ке
- Набор стилизованных социальных иконок предлагается скачать за ваш Tweet!
- Немного запоздавшая коробка пасхальных векторных форм для Photoshop
Демо
- BKOM ROBOT GAME — демо качественно выполненной игры-платформера на HTML5 (в canvas-контейнере).
- Лаборатория Хакима Эль Хаттаба — впечатляющие эксперименты, которые могут произвести вау-эффект на вашем сайте.
Сервисы
- screenqueri.es — отличный сервис, который пригодится при верстке сайта с адаптивным дизайном.
- responsinator.com — сервис, аналогичный предыдущему, отображающий ваш сайт в размерах экрана популярный мобильных устройств.
- starter — сгенерируй свой jQuery-плагин.
Разработка
- Интерактивное меню на CSS3 & jQuery
- Для создания 3-х мерного столбика-графика достаточно 3-х изображений, немного JavaScript и понимания как это должно работать
- Как взять немного JS подключить Google Analytics и получить статистику о том насколько прокручивают страницу
- Последний вариант вставки изображений на сайтах предназначенных для адаптивного дизайна
- Делаем сайт с адаптивным дизайном, подключая изображения и видео
- Адаптивный дизайн с адаптивным заголовком для адаптивных верстальщиков
- PageSlide — вариант реализации меню при адаптивном дизайне сайта, использующий в качестве навигации выезжающую панель при смартфонном разрешении.
- Классификация сайтов с адаптивным дизайном на резиновые, адаптивные и смешанные (responsive) типы .
- Адаптивный веб-дизайн на практике — разработчики Футубры делятся практическим опытом.
CSS
- Урок по созданию анимированного спрайта на чистом CSS.
- html5boilerplate: прощаемся с заданным по умолчанию розовым выделением текста в популярном шаблоне.
- Создаем треугольники с тенью без использования изображений по методу Криса Койера.
- 3D it! — используем CSS 3D для добавления забавных трехмерных эффектов на любом сайте.
JavaScripts
- jQuery contextMenu — создавайте собственное контекстное меню на вашем сайте или в веб-приложении.
- Scrolling Parallax Plugin for jQuery — отличный плагин для добавления параллакс-эффекта на сайте.
- jQuery zLayers Parallax Plugin — еще один неплохой плагин для параллакса, на этот раз по наведению мыши.
- lake.js — просто добавь воды.
- AjaxML — jQuery плагин максимально упрощающий задачу загрузки контента аяксом
- GFX — добавляем CSS3 трансформации и анимации на элементы сайта с помощью jQuery.
- jqTree создает дерево по JSON с возможностью перетаскивания веток
- В веб пришло время аудо-слайд-шоу с jPlayer-ом
- PageSlide — плагин прикручивающий выезжающие панели
- Glisse.js еще одна галерея с CSS3-эффектами.
- jQuery HiddenPosition позволит найти координаты даже скрытых элементов!
- Адаптивный дизайн это хорошо, но что же делать если вы использовали у себя довольно старую но надежную технику Image Map? Теперь можно подключить Responsive Image Maps плагин, берущий на себя задачу пересчета координат областей изображений.
- Sweet Tooltip — one style is not enough. Симпатичные всплывающие подсказки.
Занимательное
- Привет, будущее — Planetary Resources, Google и Кэмерон — и с астероидов будем платину везти!
- Ваш андроид быстро разряжается? Возможно, проблема в этом — «плохие» сайты разряжают батарею мобильных устройств
- Sketch e56 — 100 секунд про Windows Phone
- Mozilla запустит первый коммерческий телефон на базе Boot to Gecko в начале 2013 года, а произойдет это в Бразилии.
- К 2014 года производительность графики мобильных устройств превзойдет производительность современных игровых консолей.
- Запах гика: Air Aroma — духи с ароматом новых гаджетов Apple
- В Украину официально завезены первые электромобили BIO Auto — теперь заправляться можно и от розетки.
- 25 оптимальных городов для стартапов по версии Startup Genome
- Американец внес миллион правок в статьи Wikipedia
- Художник Марк Форманек при поддержке компании Datenstrudel создал часы, которые строятся в режиме реального времени. 24 часа, 70 рабочих, 30 досок, 1611 изменений. Видеозапись процесса синхронизируется со временем, на которое настроен ваш компьютер.
Развлечения
- ЛСД-трип для сайтов
- Как бы выглядели самые известные сайты, если бы были платьями
- Google Project Glass — Русская версия
- Креативная вакансия для фронт-ендера — судя по всему, ребятам действительно нужен хороший верстальщик.
Ссылка на дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin
