Здравствуйте, читатели Хабрахабр!

AppleInsider.ru: Шестой выпуск

• AppleTV2: практика использования
• «Официальный» Unlock прикрыли
• Армию США усилят Андройдами
• Retina на Mac – бред или реальность?
• Apple тестирует T-Mobile: нечего сказать
• Что скрывает Apple в новом дата-центре
• Instacast: iPhone можно больше не синхронизировать
• Как попугай стал морковкой, но не разучился летать

Если вы хотите стать гостем подкаста – напишите нам на info@appleinsider.ru

Подписка: iTunes | RSS | MP3

_{*тут была картинка с Iphone}

Некоторые задаются вопросом — зачем было выпускать обновление специально для устройств с Retina? Ответом будет то, что SkyDrive предоставляет возможность не только хранить файлы, но и просматривать фотографии и документы прямо в приложении. Теперь с разрешением 326 пикселей на дюйм.

Ещё из нововведений — мультизагрузка фото и видео с устройств в облако, улучшенная система расшаривания (или с помощью почты, или с помощью ссылки, которую вы сможете дать своим друзьям).

Текущая версия приложения — 2.1.

Страница загрузки.

via

Всем привет!

Сегодня с небольшой задержкой, но бодро и информативно, как всегда, Droider Show повествует о следующем: патентный антитроллинг HTC, новинки Apple и неожиданное нововведение в Skype.



Кроме этого вы узнаете абсолютно все о наплечных роботах, анимированных аватарах, а также гаджете для хранения молока.

В списках рассылки для разработчиков Canonical, занимающихся разработкой Ubuntu, появился запрос относительно поддержки дисплеев высокого разрешения этим дистрибутивом.

Поводом для этого обращения послужил эксперимент энтузиаста Linux Алана Белла, который установил Ubuntu на новый MacBook Pro, который, как известно, оснащён Retina-дисплеем и разрешение которого составляет 2880x1800 точек или 220 точек на дюйм.

Оказалось, что Ubuntu не готова поддерживать столь высокое качество экрана — панель Unity на Retina имеет ширину 6 мм (при том, что диапазон настройки ширины составил от 4-х до 8-ми мм), а верхняя панель уменьшилась вообще до микроскопических 3 мм.

 

После недавнего выпуска Retina MacBook Pro и The new IPad, экраны с увеличенной плотностью пикселей начали активно входить в нашу жизнь. Что это значит для веб-разработчиков?

Для начала разберемся в терминологии.

Физические пиксели

Салют, Земляне!
Обнаружил, что на хабре нет поста, который объединит в себе всё, что необходимо знать про эту чудо-ЭВМ. Поэтому я решил основательно подойти к анализу user-experience, железа, производительности и прочих впечатлений. Спустя месяц полноценного и самостоятельного использования готов представить вам…

К написанию этого материала меня побудила статья и назревшая необходимость адаптации нескольких своих сайтов к поддержке Retina-дисплеев. Под адаптацией я понимаю подготовку изображений высокого разрешения на страницах сайта.

Пожалуй лучшим способом адаптации на сегодняшний день является способ c background-image в CSS. Но он сложно применим к обычным изображениям в теге . Поэтому я решил определить для себя список необходимых мер по достижению результата в комплексе и продолжить поиски решения. Ниже описано два способа, каждый из которых применим к своим задачам. Показанные решения не претендуют на открытие, скорее это агрегация существующих способов, описанных ранее моими коллегами по цеху веб-разработок и небольшие собственные дополнения.

Доброго всем времени суток дорогие друзья. Давно я не писал на хабре и очень жаль что моя новая публикация касается мошенников. И не просто мошенников, про которых я где-то прочитал, а про мошенников, которые меня лично обманули.

Цель этой статьи — обнародовать достаточно хитрый и не тривиальный вид мошенничества, на который я натолкнулся буквально на прошлой неделе. Дело сейчас находится в следственном отделе, поэтому любителей детективов я сразу разочарую: деталей следствия и деталей дела сейчас я разглашать не буду. Только после того, как дело будет закрыто.
Вторая цель — это найти таких же обманутых как я, чтоб получить компенсацию и пришить к делу еще одно/два/три заявления.

Как вы догадались — преступники найдены (забегая вперед, скажу, что это произошло естественно без помощи полиции). О том, чего стоит опасаться при покупке нового или б/у макбука, а также о том, как были найдены и пойманы преступники читайте под катом.

В последнее время появляется все больше устройств с экранами, плотность пикселей которых очень высока: компания Apple выпустила MacBook с Retina, Google анонсировал Nexus 10 с разрешением 2560x1600 пикселей. Вместе с современными технологиями приходят новые проблемы для разработчиков сайтов. Например, на новых экранах растровые изображения смотрятся не очень хорошо, их необходимо оптимизировать под Retina. В этой подборке представлены некоторые инструменты, помогающие в этом.

Picturefill (демо), автор Scott Jehl

Делает изображения адаптивными и независимыми от разрешения экрана.

Более двух лет прошло после начала продаж iPhone 4 летом 2010 года, и за эти два года сайтостроители привыкли проверять джаваскриптом значение window.devicePixelRatio (или же использовать в CSS медиазапрос device-pixel-ratio) как простое и бесхитростное средство, позволяющее тотчас же выяснить, запущен ли сайт на сетчаточном дисплее (retina display) или нет. Если величина devicePixelRatio равна двойке, то перед нами сетчаточный дисплей (четвёртый iPhone, четвёртый iPod Touch, третий iPad, или более новые устройства, или портативный компьютер «MacBook Pro with Retina Display»); если же величина devicePixelRatio равна единице (или не определена), то перед нами дисплей обычной чёткости.

Чуть сложнее, по сравнению с эппловскими, бывает учёт устройств, работающих под Android: там приходится воспринимать дробные величины, не равные единице или двойке. Peter-Paul Koch сообщил во блогозаписи «More about devicePixelRatio» о том, что (по его наблюдениям) в Nexus One величина devicePixelRatio равна 1,5, тогда как в Galaxy Nexus и в Galaxy Note она равна двум в WebKit и 2,25 в Opera Mobile.

Но эти мелкие отличия не меняют картины в целом: все привыкли думать о значении величины devicePixelRatio как о таком свойстве устройства, которое на одном и том же мобильнике (или планшете, или ноутбуке) остаётся беспрерывно постоянным. В частности, именно на этом были основаны все, все рецепты из хабрахабровских блогозаписей «Адаптируем графику под Retina экран», «Распознаём retina-дисплеи джаваскриптом», «Отображаем карты OpenStreetMap на iPhone 4 с учётом сетчаточного дисплея при помощи Leaflet», «Как отличить версию iPad в Safari», «Оптимизация графики для Retina-экранов», «Комплексная подготовка сайта к Retina» и им подобных.

Но пришёл ноябрь 2012 года, и настаёт пора отказаться от этой привычки, настаёт пора критически пересмотреть прежние рецепты. Сейчас скажу почему.

Ответ на вопрос, скорее всего, будет отрицательным. И на это есть масса причин. Использование чего либо вроде retina.js в какой то мере облегчает процесс, но можно попробовать и более альтернативный способ.

Как вы обычно сохраняете графику для сайта? Скорее всего делаете .jpg один к одному и сохраняете его с уровнем качества где то в районе 80%. Попробуйте сделать несколько иначе. Сохраните картинку в два раза большего размера чем требуется и сохраните с уровнем качества 20%. Объем изображения скорее всего станет даже меньшей, а результат, вероятно, удивит.

P.S. Возможно это самый короткий туториал на хабре и я ни в коем случае не призываю поступать именно так, но это один из тех простых ответов на сложный вопрос.

