Как стать автором
Обновить

Акционеры Microsoft поддерживают протесты против домогательств

Управление персоналом *Законодательство в IT IT-компании

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

Читать далее
Всего голосов 7: ↑7 и ↓0 +7
Просмотры 1.1K
Комментарии 4

Национальный удостоверяющий центр начал выпуск TLS-сертификатов с поддержкой прозрачности

Информационная безопасность *Разработка веб-сайтов *IT-компании


23 мая 2022 года Национальный удостоверяющий центр (НУЦ) сообщил о выпуске сертификатов безопасности для сайтов с поддержкой технологии прозрачности (certificate transparency). Эта технология обеспечивает дополнительное доверие к сертификатам безопасности для сайтов. Ее внедрение было выполнено в рамках федерального проекта «Информационная безопасность» национальной программы «Цифровая экономика Российской Федерации» и помощью специалистов НИИ «Восход».
Читать дальше →
Всего голосов 8: ↑7 и ↓1 +6
Просмотры 7.8K
Комментарии 20

PNG с альфа-каналом + opacity в IE7

Браузеры
Результат теста PNG + IE7 opacity

Нужно было добавить на сайт плавно появляющиеся изображения в формате PNG с альфа-каналом. IE5.5-IE6 поборол баг-фиксом с применением AlphaImageLoader. Ожидал, что с IE7 не будет в этом плане проблем. Ошибался…

В IE7, при накладывании прозрачности на полупрозначный PNG, 8-битный альфа-канал начинает вести себя словно 1-битный. Полностью прозрачные пиксели прозрачными и остаются, а те, которые были хоть немного непрозрачными, накладываются на чёрный фон.

Кроме того, в IE7 так и не ввели CSS3 свойство opacity.

Тест прилагается

UPD: На выше упомянутом сайте для достижения требуемого эффекта пришлось использовать старый трюк, применяемый к полупрозрачным PNG в IE<7. Вот вам и поддержка альфа-канала.
Всего голосов 35: ↑32 и ↓3 +29
Просмотры 2K
Комментарии 82

Простое меню с проявляющимися изображениями

Разработка веб-сайтов *
Допустим у нас стоит задача — сделать меню, состоящее из текстовых заголовков и полупрозрачной картинки, становящейся непрозрачной при наведении курсора на пункт меню.
Делается это очень просто — поместим в таблицу картинку со ссылкой, и текст рядом с ней в ячейку TH:


И оживляем всё это при помощи CSS:
Python
Python
Читать дальше →
Всего голосов 37: ↑25 и ↓12 +13
Просмотры 1.3K
Комментарии 74

Правильная прозрачность

CSS *
dfsdfs

Однажды мне понадобилось сделать прозрачные боковые поля для одного дизайна. Я решил использовать прозрачность CSS.

