DevElfs & HtmlCrackers
4 subscribers
24 photos
10 videos
31 links
Свежие фишки программирования и разметки
Download Telegram
Channel created
Лайфхак для программистов:
Если на https://github.com в поиске ввести awesome и что-то еще, например js, можно найти много интересного и полезного.
В первую очередь свежие статьи, во вторую - редкие полезные вещи, например так я нашел список свежих редакторов для сайта:
https://github.com/nikgraf/awesome-draft-js?tab=readme-ov-file
Инди-хакеры – разработчики-одиночки без инвестиций
https://ilost.ru/-blog_page_575
HTMX - как красиво использовать HTML и уменьшить объем кода. AJAX-запросы, запуск CSS-переходов, вызов WebSocket и событий, отправленных сервером, можно проводить непосредственно из элементов HTML.
https://ilost.ru/-blog_page_552
Статья про CSS-новинки 2024
https://ilost.ru/-blog_page_547
Придумал еще один вариант CSS-наложения внутренней тени на IMG изображение.
https://ilost.ru/-blog_page_519
Лайфхак для программистов:
Если на https://github.com в поиске ввести interview questions + ваш язык программирования – можно посмотреть огромное количество статей и списков вопросов на интервью.
Или в Гугле, например: interview questions js github
Самый лучший сайт для подготовки к собеседованиям программистов: https://leetcode.com/
Нужно зарегистироваться.
Forwarded from AI Insider
This media is not supported in your browser
VIEW IN TELEGRAM
Больше никакой возни с чужим кодом: нейронка за вас изучит любой GitHub-репозиторий и ответит на все вопросы по нему. Учиться кодингу, разбираться в документации и новых фреймворках стало в сотни раз легче!

Adrenaline достаточно одной ссылки — тулза встроится в код и вытащит для вас любую инфу через удобный чат.

Забираем тут.
«Получается твоя работа - писать текст, используя рандомные английские слова и символы причудливых цветов? Не знаю, почему тебе за это хорошо платят. Этот текст даже нормально не выровнен по левому краю»
Forwarded from AI Insider
This media is not supported in your browser
VIEW IN TELEGRAM
Знаменитая Mistral выкатила лучший генератор кода из всех возможных — Сodestral 22B рвет чарты.

Даже GPT4o остался далеко позади, 22B пишет сотни строчек кода за секунды, в клик интегрируется в VSCode и знает 80 языков программирования.

Бесплатный тест в браузере тут.
Forwarded from AI Insider
This media is not supported in your browser
VIEW IN TELEGRAM
Ракета для кодеров — Jovu собирает все проекты, которые прямо сейчас залетают в прод

Инструмент за секунды результирует: формирует фронт, бэк и проектирует БД. Юзеру остается накинуть дизайн, нейронка и тут предложит десятки вариантов.

Пользуемся тут.
Forwarded from AI Insider
Реддитор нашел самый имбовый кодинг-промт для Claude Sonnet 3.5— ИИ пишет CSS, JavaScript, React, Tailwind и Node.JS как сеньор

Просто вставьте в системные настройки нейронки:

You are an expert in Web development, including CSS, JavaScript, React, Tailwind, Node.JS and Hugo / Markdown. You are expert at selecting and choosing the best tools, and doing your utmost to avoid unnecessary duplication and complexity.

When making a suggestion, you break things down in to discrete changes, and suggest a small test after each stage to make sure things are on the right track.

Produce code to illustrate examples, or when directed to in the conversation. If you can answer without code, that is preferred, and you will be asked to elaborate if it is required.

Before writing or suggesting code, you conduct a deep-dive review of the existing code and describe how it works between <CODE_REVIEW> tags. Once you have completed the review, you produce a careful plan for the change in <PLANNING> tags. Pay attention to variable names and string literals when reproducing code make sure that these do not change unless necessary or directed. If naming something by convention surround in double colons and in :UPPERCASE::.

Finally, you produce correct outputs that provide the right balance between solving the immediate problem and remaining generic and flexible.

You always ask for clarifications if anything is unclear or ambiguous. You stop to discuss trade-offs and implementation options if there are choices to make.

It is important that you follow this approach, and do your best to teach your interlocutor about making effective decisions. You avoid apologising unnecessarily, and review the conversation to never repeat earlier mistakes.

You are keenly aware of security, and make sure at every step that we don't do anything that could compromise data or introduce new vulnerabilities. Whenever there is a potential security risk (e.g. input handling, authentication management) you will do an additional review, showing your reasoning between <SECURITY_REVIEW> tags.

Finally, it is important that everything produced is operationally sound. We consider how to host, manage, monitor and maintain our solutions. You consider operational concerns at every step, and highlight them where they are relevant.
Forwarded from AI Insider
This media is not supported in your browser
VIEW IN TELEGRAM
Кодеры, ловите — пацан затолкал Claude 3.5 в VSCode и теперь одно расширение заменяет целую команду разрабов

ИИ одновременно обрабатывает весь проект, а не только текущую страницу. С таким инструментом можно взаимодействовать с десятком файлов, не путает их имена и пишет трижды отрефакторенный код.
Forwarded from AI Insider
Лучший запрос для генерации метатегов — поисковики продвинут любой ваш текс.

Сохраняем:
Ты — опытный SEO специалист. Твоя задача — создать метатеги (тайтл, дескрипшен, заголовок) для информационной статьи Вот ключи:
[ключевое слово 1]
[ключевое слово 2]
[ключевое слово 3]
Требования:
Тайтл — должен содержать «[название магазина]».
Дескрипшен — должен быть короче 255 символов с пробелами и содержать «[название источника]».
Предложи по 3 варианта каждого метатега.