MENU
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » 1-Раздел » Вопросы и ответы. » rgba.php: изящный и миниатюрный «костыль» обеспечивает обрат (rgba.php: изящный и миниатюрный «костыль» обеспечивает обрат)
rgba.php: изящный и миниатюрный «костыль» обеспечивает обрат
ИванДата: Четверг, 02.07.2015, 00:59 | Сообщение # 1
Генералиссимус
Группа: Администраторы
Сообщений: 31
Репутация: 100
Статус: Offline
rgba.php: изящный и миниатюрный «костыль» обеспечивает обратную совместимость с браузерами, не понимающими полупрозрачные цвета rgbaОбеспéчение обратной совместимости rgba(…) ещё никогда не было таким простым, как copy+paste:

background: url('/rgba.php/rgba(255, 255, 255, 0.3)');
background: rgba(255, 255, 255, 0.3);

Код rgba.php на языке PHP, которым достигается этот восхитительно простой трюк, лежит на GitHub под лицензией MIT. Занимает всего-навсего 2658 байтов.

Автор — Lea Verou. Хвала ей!Комментарии (22)

0 WebSpider 7 февраля 2012 в 11:47#
ИМХО проще заранее заготовить нужные png-файлы, чем каждый раз дёргать php. Да и судя по коду, он работает только под Апач
+1 Mithgol 7 февраля 2012 в 11:54#↵↑
Да и судя по коду, он работает только под Апач.
Код-то открыт на Гитхабе: если нужно, чтобы он работал не только под Апач, то можно форкнуть его да попатчить, а затем устроить pull request.
+2 WebSpider 7 февраля 2012 в 11:56#↵↑
Это я к тому, что стоило бы об этом (не Вам, а автору скрипта) упомянуть
–1 Mithgol 7 февраля 2012 в 12:02#↵↑
Это правда.
0 Punk_UnDeaD 7 февраля 2012 в 12:36#↵↑
И каждый раз генерировать заново при изменении цвета?

Как вариант, можно результат сохранять на жёсткий диск и написать .htaccess с редиректами.
Но если подумать, то это экономия на спичках.
0 Mithgol 7 февраля 2012 в 12:41#↵↑
Этот спор не имеет особенного значения. Если почитать код rgba.php, то явствует, что и он сохраняет на диск PNG-файлы, а не всякий раз генерирует. Если только в нём это не отключено при настройке.
0 ferrari 7 февраля 2012 в 13:55#
Как-то оно поздно появилось. rgba из существующих браузеров не поддерживает только IE 7 и 8
+1 ferrari 7 февраля 2012 в 14:02#↵↑
Декабрь 2010го… стоило пройти по ссылке.
0 Mithgol 7 февраля 2012 в 14:11#↵↑
Но разве этого мало?

Напоминаю, что IE8 — это последний из Эксплореров, способных работать под Windows XP.

Ну а система Windows XP, несмотря на свой почтенный возраст, необыкновенно популярна. По данным статистики W3Schools (которая собирается не среди рядовых пользователей, а среди желающих изучать веборазработку) Windows XP даже была наиболее популярною операционною системою вплоть до июля 2011 года. И даже сейчас её доля там около ⅓.

А вот Lea Verou опубликовала упомянутую мною разработку 8 декабря 2010 года. Кажется, вполне своевременно.