Но каково было узнать, что все элементы внутри прозрачного блока тоже становятся прозрачны и это никак не изменить :-(, тогда мне пришлось использовать прозрачный png.

Недавно я наткнулся на замечательную технику, позволяющую устранить эту проблему, ею я и хочу с вами любезно поделиться.
Читать дальше
Всего голосов 3: ↑3 и ↓0 +3
Просмотры 85K
Комментарии 56

Автоматизированный процесс компоновки изображений

Разработка веб-сайтов *
Привет. Хотел бы узнать у веб-разработчиков, (если кто сталкивался и решал эту задачу).

Есть JPEG файл. На нём изображен некий товар, допустим ноутбук на белом (и другие вариации фона).
Необходимо удалить солид-фон и оставить только ноутбук и поместить его на другой фон.

Читал мануал по imagemagick, но к сожалению туториалы, так и не сработали. Непонятно, вообще реально это сделать или нет.

Повторюсь: процесс должен быть полностью автоматизирован, можно использовать nix софт/утилиты.
Всего голосов 7: ↑5 и ↓2 +3
Просмотры 1K
Комментарии 12

Оптимизация изображений, часть 5: AlphaImageLoader

Клиентская оптимизация *
Перевод
Примечание: ниже перевод очередной заметки «Image Optimization, Part 5: AlphaImageLoader» из блога YUI. Stoyan Stefanov на этот раз рассказывает о тонкостях применения фильтра AlphaImageLoader для IE. Мои комментарии далее курсивом.

Это пятая часть серии статей про оптимизацию изображений. С предыдущими частями можно ознакомиться по адресу:

Данная статья из серии, посвященной оптимизации изображений, рассказывает о технике, доступной только в IE, — CSS-фильтре AlphaImageLoader, — который используется разработчиками для решения проблем с прозрачностью для полноцветных PNG-изображений в IE. Основная проблема с AlphaImageLoader заключается в том, что он влияет на производительность страницы, и тем самым ухудшает пользовательское восприятие. Я утверждаю, что стоит избегать использования AlphaImageLoader во всех возможных случаях.

Маленький экскурс


Как было сказано в одной из предыдущих статей, PNG могут быть нескольких видов, которые могут быть разделены на 2 основных:
  • Индексированные (палитра), их также называют PNG8, можно использовать до 256 цветов.
  • Полноцветные PNG, которые также называют PNG32 или PNG24.


Читать дальше на webo.in →
Всего голосов 34: ↑28 и ↓6 +22
Просмотры 1.3K
Комментарии 21

Проблема полупрозрачных шрифтов в хроме

Чулан
Столкнулся со странной проблемой рендера шрифтов с полупрозрачностью в хроме.
Если слою с текстом задать прозрачность, то шрифт лишается алиасинга (4 картинка).
Если слою с текстом задать прозрачность и прописать бекграунд, то шрифты отображаются адекватно (1 картинка)
Кроме того, если задать полупрозрачность для слоя с пнгшкой, то все полупрозрачные части пнгшки также ведут себя неадекватно.
Если кто-то сталкивался с такой проблемой, прошу подсказать решение.

Всего голосов 11: ↑6 и ↓5 +1
Просмотры 264
Комментарии 5

Как сделать favicon в png

Веб-дизайн *
Знаете, фавикончики в ico это как-то прошлый век =) Давайте будем модными, современными и все такое. Короче, берем иконку в png (да-да, с прозрачностью и всеми делами), сохраняем в размере 16×16, на сайте (в блоке <head>, ага) подключаем так:

<link rel="icon" type="image/png" href="favicon.png" />

Особенно под впечатлением владельцы айфонов и точей, т.к. для них мы делаем красивую иконюшку размером 57×57 (можно кстати и больше, но это стандартный размер иконки на ланч-скрине), подключая ее так:

<link rel="apple-touch-icon" href="apple-touch-favicon.png"/>

Над записью витает дух уже почти сгнившего трупа IE6, который вообще не знает о чем это все, ну да и фиг с ним =) Все, изыди.

UPD: Спасибо хабраюзеру NickyX3 за интересное уточнение:
Автор забыл указать, что иконда для springboard тачей и яблофонов будет в таком варианте закруглена по углам и на нее будет наложен блик автоматически самоим девайсом. Для избежания этого (совсем красивая кастом иконка) вместо apple-touch-icon следует написать apple-touch-icon-precomposed.
Всего голосов 182: ↑145 и ↓37 +108
Просмотры 113K
Комментарии 53

IE8 и поддержка стандартов — transparent PNG + opacity, а также data:URI + AlphaImageLoader

Internet Explorer
Наковырял пару проблем работы браузера IE8. Может кому пригодится.

Прозрачный PNG + filter:alpha(opacity)



.class{
background:url(transparent.png);
filter:alpha(opacity=50);
}

результат — прозрачные пиксели становятся черными

Лекарство


нужно применить мульти-фильтр

.class{
background:none;
filter:alpha(opacity=50) progid:DXImageTransform.Microsoft.AlphaImageLoader(src=transparent.png, sizingMethod='crop');
}


Следующая проблема нашлась благодаря предыдущей
Читать дальше →
Всего голосов 45: ↑29 и ↓16 +13
Просмотры 8.1K
Комментарии 61

Cтеклянная строка вкладок в Опере

Opera
Перевод
С момента появления Google Chrome, много мелких деталей во внешнем виде браузеров привлекли мое внимание. Одной из них стала пропажа заголовка окна и использование стеклянной строки с вкладками, что очень хорошо вписывается в стиль Vista/Win7 Aero.

Недавно Safari 4 тоже скопировал этот формат.

image

И, наконец, мы добрались до оперы…
Я пользуюсь Оперой более 6 лет, и я впечатлен достижениями в последних билдах. Но я (и другие), хотели бы видеть стеклянные окна в опере 10, но с таким количеством новых функций, мне не кажется, что Aero будет доступна к финалу (на самом деле его обещали к Опере 11).

Читать дальше →
Всего голосов 93: ↑76 и ↓17 +59
Просмотры 3.6K
Комментарии 88

Социальные интернет-сервисы как инструменты созидания социальных сред

Блог компании Дарудар Управление сообществом *
В октябре 2011 года наш интернет-сервис безвозмездного дарения Дару-дар пригласили поучаствовать в VIII международном научно-практическом междисциплинарном симпозиуме Рефлексивные процессы и управление, проводимом под эгидой Института Философии РАН.

Ключевым словом, по которому мы нашли пересечение с сугубо философской проблематикой, было слово «среда», а если быть более точным, то понятие «социальная среда». Мы давно ввели это слово в повседневный язык нашей группы разработчиков, чтобы лучше понимать, чем мы занимаемся, чтобы уточнить методологию и приоритеты нашей разработки, а также и для того, чтобы обозначить место разрабатываемого нами сервиса в сложном пространстве современных интернет-стартапов.

Подготовка к философской конференции спровоцировала нас, наконец, оформить свои мысли в текст, который теперь хочется предоставить вниманию IT-сообществу. Как нам представляется, сформулированные нами концепты могут быть полезны всем тем, кто занимается разработкой социальных интернет-сервисов или кто мыслит себя как социальный предприниматель. В данном тексте с помощью понятия «социальная среда» на примере интернет-сервиса дарения делается попытка выделить определенный вид социальных интернет-сервисов и посмотреть на них в широком контексте человеческого общества как такового, его устройства и возможностей преобразования.
Читать дальше →
Всего голосов 12: ↑8 и ↓4 +4
Просмотры 2.4K
Комментарии 1

У прозрачных пикселей тоже есть чувства или артефакты png'шек с прозрачностью

Разработка игр *
Поговорим о 2D-играх. Независимо от платформы, на которой они разрабатываются — почти всегда они будут использовать 3D-акселлераторы для вывода 2D-спрайтов (iOS, Android, PC… даже Flash уже это учится делать).

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



Вы попытаетесь наложить тайлы внахлест, но швы все равно останутся… И вы начнете ломать голову.

А дело все в злосчастных прозрачных пикселях! Оказывается, у них тоже есть цвет.
Читать дальше →
Всего голосов 71: ↑69 и ↓2 +67
Просмотры 15K
Комментарии 45

3 стороны монеты или почему пользователь против автоматизации

Управление проектами *
Recovery mode
Поработав немного в сфере внедрения программного обеспечения для автоматизации, я все чаще начал сталкиваться с проблемами, когда пользователь просто меняет свое мнение и больше не хочет автоматизировать свое предприятие. В данном посте решил рассмотреть 3 наиболее часто встречающиеся причины отказов от автоматизации (и конечно Ваше мнение я тоже хочу знать и буду рад всем комментариям).
image
Читать дальше →
Всего голосов 21: ↑8 и ↓13 -5
Просмотры 6.6K
Комментарии 9

Используем JPEG с прозрачностью

Разработка под iOS *Обработка изображений *
Конечно же, формат JPEG не поддерживает прозрачность, но сама идея использовать JPEG вместо PNG для прозрачных текстур будоражит умы довольно давно. Камрад PaulZi не так давно предложил использовать для HTML формат SVG, в котором хранится само изображение и маска. Jim Studt предлагает использовать EXIF поля в JPEG и хранить там маски, а отображать на веб-странице с помощью Canvas.
Оба метода относительно сложны для использования, да и рассчитаны на веб, потому я остановился на самом простом варианте: хранить отдельно lossy JPEG для RGB и lossless маску в PNG, а совмещать их на этапе получения UIImage в программе. Сразу хочу сказать, что пишу на MonoTouch, потому код привожу на C#, хотя в ObjC это делается почти точно так же, с учетом синтаксиса.

Читать дальше →
Всего голосов 46: ↑42 и ↓4 +38
Просмотры 35K
Комментарии 34

JPG, прозрачность, Canvas, анимация

JavaScript *Canvas *
Tutorial
Здравствуйте, друзья!

Предлагаю вам небольшой урок на тему анимации спрайтов с альфаканалом на канве HTML5.

Преамбула.


Для начала нарисуем нечто
image

Почему круглое и желтое? Потому что у Дугласа Адамса в «Автостопом по галактике» есть такой Слартибартфаст — очень трогательный дядя, имеет приз за береговые линии при строительстве Земли. Поэтому на всякий случай будем анимировать желтую звезду.

Далее анимируем звезду
Всего голосов 58: ↑52 и ↓6 +46
Просмотры 33K
Комментарии 41

5 классных вещей в процессах американской компании

Управление проектами *
Из песочницы
Хочу поделиться интересными и полезными приемами в организации процессов компании в США. Я 9 лет работала в одной продуктовой компании, с момента окончания института, там было много хорошего, но мне с какого-то момента стало интересно «а как у других?». Примерно 8 месяцев назад мне постучался HR и позвал на собеседование в проектную компанию на позицию DBA для работы на компанию из США. В этот момент я работала на позиции заместителя технического директора. Такое предложение было довольно неожиданным, я не отнеслась к нему серьезно – посмотреть как у других хотелось, но не с таким резким снижением в карьере. Но, я согласилась прийти на собеседование – интересен был процесс.


Читать дальше →
Всего голосов 35: ↑24 и ↓11 +13
Просмотры 34K
Комментарии 48

Дорогой Хабр, я хочу чтобы ты лучше слышал своих юзернеймов

Open source *GitHub *
TL;DR: github.com/limonte/dear-habr

Уважаемая администрация ТМ, вы сделали и поддерживаете лучший русскоязычный IT-блог. Вы отлично справляетесь со своей задачей, но я верю, что пришло время сделать шаг вперёд и стать чуточку ближе к своим пользователям.

image

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

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

Восполняя этот пробел, хочу ответственно заявить:
Хабр, ты лучший по функционалу и UI не только в рунете, ты — абсолютный чемпион. И пусть меня кто-нибудь поправит в комментариях, приведя IT-блог на любом языке, который удобнее Хабра.
Читать дальше →
Всего голосов 113: ↑88 и ↓25 +63
Просмотры 18K
Комментарии 82

Прозрачность и доверие

Блог компании SAS Управление проектами *
Совсем недавно вернулся с очередной рабочей встречи с уважаемым Заказчиком, на которой мы долго и чрезвычайно увлекательно дискутировали о необходимых затратах и, соответственно, стоимости небольшого подпроекта. На встрече было человек шесть с достаточно высокими грейдами, развитыми навыками коммуникации, ведения переговоров и большим опытом аргументации своей позиции. Встреча затянулась, стороны были настойчивы и в результате сошлись на компромиссном результате – Заказчик получил скидку, сравнимую со стоимостью потраченного времени на ее выбивание. То есть в финансовом выражении результат встречи близок к нулю, потраченное время уже никогда не восполнить, но при этом удалось приблизиться к завершению и передаче Заказчику требуемой ценности. И всю дорогу обратно я задавался вопросом – а можно было бы решить задачу более эффективно? Можно ли было сохранить время и ресурсы, свои и заказчика, но при этом добиться того же результата? Где та точка роста, которая позволит решать задачи быстрее, а тратить меньше?

И здесь я бы хотел поговорить про доверие между Исполнителем и Заказчиком. Существует общераспространённое мнение, что в условиях высокого доверия между сторонами проектной команде работается проще, проекты успешнее, результат для Заказчика значительнее, а выручка (прибыль, etc) Исполнителя выше.
Читать дальше →
Всего голосов 16: ↑13 и ↓3 +10
Просмотры 3.1K
Комментарии 10

В МТИ сделали окна, которые быстро меняют прозрачность

Научно-популярное Химия


Группа исследователей из Массачусетского технологического института разработала новый электрохимический способ быстро изменять прозрачность стекла. Под воздействием напряжения оно за несколько секунд становится тёмным и перестаёт пропускать свет. И наоборот, потом за несколько секунд можно вернуть исходное состояние. Для поддержания прозрачного или непрозрачного состояния не требуется энергия — только на изменение состояния.

По мнению авторов научной работы, эта технология потенциально может сэкономить электричество в помещениях, если в солнечные дни окна будут становиться непрозрачными, то снизится нагрев помещения и расходы на воздушное кондиционирование.
Читать дальше →
Всего голосов 21: ↑17 и ↓4 +13
Просмотры 17K
Комментарии 45
1