@naebx

Список бесплатных сайтов-зеркал ChatGPT, постоянно обновляемый.

2023-04-20T00:46:51.496Z

Awesome Free ChatGPT

Текстовая форма видео с промтами

2023-03-22T16:29:44.289Z

Текстовая форма видео с промтами

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

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

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

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

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

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

И с этим я и помогу тебе в этом видео: Я расскажу об универсальных промтах которые помогут тебе правильно общаться с ChatGPT или любой другой языковой моделью и приведу много понятных примеров. А так же в конце видео я расскажу где ты сможешь получить ещё 20 универсальных промтов абсолютно бесплатно, поэтому смотри ролик до конца.

У всех промтов про которые я расскажу есть такая структура:

-Формула этого промта

-И пара примеров использования промта

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

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

Вот наша формула: Можешь написать [тип текста и его длина] для [тема] в [место] (если оно есть), описывая [преимущества], предлагаемые [темой]?

Вот наша формула: Можешь написать [тип текста и его длина - статью на 500 слов, эссе на 1000 слов, письмо] по [тема здоровому питанию, развитию бизнеса, продаже товара для моего клиента] , описывая [преимущества], предлагаемые в [тема]?*

Теперь привожу пару наглядных примеров:

Я советую всегда давать контекст нейронке, как я в следующем примере:

Формула а ниже пример как на скриншоте

Я продаю веб-фильтры для фотографий онлайн - то наш контекст. Можешь написать письмо - это тип текста, по продаже моих фильтров - это тема, для моего клиента - это дополнительный контенкст с описанием услуг и преимуществ - это преимущества, предлагаемых моим сервисом - и это тема?

А теперь вбиваем это в ChatGPT.

1.1

Очень неплохое письмо вышло, но всё же оно немного сыровато и нужно подправить парочку моментов. Мы можем корректировать что-то уже в самом процессе и направлять ChatGPT в нужное направление. Давай к примеру попросим сделать менее навязчивым и перечислить больше преимуществ.

1.2

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

Хэх, вот к примеру, ChatGPT подумал, что наш сервис обрабатывает фотографии из-за чего дал не совсем корректные письма, поэтому давай напишем, что “клиент сам обрабатывает свои фотографии, а наш сервис продает только фильтры для их обработки”.

1.3

1.4

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

Давай по этой же формуле сделаем ещё один пример, я хочу чтобы ChatGPT написал какой-то текст, поэтому здесь мы используем ещё один промт, который помогает в написании текста:

“Можешь написать статью на 500 слов по теме здорового питания на Бали, описывая его преимущества, предлагаемые здоровым питанием. И вот наш ещё один промт помощник - С чётким вступлением, серединой, концовкой и не забудь привести примеры”

1.1.1

Кстати, если у вас ChatGPT зависает на середине и перестает писать, то можете просто написать ему - “продолжи” и он продолжит писать с того места, где остановился.

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

1.1.2

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

Вот так вот легко можно применяя правильные промты получать необходимые нам результаты.

Не знаю как у тебя, но у меня часто бывают такие моменты, когда я хочу придумать какую-то идею или взять уже готовую и придумать свою альтернативу и здесь ChatGPT тоже может очень хорошо помочь со следующим промтом, а точнее формулой:

Можешь дать мне [количество] идей для [формат] о [тема], охватывающих такие [темы].

Можешь дать мне [количество - 2, 5, 10] идей для [формат - поста, бизнеса, рецепта] о [тема - крипте, связанного с строительством, по готовке французкого блюда], возможно, охватывающих [темы, блокчейна, майнинга, децентрализации и тд].

Переходим к примеру:

Можешь дать мне 5 идей для постов о криптовалюте, охватывающих биткойн, майнинг, децентрализацию, заработок и риски. И здесь я применю ещё один полезный промт - Давай думать шаг за шагом.

На бумаге формула + пример

2.1

Неплохо написано. Кстати, мы дописываем промт: “Давай думать шаг за шагом”, чтобы у языковой модели была четкая последовательность действий и она выдавала более структурированные результаты.

Переходим к следующему примеру этого промта:

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

