powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Instant Base64 for CSS
18 сообщений из 18, страница 1 из 1
Instant Base64 for CSS
    #38953296
Привет.
Обнаружил интересную "фичу" - мож кому пригодится:
Сразу скажу - это тем, кто юзает почтовый клиент Thunderbird .

Прелюдия:
Давно предпочитаю: если где в CSS нужна картинка (background, ::before/::after content, etc...) - то кодирую ее в Base64. Преимущества очевидны.

Как быстро закодировать? Может у кого есть кодеры, онлайн сервисы и т.п. Сам юзаю M$ VS и там есть Web Essentials - трансформирует путь к картинке в Base64 щелчком ПКМ. Но для этого картинка должна быть в проекте.

А если картинка нужна только в этом классе и больше нигде? Это надо вставить картинку в проект, затащить в CSS и только потом трансформировать.
Может в других инструментариях есть лучше фишки - я не знаю - велкем!

Итак, сам метод (занимает две-три секунды):

1. Должен быть запущен Thunderbird (у правильных пацаков он всегда запущен) - Ctrl+N (новое письмо).
2. Находим картинку - дропаем в тело письма (не в аттач!, можно перетащить прямо из веба, например на раб.стол, а потом - драг-н-дроп в тело письма - сразу в письмо нельзя - будет просто ссылка) - фокус на вставленной картинке - в меню - "Формат - Свойства изображения" - вуаля: в поле "Адрес изображения:" уже выделенная кодированная картинка: Ctrl+C, Alt+Tab до нашего CSS-редактора и Ctrl+V где нужно. :)

С уважением.
...
Рейтинг: 0 / 0
Instant Base64 for CSS
    #38953328
Notepad++ открываешь картинку и делаешь энкоде base64
У правильных пациков всегда под рукой;)
...
Рейтинг: 0 / 0
Instant Base64 for CSS
    #38953360
как то так... Notepad++ открываешь картинку и делаешь энкоде base64
У правильных пациков всегда под рукой;)
1. Не знаю для чего может понадобиться Notepad++ - Виж.Студия + примочки самодостаточна. Иклипс, насколько знаю - тоже.
2. Посмотрел ради интереса - по умолчанию плагин не ставится. Notepad++ кодирует чисто Base64 - R0lGODlhFQAQAKIAA... ., мой метод дает готовый формат, например data:image/gif;base64,R0lGODlhFQAQA... . Т.е. мне париться не нужно с заголовком строки - в т.ч. MIME-тип получается автоматом. Сразу вставляю в CSS-код.
Ну, и как удобнее? :)

Как-то так...
...
Рейтинг: 0 / 0
Instant Base64 for CSS
    #38953375
авторНе знаю для чего может понадобиться Notepad++
смысл продолжать беседу? ;)))
...
Рейтинг: 0 / 0
Instant Base64 for CSS
    #38953388
Фотография -k2-
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
как то так... Notepad++ открываешь картинку и делаешь энкоде base64
У правильных пациков всегда под рукой;)

спасибо
...
Рейтинг: 0 / 0
Instant Base64 for CSS
    #38953396
как то так...авторНе знаю для чего может понадобиться Notepad++
смысл продолжать беседу? ;)))
Notepad++ наше фсё? Поделитесь областью применения N++ применительно к HTML+CSS хотя бы, где он выигрывает у тех же Иклипса или Студии?

Я без стёба говорю - буду очень благодарен и включу N++ в свой арсенал.

А пока, ИМХО, эти два инструментария на сегодня лидирующие.

А беседа, вообще-то за то, что мой метод удобнее.
...
Рейтинг: 0 / 0
Instant Base64 for CSS
    #38953427
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
пробегаллокак то так...пропущено...

смысл продолжать беседу? ;)))
Notepad++ наше фсё? Поделитесь областью применения N++ применительно к HTML+CSS хотя бы, где он выигрывает у тех же Иклипса или Студии?да везде, где надо быстро открыть логи, batch-файл(ы), конфиги, исходники, картинки вот... Особенно на серверах фермы, а не машине разработчика
...
Рейтинг: 0 / 0
Instant Base64 for CSS
    #38953433
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
пробегалло беседа, вообще-то за то, что мой метод удобнее.лично Вам :) больше сторонников не видно
...
Рейтинг: 0 / 0
Instant Base64 for CSS
    #38953448
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
skyANAда везде, где надо быстро открыть логи, batch-файл(ы), конфиги, исходники, картинки вот... Особенно на серверах фермы, а не машине разработчика

Far Manager ))
...
Рейтинг: 0 / 0
Instant Base64 for CSS
    #38953464
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
hVosttskyANAда везде, где надо быстро открыть логи, batch-файл(ы), конфиги, исходники, картинки вот... Особенно на серверах фермы, а не машине разработчика

