Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
![](https://habrastorage.org/r/w1560/storage2/bee/481/f3a/bee481f3ad51949bd284d5eb3b7e6b36.png)
![](https://habrastorage.org/r/w1560/storage2/5e1/706/a5c/5e1706a5cc062e603d83315794ea0e4b.png)
Проникновение интернета в оффлайн становится все более явным. На этот раз локомотив поиска в рунете радует своей инициативой!
![](https://habrastorage.org/r/w1560/storage2/295/4ab/4f8/2954ab4f86ae590bf934703aa672be5c.png)
Похоже что демонстрация от Mozilla, показавшая возможности создания видео-чата в браузере идет в одном потоке с разработками более крупных компаний. Теперь уже озвучено направление деятельности в этой сфере и гиганта из Редмонда.
![](https://habrastorage.org/r/w1560/storage2/21c/5b2/cb6/21c5b2cb6103dad6ec0d29a109e4945f.png)
Программа, служившая основной причиной головной боли мирового сообщества верстальщиков, и периодически снабжающая фармацевтов обеспеченной клиентурой, наконец-то становится историей! Это не может не радовать и воодушевлять каждого, не понаслышке знакомого со словами HTML, CSS, JavaScript.
![](https://habrastorage.org/r/w1560/storage2/874/e9d/5e4/874e9d5e499024d908987ae3b69373d3.png)
Похоже проблема замороженных вкладок, достигла своего разумного предела, и заставила разработчиков Mozilla позаботиться о включении столь необходимой функциональности в браузер по умолчанию!
![](https://habrastorage.org/r/w1560/storage2/2b9/67b/c99/2b967bc99e09ae63f3ab61b6cacd8aa2.png)
Плюсы использования протокола SPDY становятся более очевидным для пользователей продвинутых браузеров. Естественно, что требования к хостингу при этом тоже следует учитывать.
![](https://habrastorage.org/r/w1560/storage2/a84/8a1/55e/a848a155eed767e3a9bc09c7a9b7220a.png)
Пользователи ноутбуков сформировали самое популярное разрешение, сместив золотое 1024x768, казавшееся незыблемым многие годы, на второе место!
![](https://habrastorage.org/r/w1560/storage2/53a/156/fe9/53a156fe9c986b409ce815206e56fa4f.png)
После ошеломляющей покупки Instagram, аналитики ринулись к списку стартапов, которые на сегодняшний день могут вызывать не меньший интерес.
Ссылка на дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin
![](https://habrastorage.org/storage2/bee/481/f3a/bee481f3ad51949bd284d5eb3b7e6b36.png)
Горячая семерка
У «Яндекс.Денег» появилась своя банковская карта
![](https://habrastorage.org/storage2/5e1/706/a5c/5e1706a5cc062e603d83315794ea0e4b.png)
Проникновение интернета в оффлайн становится все более явным. На этот раз локомотив поиска в рунете радует своей инициативой!
Skype будет работать в любом веб-браузере на основе HTML5
![](https://habrastorage.org/storage2/295/4ab/4f8/2954ab4f86ae590bf934703aa672be5c.png)
Похоже что демонстрация от Mozilla, показавшая возможности создания видео-чата в браузере идет в одном потоке с разработками более крупных компаний. Теперь уже озвучено направление деятельности в этой сфере и гиганта из Редмонда.
Internet Explorer 6. Прощальный обзор.
![](https://habrastorage.org/storage2/21c/5b2/cb6/21c5b2cb6103dad6ec0d29a109e4945f.png)
Программа, служившая основной причиной головной боли мирового сообщества верстальщиков, и периодически снабжающая фармацевтов обеспеченной клиентурой, наконец-то становится историей! Это не может не радовать и воодушевлять каждого, не понаслышке знакомого со словами HTML, CSS, JavaScript.
В Firefox 14 планируют включить возможность активации Flash-контента только после клика
![](https://habrastorage.org/storage2/874/e9d/5e4/874e9d5e499024d908987ae3b69373d3.png)
Похоже проблема замороженных вкладок, достигла своего разумного предела, и заставила разработчиков Mozilla позаботиться о включении столь необходимой функциональности в браузер по умолчанию!
Реальный «ускоритель интернета» уже возможно установить на сервер — Add SPDY support to your Apache server with mod_spdy
![](https://habrastorage.org/storage2/2b9/67b/c99/2b967bc99e09ae63f3ab61b6cacd8aa2.png)
Плюсы использования протокола SPDY становятся более очевидным для пользователей продвинутых браузеров. Естественно, что требования к хостингу при этом тоже следует учитывать.
1366×768px обошло 1024×768px в списке самых популярных разрешений экрана
![](https://habrastorage.org/storage2/a84/8a1/55e/a848a155eed767e3a9bc09c7a9b7220a.png)
Пользователи ноутбуков сформировали самое популярное разрешение, сместив золотое 1024x768, казавшееся незыблемым многие годы, на второе место!
10 стартапов, которые могут купить за $1 млрд
![](https://habrastorage.org/storage2/53a/156/fe9/53a156fe9c986b409ce815206e56fa4f.png)
После ошеломляющей покупки Instagram, аналитики ринулись к списку стартапов, которые на сегодняшний день могут вызывать не меньший интерес.
Новости
- Google присоединяется к большой гонке облачных хранилищ и планирует запуск Google Drive уже через неделю. Среди плюшек — всем по 5 Гигабайт бесплатно
- Если вы — фанат Microsoft и следите за выходом их продуктов, то вероятно, вам будут интересны большие планы Microsoft по релизу Office 15, IE10 и их других ключевых продуктов
- Реклама Microsoft Office 15 расскажет вам о преимуществах облачного офиса от мелкомягких и о том, что не Google Docs единым.
- Microsoft сообщила, что будет всего 3 потребительских издания Windows 8 — Windows 8, Windows 8 Pro и Windows 8 RT. Больше никаких Starter, Home, Pro и Ultimate!
- Facebook планирует создание «именной» электронной почты, что несомненно порадует активных пользователей этой социальной сети.
- Возможно, не все заметили, но фотографии профиля в Facebook Timeline стали немного больше.
- Facebook возвращается к своим университетским истокам — учебные заведения смогут создавать собственные закрытые группы.
- Планируете удались аккаунт на Facebook, но жалко терять информацию? Воспользуйтесь функцией «Download Your Information», которая была недавно обновлена.
- Google купит домены .google и .youtube — ждем пополнения в адресах их сервисов и засилье пользовательских каналов со своими доменными именами.
- Google продолжает наращивать обороты, значительно увеличив доход и прибыль в первом квартале 2012 года.
- Поматросил и бросил: Google продаёт Motorola — насытившись патентами, Google отказывается от Motorola Mobility.
- По стопам батхерта по поводу нового дизайна Google+ — как оказалось, пустые участки в новом дизайне были сделаны специально.
- WordPress использует каждый второй из ТОП-100 мировых блогов, что не удивительно для такой популярной платформы.
- Adobe не устает совершенствовать свои продукты — After Effects CS6 лучше работает с памятью и с файлами Illustrator
- Большая дата у легенды вычислительной техники — 16-го апреля персональному компьютеру Apple II исполнилось 35 лет
Браузеры
- Китайский гибридный браузер Maxthon активно развивается, совершенствуя не только интерфейс, но и движок. Maxthon, A New King Of HTML5
- Предустановленные браузеры без возможности смены на альтернативный — зло и боль всех верстальщиков мира. IE лидирует среди браузеров в дневное время, Google Chrome — по вечерам
- Элемент Date Picker стал доступен в Chrome Canary и Chromium
- Новая функциональность в Google Chrome Canary облегчит жизнь разработчикам мобильных сайтов.
Сайты с интересным дизайном и функциональностью
- glamour.biz — тематический сайт с качественными иллюстрациями
- campbellharrison.co.uk — сайт с динамической анимацией блоков
- zxcvbnmnbvcxz.com — тематический сайт с параллаксом
- loisjeans.com — сайт с нестандартной структурой блоков
- biamar.com.br — сайт с full-size backgrounds и предзагрузкой элементов страниц
- bobadilium.com — одностраничный сайт с разной цветовой гаммой
- michel-doudin.com — нестандартная реализация навигации по сайту
- www.version-four.com — интересная реализация coming soon страницы
- selagroup.com — необычный интерактивный сайт Sela Group
- ecodazoo.com — флеш-сайт с отличным использование 3D и иллюстраций
- mikimottes.com — креативное портфолио иллюстратора и аниматора Микки Моттес, сделанное на флеше
- soft.se — флеш-сайт с разумным использованием 3D
- razvangarofeanu.com — симпатичный одностраничный сайт-портфолио с приятным дизайном
- your-majesty.com — динамичный флеш-сайт креативного агентства Your Majesty
- colorz.fr — сайт отлично реализованный с помощью Ajax и отличающийся продуманностью эффектов наведения
- thebarrelhouseflat.com — стильный сайт ресторана the Barrel House Flat выполненный в ретро-стиле
Дизайн
- Компания Starbucks, больших любителей кофе из Сиэтла, решила поделиться полным качественным стайлгайдом по стилям starbucks.com — своего симпатичного сайта с адаптивным дизайном.
- Принцип золотого сечения в веб-дизайне на этот раз рассмотрен на конкретных примерах, с приведением конкретных пиксельных размеров
- Зачем в инфографике смысл?
- О том, на что обращать внимание чтобы сделать формы на сайте более юзабельными, поведали нам с Сингапурского дизайнерского портала
- Небольшая коллекция мэйнстримовых дизайнов живых мобильных сайтов
- Подборочка сайтов где удачно прижилось использование растянутых на весь экран фоновых фотографий
- Несколько советов по хорошей организации работы с PSD-файлами
- Черно-белые варианты логотипов дают возможность сконцентрироваться на восприятии форм, которые собственно и собрали в одной статье
- Пришла весна, привнеся с собой долгожданный зеленый цвет, который оказался одним из основных в дизайне 30-ти подобранных сайтов
- Акварелью можно рисовать не только в альбомах, но и в пиксельном пространстве, внезапно обнаружили авторы, найдя примеры использования digital watercolor effects на многих сайтах
- Учиться никогда не поздно — видимо этим руководствовались создатели подборки уроков по созданию довольно креативных эффектов в Photoshop
Подборка бесплатных дизайнерских печенек
- В помощь создателям диптихов, триптихов и N-тихов, шведский свадебный фотограф Реймонд Трост, решил создать Tych Panel 2 для Photoshop, причем сделал ее бесплатной! Теперь создание коллажей с фотографиями размещенными с одинаковыми отступами становится более приятным.
- Оффлайновые аналоги Instagram, а попросту — подборка Actions к Photoshop для обработки фотографий
- PSD-шки с кнопочками залитыми текстурами от Jacob Gube
Демо
- Disc Experiment — интересные эксперименты в canvas.
- Визуальное представление плотности населения планеты, реализованное в canvas'е
- HTML5 Canvas 3D Sphere — учимся создавать трехмерную сферу.
Сервисы
- CSS arrow please! — сервис, который поможет сэкономить вам время при создании тултипов.
- Сервис Реми Шарпа jsBin обновился.
- Объединенный набор полезных сервисов, которые могут облегчить жизнь веб-разработчикам — от генератора прелоадеров до сервиса по поиску иконок.
- Инструмент от Breezi поможет обзавестись рядом инструментов, предназначенных для редактирования веб-страниц на лету.
Разработка
- Статья от фронт-енд инженера из Flickr Стивена Вудса о том, как правильно создавать лайтбоксы, ориентированные на мобильные устройства — Build a lightbox for a responsive HTML5 touch interface
- Объемная статья от Ши Чуана, посвященная созданию быстрых и адаптивных веб-сайтов — Building fast and responsive websites
- Новая Главная портала Mail.Ru — подробная статья о редизайне портала.
- Подборка статей и ресурсов от Пола Айриша для тех, кто хочет углубится в нюансы веб-разработки Round-up of Web Browser Internals Resources
- Один из последних докладов Дена Седерхольма на тему CSS3 — Dan Cederholm — The CSS3 Experience (Live at An Event Apart)
- Текущее состояние поддержки новых элементов форм HTML5 разными браузерами.
- 7 причин того, почему лучше использовать SVG вместо Canvas.
- jquerythisplugin.com — относительно новый ресурс, собирающий полезные jquery-плагины.
- В этой статье авторы проанализировали варианты загрузки изображений при использовании различных вариантов media queries.
- О том, как добавить в WordPress возможность автоматической подгрузки изображений нужного размера в зависимости от размеров экрана.
- На Smashing Magazine наконец опубликовали статью о БЭМ. В комментариях к статье можно поучаствовать в жарких дискуссиях.
CSS
- CSS optimizer — сервис от разработчиков из Яндекса, который поможет оптимизировать ваши стили.
- Интересные эффекты для текста, реализованные с помощью CSS Animations.
- Lea Verou предложила новый способ вертикального центрирования с помощью flexbox + margin fallback.
- Забавные эффекты для списка, проявляющиеся во время его скроллинга.
- Virtual DJ — динамические эффекты, реализованные с помощью с CSS3 анимации.
- Классический локомотив, созданный на чистом CSS3.
- Если вы хотите разнообразить вашу фотогалерею интересными эффектами, возможно вам подойдет этот.
- Beercamp: забавные и немного глючные эксперименты с CSS 3D.
JavaScripts
- Bacon — плагин на jQuery, позволяющий делать произвольное огибание текстом любых объектов.
- Подборка из 10-ти плагинов на jQuery, которые эмулируют работу часов с обратным отсчетом.
- Подборка из 10-ти плагинов на jQuery, реализующих аналоговые или цифровые часы.
Занимательное
- Интервью с Юрием Артюхом: Smartme — организация мастер-классов
- На что смотрят в течении первых 6-ти секунд рекрутеры, которые изучают ваше резюме.
- Google открыл вакансию автора «дудлов» — не упустите свой шанс! :)
- Сергей Брин назвал Facebook и Apple главными врагами свободного интернета
- «Truth in Numbers?» — документальный фильм о Wikipedia (видео) и о смене культуры Read Only, культурой Read Write.
- Социальные сети как всегда всех забороли — Будущее СМИ по мнению экспертов (инфографика).
- Визуальная история Instagram: с нуля до миллиарда.
- Инфографика подтверждающая и объясняющая гегемонию WordPress в мире CMS.
Развлечения
- Комикс: происхождение видов
- Как бы выглядел Google в 80-х
- Как бы выглядел Twitter в 80-х
- Как бы выглядел Facebook в 90-х
- Видео о том, что чувствуешь после продажи Instagram за миллиард долларов.
Ссылка на дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin