|
|
|
Instant Base64 for CSS
|
|||
|---|---|---|---|
|
#18+
Привет. Обнаружил интересную "фичу" - мож кому пригодится: Сразу скажу - это тем, кто юзает почтовый клиент 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 где нужно. :) С уважением. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 07.05.2015, 10:23 |
|
||
|
Instant Base64 for CSS
|
|||
|---|---|---|---|
|
#18+
Notepad++ открываешь картинку и делаешь энкоде base64 У правильных пациков всегда под рукой;) ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 07.05.2015, 11:09 |
|
||
|
Instant Base64 for CSS
|
|||
|---|---|---|---|
|
#18+
как то так... Notepad++ открываешь картинку и делаешь энкоде base64 У правильных пациков всегда под рукой;) 1. Не знаю для чего может понадобиться Notepad++ - Виж.Студия + примочки самодостаточна. Иклипс, насколько знаю - тоже. 2. Посмотрел ради интереса - по умолчанию плагин не ставится. Notepad++ кодирует чисто Base64 - R0lGODlhFQAQAKIAA... ., мой метод дает готовый формат, например data:image/gif;base64,R0lGODlhFQAQA... . Т.е. мне париться не нужно с заголовком строки - в т.ч. MIME-тип получается автоматом. Сразу вставляю в CSS-код. Ну, и как удобнее? :) Как-то так... ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 07.05.2015, 11:37 |
|
||
|
Instant Base64 for CSS
|
|||
|---|---|---|---|
|
#18+
авторНе знаю для чего может понадобиться Notepad++ смысл продолжать беседу? ;))) ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 07.05.2015, 11:47 |
|
||
|
Instant Base64 for CSS
|
|||
|---|---|---|---|
|
#18+
как то так... Notepad++ открываешь картинку и делаешь энкоде base64 У правильных пациков всегда под рукой;) спасибо ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 07.05.2015, 11:59 |
|
||
|
Instant Base64 for CSS
|
|||
|---|---|---|---|
|
#18+
как то так...авторНе знаю для чего может понадобиться Notepad++ смысл продолжать беседу? ;))) Notepad++ наше фсё? Поделитесь областью применения N++ применительно к HTML+CSS хотя бы, где он выигрывает у тех же Иклипса или Студии? Я без стёба говорю - буду очень благодарен и включу N++ в свой арсенал. А пока, ИМХО, эти два инструментария на сегодня лидирующие. А беседа, вообще-то за то, что мой метод удобнее. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 07.05.2015, 12:05 |
|
||
|
Instant Base64 for CSS
|
|||
|---|---|---|---|
|
#18+
пробегаллокак то так...пропущено... смысл продолжать беседу? ;))) Notepad++ наше фсё? Поделитесь областью применения N++ применительно к HTML+CSS хотя бы, где он выигрывает у тех же Иклипса или Студии?да везде, где надо быстро открыть логи, batch-файл(ы), конфиги, исходники, картинки вот... Особенно на серверах фермы, а не машине разработчика ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 07.05.2015, 12:30 |
|
||
|
Instant Base64 for CSS
|
|||
|---|---|---|---|
|
#18+
пробегалло беседа, вообще-то за то, что мой метод удобнее.лично Вам :) больше сторонников не видно ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 07.05.2015, 12:33 |
|
||
|
Instant Base64 for CSS
|
|||
|---|---|---|---|
|
#18+
skyANAда везде, где надо быстро открыть логи, batch-файл(ы), конфиги, исходники, картинки вот... Особенно на серверах фермы, а не машине разработчика Far Manager )) ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 07.05.2015, 12:49 |
|
||
|
Instant Base64 for CSS
|
|||
|---|---|---|---|
|
#18+
hVosttskyANAда везде, где надо быстро открыть логи, batch-файл(ы), конфиги, исходники, картинки вот... Особенно на серверах фермы, а не машине разработчика Far Manager ))+1 Но не достаточно :) Т.к. просто открытием конечно всё не ограничивается. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 07.05.2015, 12:57 |
|
||
|
Instant Base64 for CSS
|
|||
|---|---|---|---|
|
#18+
автор1. Должен быть запущен Thunderbird (у правильных пацаков он всегда запущен) - Ctrl+N (новое письмо).... Поделитесь областью применения N++ применительно к HTML+CSS хотя бы, где он выигрывает у тех же Иклипса или Студии?... мой метод дает готовый формат, например data:image/gif;base64, а причем здесь эклипс и студия?!;) я работаю на локальной машине и Thunderbird мне ваще не в дугу... + эклипс и студию я немогу уложить на флэешку и носить с собой, а портэбл версию нотпада - запросто! + если с памятью совсем плохо - http://www.fesevur.com/nppsnippets/ ПыСы: речь не о том, что лучше, или хуже - я показал как, а уж будешь использовать или нет - мне фиолетово!;) ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 07.05.2015, 13:13 |
|
||
|
Instant Base64 for CSS
|
|||
|---|---|---|---|
|
#18+
как то так...... а причем здесь эклипс и студия?!;) ... - Ведете проекты в НПП - жесть! :) как то так...... я работаю на локальной машине и Thunderbird мне ваще не в дугу... ... - третья строчка моего топика: Сразу скажу - это тем, кто юзает почтовый клиент Thunderbird. Предупредил-же сразу. как то так...... эклипс и студию я немогу уложить на флэешку и носить с собой, а портэбл версию нотпада - запросто! ... - если вы кочующий девелопер, постоянно работающий на каких-то сторонних машинах - то, да. (это-ж чем нужно заниматься таким?). Уверен - большинство здесь имеют постоянное рабочее место девелопера. как то так...... если с памятью совсем плохо - http://www.fesevur.com/nppsnippets/ ... - ну зачем жеманничать - ведь всем понятна идея всех наворотов - рутина, время... :) как то так...... ПыСы: речь не о том, что лучше, или хуже - я показал как, а уж будешь использовать или нет - мне фиолетово!;) ... - А я и принял нормально, только показал, что предложенный мной метод для CSS лучше - не надо париться и писать лишние букавы да еще и думать какой MIME-тип впендюрить :) . ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 07.05.2015, 16:50 |
|
||
|
Instant Base64 for CSS
|
|||
|---|---|---|---|
|
#18+
skyANAпробегаллопропущено... Notepad++ наше фсё? Поделитесь областью применения N++ применительно к HTML+CSS хотя бы, где он выигрывает у тех же Иклипса или Студии? да везде, где надо быстро открыть логи, batch-файл(ы), конфиги, исходники, картинки вот... Особенно на серверах фермы, а не машине разработчика Какие batch-файл(ы), конфиги, исходники, skyANA ? Вопрос я поставил четче некуда. Или местные "крутые перцы" вопросы читают, но в суть не вникают? :)) ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 07.05.2015, 16:55 |
|
||
|
Instant Base64 for CSS
|
|||
|---|---|---|---|
|
#18+
Ай. Сам тему создал, сам почитал, сам же и порадовался;) ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 07.05.2015, 17:04 |
|
||
|
Instant Base64 for CSS
|
|||
|---|---|---|---|
|
#18+
авторне надо париться и писать лишние букавы да еще и думать лейтмотив внедрения в вебразработку тундерберда был понятен с самого начала;) имхо не самый лучший инструмент для разработки!;))) ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 07.05.2015, 17:08 |
|
||
|
Instant Base64 for CSS
|
|||
|---|---|---|---|
|
#18+
пробегаллоskyANAпропущено... да везде, где надо быстро открыть логи, batch-файл(ы), конфиги, исходники, картинки вот... Особенно на серверах фермы, а не машине разработчика Какие batch-файл(ы), конфиги, исходники, skyANA ? Вопрос я поставил четче некуда. Или местные "крутые перцы" вопросы читают, но в суть не вникают? :))Хорошо, ответ: "Да там же. На серверах фермы" :) Кстати применительно к HTML + CSS, студия и эклипс реально проигрывают WebStorm. P.S.: кстати не подскажешь как в студии быстренько свернуть все теги третьего уровня вложенности? ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 07.05.2015, 18:04 |
|
||
|
Instant Base64 for CSS
|
|||
|---|---|---|---|
|
#18+
А вообще часто открываешь в НПП файл, что содержит HTML, но по расширению это не понять и в два клика выбираешь Language - HTML. Удобно, а главное быстро. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 07.05.2015, 18:10 |
|
||
|
|

start [/forum/topic.php?fid=22&msg=38953433&tid=1446041]: |
0ms |
get settings: |
8ms |
get forum list: |
15ms |
check forum access: |
3ms |
check topic access: |
3ms |
track hit: |
147ms |
get topic data: |
9ms |
get forum data: |
2ms |
get page messages: |
60ms |
get tp. blocked users: |
1ms |
| others: | 199ms |
| total: | 447ms |

| 0 / 0 |