Far Manager ))+1

Но не достаточно :) Т.к. просто открытием конечно всё не ограничивается.
...
Рейтинг: 0 / 0
Instant Base64 for CSS
    #38953496
автор1. Должен быть запущен Thunderbird (у правильных пацаков он всегда запущен) - Ctrl+N (новое письмо)....
Поделитесь областью применения N++ применительно к HTML+CSS хотя бы, где он выигрывает у тех же Иклипса или Студии?...
мой метод дает готовый формат, например data:image/gif;base64,
а причем здесь эклипс и студия?!;)
я работаю на локальной машине и Thunderbird мне ваще не в дугу...
+ эклипс и студию я немогу уложить на флэешку и носить с собой, а портэбл версию нотпада - запросто!
+ если с памятью совсем плохо - http://www.fesevur.com/nppsnippets/

ПыСы: речь не о том, что лучше, или хуже - я показал как, а уж будешь использовать или нет - мне фиолетово!;)
...
Рейтинг: 0 / 0
Instant Base64 for CSS
    #38953823
как то так......
а причем здесь эклипс и студия?!;)
... - Ведете проекты в НПП - жесть! :)
как то так......
я работаю на локальной машине и Thunderbird мне ваще не в дугу...
... - третья строчка моего топика: Сразу скажу - это тем, кто юзает почтовый клиент Thunderbird.
Предупредил-же сразу.
как то так......
эклипс и студию я немогу уложить на флэешку и носить с собой, а портэбл версию нотпада - запросто!
... - если вы кочующий девелопер, постоянно работающий на каких-то сторонних машинах - то, да. (это-ж чем нужно заниматься таким?). Уверен - большинство здесь имеют постоянное рабочее место девелопера.
как то так......
если с памятью совсем плохо - http://www.fesevur.com/nppsnippets/
... - ну зачем жеманничать - ведь всем понятна идея всех наворотов - рутина, время... :)
как то так......
ПыСы: речь не о том, что лучше, или хуже - я показал как, а уж будешь использовать или нет - мне фиолетово!;)
... - А я и принял нормально, только показал, что предложенный мной метод для CSS лучше - не надо париться и писать лишние букавы да еще и думать какой MIME-тип впендюрить :) .
...
Рейтинг: 0 / 0
Instant Base64 for CSS
    #38953830
skyANAпробегаллопропущено...

Notepad++ наше фсё? Поделитесь областью применения N++ применительно к HTML+CSS хотя бы, где он выигрывает у тех же Иклипса или Студии? да везде, где надо быстро открыть логи, batch-файл(ы), конфиги, исходники, картинки вот... Особенно на серверах фермы, а не машине разработчика
Какие batch-файл(ы), конфиги, исходники, skyANA ? Вопрос я поставил четче некуда. Или местные "крутые перцы" вопросы читают, но в суть не вникают? :))
...
Рейтинг: 0 / 0
Instant Base64 for CSS
    #38953842
Ай. Сам тему создал, сам почитал, сам же и порадовался;)
...
Рейтинг: 0 / 0
Instant Base64 for CSS
    #38953850
авторне надо париться и писать лишние букавы да еще и думать
лейтмотив внедрения в вебразработку тундерберда был понятен с самого начала;)
имхо не самый лучший инструмент для разработки!;)))
...
Рейтинг: 0 / 0
Instant Base64 for CSS
    #38953921
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
пробегаллоskyANAпропущено...
да везде, где надо быстро открыть логи, batch-файл(ы), конфиги, исходники, картинки вот... Особенно на серверах фермы, а не машине разработчика
Какие batch-файл(ы), конфиги, исходники, skyANA ? Вопрос я поставил четче некуда. Или местные "крутые перцы" вопросы читают, но в суть не вникают? :))Хорошо, ответ: "Да там же. На серверах фермы" :)

Кстати применительно к HTML + CSS, студия и эклипс реально проигрывают WebStorm.

P.S.: кстати не подскажешь как в студии быстренько свернуть все теги третьего уровня вложенности?
...
Рейтинг: 0 / 0
Instant Base64 for CSS
    #38953930
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
А вообще часто открываешь в НПП файл, что содержит HTML, но по расширению это не понять и в два клика выбираешь Language - HTML.
Удобно, а главное быстро.
...
Рейтинг: 0 / 0
Instant Base64 for CSS
    #38953932
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
skyANAКстати применительно к HTML + CSS, студия и эклипс реально проигрывают WebStorm.

+1
...
Рейтинг: 0 / 0
18 сообщений из 18, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Instant Base64 for CSS
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]