Другое дело, что я аж до сих пор не мог на этот код наткнуться. Но тут мне нечего стыдиться, потому что и весь Хабрахабр не мог: я первый, кто упоминает об этом PHP-скрипте на Хабрахабре.
+1 SelenIT2 7 февраля 2012 в 16:01#↵↑
Кстати, IE8 поддерживает синтаксис data-url (хоть и только для картинок и с лимитом в 32 кБ — но однопиксельная PNG-картинка заведомо уместится). И как минимум с того же 2010 года существует решение для генерации PNG-графики в таком виде на клиенте (тоже простое и изящное, на мой взгляд — всего 6 кБ в несжатом виде). Может, для конкретного устаревшего браузера лучше соорудить «заплатку» (на манер html5shiv) на его базе? А IE7 уж обойдется как-нибудь smile
0 OKF21 февраля 2012 в 12:26#↵↑
Можно задавать цвет для ИЕ8 и ниже через фильтр градиента.
Ну или вообще забить на прозрачность.
0 TedBeer 7 февраля 2012 в 14:06#
Этот урл будет дергаться и грузиться для всех браузеров, даже те, которые поддерживают rgba. Тем самым увеличивая время загрузки и занимая место в очереди.
–1 Mithgol 7 февраля 2012 в 14:13#↵↑
Но что заставляет Вас думать, что он будет грузиться? Разве свойство не переопределяется тотчас же в последующей строке?
0 Dimox 7 февраля 2012 в 15:47#↵↑
Можно элементарно подключать скрипт только для нужных версий IE через условные комментарии, тогда никакой лишней нагрузки точно не будет.
+1 SelenIT2 7 февраля 2012 в 16:27#↵↑
Насколько я понял, особая прелесть решения «королевы CSS-градиентов» в полной независимости от линейки браузеров — любой браузер покажет картинку, если не понимает rgba, и заливку, если понимает. Т.е. это накрывает и всякие 9-е Оперы. Но будет ли лишний запрос — вопрос, конечно, интересный («по уму» не должно быть, но даже новые браузеры нас временами удивляют:)
+1 TedBeer 7 февраля 2012 в 17:30#↵↑
Скачал, проверил локально в Хроме, ФФ, ИЕ — урл не дергается.
–1 Mithgol 7 февраля 2012 в 22:03#↵↑
Ну что же: я очень рад, что Ваш первоначальный вопрос, в силу этого, совершенно снимается с повестки дня, как говорят бюрократы.
0 POMAHbl4 7 февраля 2012 в 18:38#
Получится ли сделать полупрозрачный градиент с такой техникой?
ИЕ можно заставить вполне адекватно показывать rgba фоны и техника не нова:
обычный градиентный фон:
background: linear-gradient(rgba(255,255,255,0.90), rgba(255,241,222,0.90));
костыль для ИЕ:
filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#e5ffffff', EndColorStr='#e5fff1de');
Запись полупрозрачного цвета в ИЕ фильтром получается дописыванием в hex формате значения прозрачности:
#[прозрачность(0-255)][цвет: R(0-255) G(0-255) B(0-255)]
пример простых фонов:
nickcowie.com/proge/rgba-ie.html
–1 Mithgol 7 февраля 2012 в 22:01#↵↑
Если вместо простой альфа-прозрачности нужен градиент, то тогда вместо rgba.php вернее всего было бы взять CSS3 PIE.
+1 POMAHbl4 8 февраля 2012 в 19:59#↵↑
PIE не сможет сделать полупрозрачные градиенты: css3pie.com/documentation/supported-css3-features/ раздел «RGBA Color Values». Но в копилку решений rgba.php конечно стоит записать)
0 Mithgol 9 февраля 2012 в 10:36#↵↑
Да, это возражение совершенно справедливо, а я ошибался.
0 XanderBass21 февраля 2012 в 12:48#
Ещё одно решение в копилку: xblab.ru/products/design/phpdot.html Поддерживает различные нотации цвета. Есть возможность загружать с сервера проекта.Комментарии (14)

+2 maximw 1 июля 2015 в 12:02#
Apple Music — еще одно неудаляемое приложение.

По поводу смартфонов на Виндоус в Связном. Недавно покупал смартфон. Консультанты очень сильно уговаривали купить Нокию, хотя я прямым текстом говорил, что мне нужен именно Андродид. Настолько сильно уговаривали, что показалось, что это у Связного специальное продвижение. Не исключено, что именно поэтому у них показывает рост продаж.
+5 MrErsh 1 июля 2015 в 12:26#↵↑
Забавно, недавно покупал люмию в Связном и консультант отговаривал от покупки винфона.
А вообще в большинстве салонов Связного существуют отдельные стенды для люмий.
+6 maximw 1 июля 2015 в 12:58#↵↑
Да, понимаю, что выборка из одного моего случая совершенно не статистическая.
+6 Goodkat 1 июля 2015 в 14:46#↵↑
Почему ещё одно?
Это всё тот же встроенный плеер, который там с первой модели айфона.
0 maximw 1 июля 2015 в 14:50#↵↑
Если так, то спасибо за хорошие новости! smile
0 SoNTesT 1 июля 2015 в 19:02#↵↑
Apple Music — еще одно неудаляемое приложение.

В настройках можно убрать отображение приложения
+12 cher11 1 июля 2015 в 12:50#
каждый пользователь этой социальной сети проводит в ней примерно по 14 часов в день

Ну в месяц же, что вы.
0 istui 1 июля 2015 в 17:18#↵↑
не знаю насчет фб, но если для ВКонтакте окажется средняя цифра порядка 10-15 часов в день, я нисколько не удивлюсь.
У всех кругом постоянно открыт вк на смартфоне.
0 goooseman 1 июля 2015 в 14:28#
а точнее, каждый пользователь этой социальной сети проводит в ней примерно по 14 часов в день (это 335,000 лет в день)

Что значит 335,000 лет в день?
0 to_climb 1 июля 2015 в 14:43#↵↑
Суммарно для всех пользователей. И в месяц скорее всего, а не в день.
0 DenimTornado 1 июля 2015 в 14:44#
Ох и забористое что-то курили авторы 335000 лет в день!
0 freehome 1 июля 2015 в 16:38#
около 225 уникальных пользователей в месяц

225 миллионов.

Хотя тут пишут, что в 1 квартале 2015-го — 280.
0 SoNTesT 1 июля 2015 в 18:53#
Сервис порадует пользователей персональными подборками треков, топ-чартами, новостями из мира музыки и круглосуточной онлайн-радиостанцией Beats 1.

Искал, так и не нашел Beats 1
0 iLexey 1 июля 2015 в 22:43#↵↑
для России пока недоступно, вернее нужен американский Apple ID
 
Форум » 1-Раздел » Вопросы и ответы. » rgba.php: изящный и миниатюрный «костыль» обеспечивает обрат (rgba.php: изящный и миниатюрный «костыль» обеспечивает обрат)
  • Страница 1 из 1
  • 1
Поиск: