Web Sami

"Расширения" для мобильных браузеров

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

Например, у меня есть расширение для вставки скопированной картинки в инпут (то есть, мне не нужно, чтобы сайт реализовал вставку, а я на любом инпуте могу вставить скриншот или скопированный файл картинки или даже картинку по ссылке). Это очень удобно. Есть сжиматель картинок (часто на сайтах есть ограничение в максимум 2мб) и конвертер в jpg. Или, например, недавно пропал нормальный поиск других размеров картинки в гугл и я сделал для себя поиск в бинг в контекстном меню. У меня есть логирование в гугл таблицы по нажатию кнопки и отправка разных сообщений в телеграм. И еще куча других процессов рабочих у меня построено на расширениях.

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

В хроме можно добавить кнопку домой рядом с адресной строкой. На эту кнопку можно навесить любую ссылку (по сути, она может работать как закладка). Догадываетесь к чему я веду? Букмарклеты!

Делаем что-то вот такое:

javascript:void(function(d) { let s = d.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = 'https://link.to/your/file.js'; d.getElementsByTagName('head')[0].appendChild(s); }(document))

Ничего сложного. Просто вставляем свой джс файл, который находится по адресу
https://link.to/your/file.js и все. А там уже наши возможности практически неограниченны. Разумеется мы можем сделать развилку по адресу (для разных сайтов выполнять разный код), подгружать всевозможные стили, другие джс файлы и т.д. и т.п. То есть мы получаем расширение на мобильном хроме, которое активируется по нажатию кнопки.

Уверен, многие хотели бы внести небольшие изменения на джой или любой другой сайт лично для себя (как, например, вот в этом посте https://joyreactor.cc/post/5926354). Поменять цвета, добаивть какие-то кнопки, добавить темную тему и т.д. и т.п.

P.S.: "но у меня нет никакого сервера, куда мне залить свой код?(" О, есть оочень много способов, сразу на вскидку приходит в голову использовать бота-телеграм в качестве сервера для хранения файлов. Это очень легко. Если вдруг кому будет интересно - могу и это расписать.

Готовые веб приложения сразу от нейросети

Наткнулся на пост и был удивлен что про сам Claude 3.5 Sonnet тут не говорили.

Сама нейронка мало чем уступает chatGPT. Где-то слабее, где-то сильнее. По бенчмаркам чуток отстает, но тексты от нее читать приятней. К ней в интерфейс добавили новую фишку - артефакты. Отдельная рабочая область куда пишется текст или код над котором идет работа. Ну и если это веб приложение то его сразу можно запустить. Еще и зрение прокачали от чего нейронка лучше картинки читает и даже в SVG рисовать пытается. Вот пиксельный кот на кухне.

Или фея с гоблином, которые потом игрой стали. Простые веб аркады запросто создает.

Предвидя сравнения со всякими миджорни. Тут рисование кодом и модель текстовая. Это все прописанная векторная графика. Можно попросить оставить место под свои картинки, но придется запускать локально.

Ну и помимо забавных штук может сайты копировать и информацию выводить в виде графиков и диаграмм. Для себя седлал штуку что хавает json экспорта чата телеграмм и на его основе все смены ника фиксирует и время с последнего сообщения в график выводит.

Ну и интерактивные шпаргалки удобно делать.

Бесплатно с впн можно использовать на их сайте. https://claude.ai Логинится через гугл. Артефакты нужно отдельно включить.

P.S. Что тут за ерунда с тегами. Все связанное с нейронками забито нейромазней. Куда новости про технологии то кидать?

З.Ы.2 Вспомнил что это еще и единственная нейронка что в стихи умеет.

Эй, нейросети!
Картинки повсюду!
Заполонили всё,
Цифровое чудо.

Пиксели - палитра,
Алгоритмы - кисть.
Творят без устали,
Образы льются вниз!

Где же душа?
Где человечность?
В потоке грёз?
Машинная вечность!

Разум познал,
Но чувства где?
Людское тепло
В цифровой среде?

Наткнулся на впечатляющую нейросеть. Я ввел запрос "create tetris" и мне выдало рабочий тетрис! https://websim.ai/ (требует гугл-аккаунт для работы ) Да, оно создает только внутри себя эти веб-приложения, но при желании, думаю, можно расковырять и сделать реальное на основе выдранного кода.

Вот чье-то видео с разнообразными экспериментами

Оставайтесь в безопасности.. так вот, у меня было 2 билета на фильм "Мадам Веб" в моей машине, а кто-то вломился и оставил еще 4

Помогите с HTTPS на Apache

Граждане не традиционной ориентации, прошу вашей помощи.

Стоит ли выбирать направление web-design и с чего начать?

Такое дело, пидоры. Моя девушка решила как-то развиться дальше в своей профессии дизайнера. Она 3 года работает типографским дизайнером, окончила колледж, и скоро получит вышку по той же специальности по которой работает. И все бы хорошо, вот только развития на работе никакого. Ни выше, ни ниже. Да и ЗП от этого не растет. 
Уже пыталась рассылать резюме по удаленкам (в нашем залупенске нет вакансий дизайнеров нормальных), но как итог, там среди тысячи откликов никто ее резюме и не видит. 
От того и появилось у нее желание как-то развить навыки и попробовать новую ветку - web-design!. Вот только с чего начать не знает. Т.е. курсы находит, всякие видео на ютубе, но все это вода и для таких новичков, что она просто тратит время на просмотр того, что уже знает. (основы ФШ, Адоб Иллюстратора и т.д)
Поэтому и обращаюсь к вам за помощью. Есть какие-то майнд карты? Может есть чаты где дизайнеры новички обсуждают что-то? Сам сижу в подобном чате по Питону, где куча новичков обсуждают обучение свое. 
Да и в целом, что еще можете посоветовать в этом? Рынок конечно переполнен и т.д. Но тут хоть какое-то развитие, а не стагнирование в типографии до старости. Есть какие-то советы? Или материалы, которые помогли вам освоить web-design.