UPD. Спасибо IIIEB4YK за ссылку в комментарии.

С небольшой задержкой стал доступен для загрузки стабильный релиз Firefox. Официальный же релиз должен состояться сегодня, 8 января (скорее всего ближе к вечеру).
Что нового в этой версии:

Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.

На мероприятии SID Display Week 2013, проходящем в Ванкувере, журналисты Engadget обратили внимание на любопытное устройство от Qualcomm с Retina-дисплеем, выполненным по технологии Mirasol.

Показанный прототип устройства имеет разрешение экрана 2560 x 1440 пикселей, что соответствует 577 ppi (для сравнения: iPhone 5 имеет аналогичный показатель в 326 ppi; Sharp недавно показывала IGZO-дисплеи, которые вроде как Apple собралась устанавливать на новые iPhone, с 498 ppi).

Многим известно что 10 июня начинается всемирная конференция для разработчков для платформ Apple WWDC 2013 и по традиции она открывается пресс конференцией, на которой главы компании делятся успехами за предыдущий период и открывают завесу тайны с грядущих новинок.

По слухам, которые не всегда соответствуют действительности, презентация обещает быть богатой на интересные устройства.

Но я бы хотел рассказать поподробнее о том вопросе, который меня лично беспокоит больше всего. Будет ли новый MacBook Pro Retina с диагональю 13" представлен и насколько он будет пригоден для повседневного использования с новым графическим процессором от Intel.

^hi-res

Известный хакер, автор книги “Hacking Xbox” Эндрю Хуанг (Andrew “bunnie” Huang) в июне 2012 года вместе с коллегами начал разработку свободного ноутбука Novena на процессоре Freescale iMX6. Идея в том, чтобы у сообщества была открытая платформа, с открытой документацией и руководством по программированию, так что каждый может собрать из комплектующих себе ноутбук/маршрутизатор/etc. на свой вкус, с любой клавиатурой, корпусом и размером экрана.

В этой статье очень подробно описано пошаговое создание адаптивного меню для сайта с несколькими вариантами компоновки элементов (в зависимости от размера экрана девайса). Для поддержки retina-экранов используется иконочный шрифт.



Демо / Скачать исходники

Зачем нам вообще нужны спрайты?

Напишу лишь вкратце зачем это нужно, так как на хабре уже много раз описывали преимущества и недостатки css-спрайтов.

• Во-первых, используя спрайты, мы ускоряем загрузку страницы; в случае использования иконок, можно создать универсальное средство для применения в проектах;
• Во-вторых, не все устройства с высоким ppi (например, Windows Phone 7.5-7.8, Android до 4 версии на стоковом браузере) поддерживают использование webfonts.
• Легкая интеграция, используя специальные сервисы генерации спрайтов

Постановка проблемы или чтобы жизнь малиной не казалась

Используя css-спрайты со множеством элементов встает проблема о создании css-свойств с background-position; Их нужно писать много, иногда очень много. Конечно, нам помогают многие сервисы по генерации спрайтов — они выдают вместе со спрайтом еще и css/less/sass — файл с координатами. Но практически всегда все жестко завязано на пикселях:

• Изменяя размер (например, для retina-экранов) исходного файла-спрайта все «едет»;
• Мы не можем изменять размер элемента-контейнера, куда хотим вставить, допустим, иконку, чтобы эта иконка смасштабировалась: свойства background-size: cover/contain/100% не работают по понятным причинам;

Используя спрайты, подготовленные для 72ppi, на телефонах, планшетах и новых retina-ноутбуках вызывает размытие изображений, и выглядят некрасиво...

Почему стоит задуматься о векторной графике уже сейчас?

Retina-дисплеи (спасибо Apple за удобный маркетинговый термин) уже стали частью нашей жизни. Если вы web-разработчик/дизайнер, и вы не учитываете, как ваша работа отображается на экранах с высоким разрешением, то вы серьезно выпадаете из современных трендов.