2.2

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

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

Формула:

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

Пример:

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

3.1

И сила этого промта заключается именно в том, что мы даём возможность ChatGPT посмотреть на одну тему с разных точек зрения, и это даёт нам преимущество, ведь мы можем подготовиться к аргументам оппонента заранее.

И мы даже можем попросить ChatGPT защитить свою точку зрению и грамотно ответить на эти аргументы. Продолжим тему веганства, допустим мы хотим поспорить с человеком, кто питается традиционно и хотим защитить свою точку зрения, поэтому попросим ChatGPT сформировать аргумент против 4 пункта:

3.2

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

На самом деле это можно применять не только для разных споров, но и в целом всегда будет полезно узнать различные альтернативные взгляды на твои убеждения или новые знания. Поэтому обязательно запомни этот промт: “Давай посмотрим на это с различных точек зрения.”

Удаленное управление любым Android с помощью Telegram-бота

2023-03-22T08:47:15.461Z

Настройка Telegram-бота

После того, как вы выполнили все вышеперечисленные требования, необходимо выполнить следующие шаги:

Найдите BotFather в Telegram
Создайте бота с любым именем пользователя и скопируйте токен бота (запомните/запишите его!).
Найдите Userinfobot в Telegram и скопируйте ID пользователя (запомните/отметьте!).

Установка сервера Glitch

Теперь нам нужно загрузить файлы сервера и apk-загрузку.

Перейдите на сайт glitch.com
Нажмите на New project, затем glitch-hello-node
Удалите все предварительно доступные файлы
Нажмите на файлы и загрузите package.json, server.js
Нажмите на файл server.js и вставьте токен бота в строку 16.
Вставьте идентификатор чата в строку 15
Нажмите на предварительный просмотр, доступный внизу, чтобы открыть новую веб-страницу (Вы увидите веб-страницу Server successfully Installed), скопируйте ее URL, который был ссылкой на сервер.

Настройка Payload APK

Теперь нам нужно интегрировать наш payload apk для работы с нашим Telegram-ботом и сервером Glitch:

Теперь откройте Apkeditor и выберите загруженный нами payload apk.
Теперь нажмите на Full Edit<Decode All Partial Files<Files<assets<key.json, теперь откроется текстовый редактор с кодом key.json.
Замените URL хоста и сокета на URL вашего сервера и сохраните файл.

{
"host": "https://xxx.glitch.me/",
"socket": "wss://xxx.glitch.me/",
"webview": "https://youtube.com/"
}

Теперь нажмите на smali и подождите 3/4 секунды, затем нажмите на build the apk и установите его на любой телефон.

Примечание: Вы можете получить доступ к окончательному apk-файлу в файловом менеджере вашего устройства в папке ApkEditor, чтобы поделиться им с любым целевым пользователем.

Теперь перейдите в BotFather и нажмите на имя пользователя вашего бота, чтобы запустить бота для доступа к установленным устройствам payload apk.

Useful HTML Links

2023-03-21T11:10:08.095Z

Listing the most useful HTML-related free online tools and resources for web developers.

Make sure you bookmark this page so you can always access this collection.

▤ ▦

Can I UseProvides browser support information of front-end web technologies. Enter a search term to find out which browsers support it. caniuse.com

Online HTML EditorFree online HTML editor with WYSIWYG and source composer and instant preview and many useful built-in features html-online.com

Web CleanerOnline HTML, CSS and JavaScript cleaner and code editors with syntax highlighting and customizable cleaning features. html-cleaner.com

Word HTMLFree online Word and other rich text editor and HTML converter. Copy-paste your document in the editor and switch to HTML view to get the code. wordhtml.com

HTML Cheat SheetHTML, CSS, JavaScript and other web technology cheat sheet with interactive user interface. Grab the code you're looking for quickly. htmlcheatsheet.com

Stack OverflowHuge programmer community where you usually don't have to ask for help because probably someone has already answered the same question. stackoverflow.com

w3schoolsThe place to learn web technologies. There's a big chance that this site gives the first search result when you're looking for a HTML term. w3schools.com

Mozzilla Developer NetworkAn evolving learning platform for web technologies. Providing tutorials, developer tools and the information to easily build projects. developer.mozilla.org

Markup ValidatorEnter the link of a webpage and the online tool will highlight the errors and warnings to fix in the source code. validator.w3.org

GitHubCollaborate with other developers. Fork, send pull requests and manage all your public and private git repositories. github.com

BitbucketWeb-based hosting service for development projects with version control system that makes it easy for you to collaborate with your team. bitbucket.org

DribbleTell others what are you working on! Dribbble is a community of designers sharing screenshots of their work, process, and projects. dribbble.com

Built WithEnter a domain name to find out who is hosting it, what CMS and framework is used and many other insights. builtwith.com

HTML TidyAn online tool for checking and cleaning up HTML source files. Useful for finding and correcting errors in deeply nested HTML. htmltidy.net

Div TableCreate or convert tables to responsive div tags with a few clicks. Use the provided CSS code to render the divs as table cells. divtable.com

BootstrapThe most popular free and open-source HTML, CSS, and JS framework makes front-end development easier and faster. getbootstrap.com

HTMLGProfessional HTML editor. The free version is enough to do magic with your markup. Tag and attribute manager filter etc. htmlg.com

Facebook DevelopersDeveloper tools for login, share widget, analytics, monetization, messenger platform and more from the biggest social media site. developers.facebook.com

Google Mobile-Friendly TestCheck if Google considers your web page mobile-friendly and adjust the deficiencies if there is any. google.com/mobile-friendly

Webpage Speed TestAnalize the loading speed of a website from many available servers. The website creates a detailed analysis with screenshot and waterfall view. webpagetest.org

PageSpeed InsightsThis tool by Google analyzes the submitted link from mobile and desktop to suggest you what to consider optimizing. developers.google.com

Google FontsAn interactive directory of over 800 free hosted web fonts. It allows to optimize loading speed by including only what you need. fonts.google.com

Font AwesomeThe most popular icon set based on CSS and LESS. The vector icons can be customized as text – size, color, drop shadow fontawesome.io

RGB Color CodesSearch and save color codes. Search by name or mix the RGB, HSV or CMYK values. Use the generated HTML/CSS codes. rgbcolorcode.com

FreePicBrowse the large directory of free photos, vector arts, icons, illustrations, PSD files at FreePic. freepik.com

XML SitemapsGenerate XML sitemaps and URL list of a website. The crawl limit is 500 pages. xml-sitemaps.com

Broken Link CheckerCrawl a domain for dead links. Locates both internal and external links pointing to 404 error pages. brokenlinkcheck.com

CodepenRegister to create, save and share HTML-CSS-JS code snippets and run them online. codepen.io

JSFiddleSimilar to Codepen but this one doesn't require registration. Test HTML-CSS-JS code online and save your small project in a shareable URL. jsfiddle.net

WordPress.OrgMore than 10 million websites use this free and open-source content management system based on PHP-MySql. wordpress.org

Blog StarterA free guide that shows beginners how to start a blog using WordPress.org theblogstarter.com

Website SetupA friendly guide about how to make a website, discussing the hosting, the CMS, domain name and promotion. websitesetup.org

Expired DomainsHunt for expired domain names or get inspiration for your next project. It's worth registering for an account on this free website. expireddomains.net

Bad HTMLThe ugliest website on the internet, collecting bad UI/UX practices. A deterrent example about how not to build a website. badhtml.com

Top 10 HTML & CSS Code Editors for 2022

2023-03-21T11:06:54.817Z

If you have anything to do with programming – and we know you do – you understand the importance of a good code editor. A good editor helps make your code more readable and easier to work with. It also provides features like syntax highlighting and code completion that can help you write code faster and more efficiently.

The best is obviously our editor but there are other options too.

But there are a lot of HTML and CSS code editors out there, which means it can be tough to know which one is right for you. To help you out, w

1. CSS Editor

Launched just a week ago, the online CSS Editor and Cleaner is specifically designed for working with CSS. It offers features like syntax highlighting, code completion, and real-time validation that can help you write CSS faster and more efficiently. It also comes with a built-in preview function that allows you to see your work in real-time as you’re editing it.

CSS Editor is the best place to clean and organize messy CSS styles. The process is simple – just paste your code into the editor and select the desired cleaning options to tidy up your code instantly.

2. HTMLg

If you are looking for a reliable editing platform this year, then you must try HTMLg. This code editor offers a wide range of features like syntax highlighting, auto-completion, and tag closing that can help you create HTML code quickly and easily. The instant preview helps you to compose the markup and the visual content simultaneously.

HTMLg.com is the paid version of our online HTML editor with even more features.

It is an all-in-one tool that makes HTML code composing a piece of cake with its integrated functionalities, making your work much faster and more effective. You can use it for free or opt for a paid plan to get the extra range of functions.

3. HTML-CSS-JS

The next tool on our list is an all-around platform designed for HTML, CSS, and JS. HTML-CSS-JS provides users with a lot of great features like syntax highlighting and tools for managing projects, which makes it the perfect choice for any programmer. Beside HTML and CSS, this one can run JavaScript code, just like JsFiddle.

These code generators – along with many tutorials and other resources – are designed to make web publishers’ lives easier even if they’re professionals or they have just started to familiarize themselves with web technologies.

4. HTML5 Editor

HTML5 Editor is a code editor that is specifically designed for working with HTML5. It offers a full range of HTML-related features that can help you write your code quickly and easily. Besides that, HTML5 Editor has a very simple interface that makes it a great choice for beginners.

The website relies on scripts to perform operations, while the pages load only once. In other words, HTML Editor is a small and super-fast tool that you can use for near-instant code editing work.

5. HTMLed.it

Another interesting option for coding professionals is HTMLed.it which is available in many languages. This code editor comes with a wide range of functions that can assist you in creating HTML code without significant effort. At the same time, HTML ed.it and its user-friendliness make it easy even for coding newbies to delve right into the process.

It’s a free online code handler that enables users to design documents almost effortlessly. We love the fact that HTMLed.it shows previews, thus making it easier to evaluate and edit the source code.

6. HTML Cleaner

Those who want to write clear and concise lines of code will certainly appreciate HTML Cleaner. This simple and easy-to-use code editor can help you write clean HTML and get rid of errors.

HTML Cleaner is essentially a microsite made with the purpose of executing automated operations on the HTML code. The platform is particularly useful for those who want to migrate their sites without making mistakes in the process.

7. Sublime Text

Sublime Text is one of the most popular code editors among web developers. It is a highly customizable and easy-to-use tool. It offers quick HTML5 templates, syntax highlighting, custom functionality, and much more.

With Sublime Text, you can work quickly and efficiently, whether you are a beginner or an experienced programmer. This is possible thanks to its intuitive features and powerful customization options. Whether you are working on projects for work or personal use, this powerful editor can help you write code faster and more efficiently.

8. Atom

Atom is a code editor created by GitHub. It is free and open-source, and it offers a wide range of features for programming languages like JavaScript, HTML, and CSS. This innovative code editing platform is loved by programmers around the world for its simplicity, flexibility, and wide range of functions.

9. Visual Studio Code

This versatile code editor comes with built-in support for Angular, CSS3, and HTML5, and is designed to help you write code faster and automate common tasks. It also offers features like syntax highlighting and integrated debugging, making it a great choice for any web developer.

The thing we like about Visual Studio Code is that it is constantly being updated with new features and improvements. This means that you can always be sure you are using the latest and greatest version of the software.

10. Brackets

We end the list with Brackets, a well-known editing tool for agile programmers. It’s a free and open-source code editor created by Adobe. It’s specifically designed for web designers and front-end developers, and it offers features like real-time previewing, pre-processing, and in-line editors.

Final thoughts

With so many powerful options available on the market today, there is no shortage of text editors for web developers to choose from. Whether you are looking for a simple or advanced editor with all the bells and whistles, there is sure to be an option that meets your needs.

Which one is right for you will depend on your needs and experience level – but all of these tools will help you create cleaner and more efficient code.