home.social

#вебразработка — Public Fediverse posts

Live and recent posts from across the Fediverse tagged #вебразработка, aggregated by home.social.

fetched live
  1. Где CSS подложил вам ловушки

    Привет, Хабр! Мне кажется, что каждый фронтендер множество раз сталкивался с ситуацией, когда CSS переставал работать так, как ожидаешь. Причём не имеет значения опыт разработчика. С одинаковой вероятностью в тупик может попасть как джун, так и опытный разработчик. Не зря же CSS стал героем такого количества мемов. Я и сам не раз попадал в подобные ситуации. Но, несмотря на все эти сюрпризы, CSS мне по-прежнему нравится. Конечно, изменить стандарты я не могу. Зато могу рассказать о ловушках, в которые когда-то я попался. Возможно, некоторые из них окажутся неожиданными и для вас. Давайте посмотрим, что я подготовил.

    habr.com/ru/companies/ruvds/ar

    #html #браузеры #css #вёрстка #вебразработка

  2. Сайт запущен. Как следить за сбоями и изменениями без ежедневного обхода

    Допустим, интернет-магазин прошёл приёмку: каталог открывается, тестовый заказ появился в системе, HTTPS работает. Что проверять дальше? Ежедневно повторять весь путь покупателя вручную неудобно, а одна открывающаяся главная мало говорит о состоянии остального сайта.

    habr.com/ru/articles/1098428/

    #seo #вебразработка #мониторинг_сайтов #доступность_сайта #технический_аудит

  3. Что можно сделать, имея всего ::before и ::after

    У каждого HTML-элемента есть всего два псевдоэлемента: before и after — и с помощью них можно сделать крутые элементы. Разберём, как с помощью обычного CSS превратить два псевдоэлемента в крутые графические штуки. Как создавать сложные формы через clip-path, собирать композиции из нескольких градиентов, работать с масками и режимами смешивания, а также строить анимации и элементы интерфейса без лишней HTML-разметки.

    habr.com/ru/companies/gnivc/ar

    #css #ui #анимация #вёрстка #вебразработка #webразработка #after #before #псевдоэлементы #cssанимации

  4. PHP в 2026 году. Стоит или нет изучать этот язык программирования?

    Если уже программируете и присматриваетесь к PHP, с чего начать? Вопрос о выборе языка часто превращается в спор о том, какой из них лучше. Мне стало интересно, что стоит за рекомендациями. Какие задачи человек решает на этом языке и почему продолжает его выбирать? Об этом я спросила backend-разработчика в крупной промышленной компании – Антона Елохина. Он поделился личным опытом, довольно прямыми оценками фреймворков и своим маршрутом знакомства с языком PHP – получился небольшой авторский обзор с полезными ссылками и примером приложения от Антона.

    habr.com/ru/articles/1096682/

    #php #вебразработка #symfony #mvc #фреймворки #phpfpm #composer #laravel #docker #backendразработка

  5. Опыт разработки клиентских сайтов с ChatGPT и Codex

    Я много лет занимаюсь клиентской веб-разработкой: создаю сайты с нуля, дорабатываю существующие, занимаюсь рефакторингом и технической поддержкой. Сейчас подавляющее большинство проектов разрабатываю на двух платформах — WordPress (+ WooCommerce) и Laravel (+ Filament). Они закрывают почти все задачи малого и среднего бизнеса — моей основной аудитории. В работе активно использую ChatGPT и Codex. За это время я заметила повторяющиеся ошибки моделей и выработала способы их обходить.

    habr.com/ru/articles/1094070/

    #php #искусственный_интеллект #вебразработка #ии #laravel #codex #chatgpt #aiагенты #промптинжиниринг #2026

  6. Техно‑аквариум в стиле адской Обители: запускаем локальную LLM Qwen 2.5 14B на домашнем ПК для интерактивного сайта

    Сегодня уже никого не удивить нейросетью — из каждого утюга только о них и слышно. Хоть видео, текст, генерация кода. Уже приходится всматриваться в экран, чтобы понять: перед тобой настоящая фотография или работа ИИ. Народ и дома, и на работе вовсю позаводил себе локальные нейронки. Короче решил и я не отставать. А зачем? Потому что могу. Или хочу узнать смогу ли. Для какой‑то самореализации, интересно пройти этот путь. Просто поднять локальную ИИ на ПК это просто не интересно. Хотелось что‑то сделать такое, что бы можно было буквально пощупать, что‑то отличное от простой отвечалки. Возникла идея «подселить» нейросеть на сайт, наделить её характером, дать ей полномочия в рамках сайта. Сымитировать настоящую цифровую псевдожизнь, этакий цифровой аквариум, в заточении которого живёт Хозяйка проекта INFERNUM.

    habr.com/ru/articles/1093902/

    #python #вебразработка #сервер_дома #индиразработка #gtx_1660_super #llm #ollama #локальные_нейросети #qwen_25 #lga2011

  7. HTML и CSS из прошлого, которые до сих пор актуальны

    Привет, Хабр! Я интересуюсь вёрсткой с момента появления первых версий браузера Google Chrome. Конечно, современному фронтендеру тяжело понять то, что я испытывал с коллегами. Мы именно те разработчики, которые знали кучу рецептов, как починить определённый баг в конкретном браузере. Но тогда были не только плохие моменты. В этом легаси осталось много хороших возможностей. Только они затерялись с течением времени. Мне же от этого грустно. По этой причине сегодня пришёл к вам исправлять эту ситуацию. Мы рассмотрим старые возможности HTML и CSS, которые сегодня всё так же полезны. Давайте посмотрим, что я подготовил.

    habr.com/ru/companies/ruvds/ar

    #html #браузеры #css #вёрстка #советы #вебразработка #ruvds_статьи

  8. Как Open Source аналоги убили Adobe и Microsoft Office? ИИ сделал это за пару месяцев

    Ещё недавно создание целой линейки сложных графических и офисных приложений требовало большой команды, и несколько лет разработки. Теперь один разработчик с помощью ИИ и небольшой команды пытается бросить вызов гигантам вроде Adobe и Microsoft. В статье разберём: какие юридические риски может нести сходство с оригиналами, что всё это говорит о будущем разработки ПО, и насколько его приложения близки к коммерческим аналогам.

    habr.com/ru/articles/1093552/

    #open_source #программирование #вебразработка #ии #открытое_по #искуственный_интеллект #github #опенсорс #claude #вайбкодинг

  9. Город для робота-курьера в браузере: Arduino Uno, физика и пешеходы, которые уступают дорогу

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

    habr.com/ru/articles/1093544/

    #роботы #3d #вебразработка #робототехника #esp32

  10. [Перевод] Integrals: где я научился веб-разработке на практике

    Небольшая веб-студия в Тбилиси, множество встреч с клиентами и два года разработки сайтов — с 2016 по 2018 год.

    habr.com/ru/articles/1092548/

    #карьера #php #вебразработка #грузия #удаленная_работа #тбилиси

  11. История HTML и CSS. Какие элементы и свойства ушли навсегда

    Хабр, привет. Многие люди с интересом относятся к истории. Читают книги, рассматривают архитектуру городов, смотрят фильмы времени наших родителей. Мне кажется, веб достиг периода, когда мы можем с интересом поговорить о прошлом HTML и CSS. Сегодня я пришел к вам, чтобы оглянуться немного назад и вспомнить фичи, которые когда-то были частью веба. Возможно, некоторые из них вы когда-то даже использовали. Давайте посмотрим, что я вам подготовил.

    habr.com/ru/companies/ruvds/ar

    #html #css #вебразработка #фронтенд #браузеры #вёрстка #устаревшие_технологии #legacy #ruvds_статьи

  12. Как мы пускаем ИИ на боевые сайты, или Что происходит после команды «исправляй»

    В первой части я рассказывал, как мы дошли от обычного копирования кода между MODX и ChatGPT до нормального предметного интерфейса к CMS. Агент перестал видеть сайт как россыпь файлов и строк в базе и получил возможность работать с ресурсами, чанками, TV и зависимостями между ними. В какой-то момент этого стало достаточно, чтобы ставить задачу примерно так же, как я поставил бы её разработчику, без подробной инструкции, куда именно залезть и какую строку там поменять. Следующий шаг напрашивался сам собой. Если агент уже разобрался в проблеме и нашёл решение, какого чёрта я должен брать его код, подключаться по SSH, делать резервную копию, заливать исправление, запускать проверки и потом ещё ходить по сайту смотреть, не отвалилось ли что-нибудь рядом. Хотелось просто написать «Посмотри, почему форма перестала отправляться, исправь и проверь» и получить в ответ не инструкцию из десяти пунктов, которые мне потом самому предстоит выполнить, а уже исправленный сайт. Вот на этом месте и началась вторая часть нашего проекта. Сам доступ на запись дать оказалось совсем несложно. К MODX MCP добавились SSH, физические файлы, логи, браузер и несколько служебных инструментов. Гораздо больше времени ушло на то, чтобы после команды «исправляй» не сидеть у агента за спиной и не следить, что именно он там сейчас собирается натворить.

    habr.com/ru/articles/1090118/

    #MCP #AIагенты #искусственный_интеллект #вебразработка #автоматизация_разработки #production #сезон_код_будущего #devops #агентная_разработка #agentic_engineering

  13. Я перестал показывать ИИ файлы и дал ему сам MODX

    С искусственным интеллектом в веб-разработке мы работаем уже достаточно давно. На проектах с MODX 2 ChatGPT помогал искать ошибки, разбирать чужой код, писать сниппеты и компоненты, переделывать шаблоны. Польза была вполне практической, но сам процесс оставался традиционным. Нужно было найти нужный чанк, принести его в чат, объяснить, откуда берутся данные, показать TV-поля, получить исправленный код, вернуть его в MODX и проверить результат. ИИ заметно ускорял написание кода, но разработчик при этом продолжал работать курьером между ИИ и сайтом. В какой-то момент мне захотелось убрать именно эту часть работы. Не дать ChatGPT полный SSH-доступ и посмотреть, что он там натворит, а сделать так, чтобы он сам видел структуру сайта примерно так же, как её видит разработчик MODX, ресурсы как ресурсы, чанки как чанки, TV как TV, а не просто как строки в таблицах базы данных. Так из довольно простого желания перестать делать Ctrl+C, Ctrl+V между окнами родился эксперимент, который постепенно вырос в отдельный проект.

    habr.com/ru/articles/1089988/

    #MODX #MCP #ChatGPT #AIагенты #искусственный_интеллект #open_source #вебразработка #MODX_Revolution #автоматизация_разработки #сезон_код_будущего

  14. Клиенты уже платили, а я всё ещё кастдевил. Почему найденный URL ещё ничего не доказывает

    Я думал, что автоматизирую линейную цепочку: RSS → сайт издателя → URL → отчёт. RSS оказался простой частью. Сложнее стало доказать, что найденный URL — действительно нужная публикация и уже может считаться результатом. А началась эта история вообще с того, что клиенты уже платили, пока я продолжал искать их проблему на кастдевах. Что сломалось?

    habr.com/ru/articles/1089190/

    #RSS #CMS #Referer #CDN #синдикация_контента #верификация_публикаций #автоматизация #системный_дизайн #модель_состояний #вебразработка

  15. EventBus и CommandBus во frontend: когда прямых вызовов становится слишком много

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

    habr.com/ru/articles/1088554/

    #EventBus #CommandBus #JavaScript #TypeScript #frontend #архитектура_frontend #паттерны_проектирования #command_pattern #вебразработка

  16. Экономика клиентской разработки с AI

    С AI в клиентской разработке стало выгодно делать то, что раньше технически было несложно, но экономически бессмысленно. Какой‑нибудь специфический фильтр, дополнительный экран в админке, сценарий обработки данных... Раньше смотришь на задачу и понимаешь, что руками это несколько часов работы. Клиенту функция не настолько нужна, сколько она стоит в хорошей реализации, поэтому либо от неё отказываемся, либо ищем готовый плагин, который умеет нужное и подгружает ещё семьдесят свистелок. Сейчас значительную часть такой работы можно сделать намного дешевле. AI снимает вагон рутинной работы, и маленькие кастомные решения перестали быть чем‑то вроде «ну нет, это полдня печатать код и ещё день на отладку». Там, где раньше приходилось подгонять задачу под готовый инструмент, теперь чаще можно подогнать инструмент под задачу.

    habr.com/ru/articles/1087650/

    #AI #ИИагенты #AIразработка #coding_agents #клиентская_разработка #вебразработка #разработка_ПО #LLM #автоматизация_разработки #экономика_разработки

  17. Теперь Яндекс показывает рекламу посетителям прямо на вашем сайте

    На сайтах со встроенными Яндекс Картами стала появляться реклама. Причём речь не только о сложных интеграциях через API. С рекламой можно столкнуться и на обычной карте, которую когда-то сделали через Конструктор и встроили на страницу контактов. Для владельца сайта ситуация выглядит, мягко говоря, не очень приятно. Карта — часть интерфейса сайта. На ней мы хотим показать свой офис, магазин или схему проезда, а теперь внутри этого блока посетителю может демонстрироваться чужая реклама. Отключить её можно. Но уже за деньги. Вот такая вот фигня, собачка… Я решила разобраться, что изменилось у Яндекса и есть ли сейчас нормальная альтернатива. И здесь неожиданно интересным оказался Конструктор карт 2ГИС.

    habr.com/ru/articles/1085158/

    #Яндекс_Карты #2ГИС #карты_на_сайте #реклама #Maps_API #API_карт #Конструктор_карт #вебразработка #геоинформационные_сервисы #OpenStreetMap

  18. Один Gmail = тысячи адресов для сервиса: что мы случайно нашли в админке

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

    habr.com/ru/articles/1083948/

    #Gmail #email #нормализация_email #регистрация_пользователей #мультиаккаунты #антифрод #вебразработка #аутентификация

  19. Зачем я добавил диван в калькулятор ремонта

    У ремонта есть неприятная привычка: ответ на один вопрос почти сразу порождает следующий. Посчитал плитку, теперь хочется понять, как она ляжет возле двери. Выбрал ламинат, надо решить, в какую сторону пойдут доски. С количеством профиля разобрался, осталось понять, как его нарезать. Желательно без коллекции обрезков «когда-нибудь пригодится». С этих вопросов мой «Мастерок» и начал обрастать раскладками, объёмными комнатами и другими инструментами. С 17 августа по 16 сентября на сайте было 6 536 посетителей. В сравнении, которое показывает Метрика, это рост на 26,32%. Платное продвижение я не запускал. Большинство посетителей приходит из поиска. Мне было интересно посмотреть, какие именно страницы люди открывают. Раскладки плитки и ламината по просмотрам заметно обгоняют главную. Это ещё не доказательство, что новые функции вызвали рост. Но уже хороший повод посмотреть, что происходит, когда калькулятор начинает показывать результат, а не только выдавать число. Расскажу, что добавилось, где картинка помогает разобраться, а где может обмануть. Будут немного кода, рулон обоев с подозрительно большим остатком и мультяшный прораб. Он тоже появился по ходу дела.

    habr.com/ru/articles/1082738/

    #строительные_калькуляторы #вебразработка #Nextjs #UX #визуализация #раскладка_плитки #раскладка_ламината #25D #AIассистент #поисковый_трафик

  20. Как я устал заполнять собственную кинобазу и что изменил во flickollect (веб-дизайн, API, ChatGPT)

    В январе я рассказал на Хабре, как почти тридцать лет собирал кино, переходил от видеокассет к DVD, от Excel к специализированным программам и в итоге решил разработать собственный сервис — flickollect. В конце той статьи я написал: «Проект готов». Сейчас, спустя несколько месяцев, эта фраза вызывает у меня улыбку. После трёхсот добавленных фильмов я понял, что собственная кинобаза требует слишком много ручной работы. Расскажу, как пересмотрел импорт данных, подключил ChatGPT и обновил интерфейс — и почему теперь карточка фильма обычно создаётся за минуту.

    habr.com/ru/articles/1082378/

    #flickollect #кино #коллекция_фильмов #вебразработка #API #ChatGPT #нейросети #автоматизация #пользовательский_опыт

  21. Symfony Workflow: как реализовать сложную бизнес-логику через состояния и переходы

    Заказ в интернет-магазине редко живёт по идеальной схеме «создан → оплачен → доставлен». В реальности жизненный цикл объекта нелинейный: клиент оформляет заказ, но может передумать и отменить его; товар приходит с браком и требуется возврат; часть позиций не успела прийти и нужно отправить их отдельно. Попытка реализовать такие альтернативные сценарии, проверки прав и сопутствующие действия «в лоб» быстро превращает бизнес-логику в хаос из разрозненных if/else, проверок статусов и обработчиков по всему проекту. В статье разберём, как с помощью компонента Symfony Workflow описывать сложные бизнес-процессы в виде явной модели состояний и переходов. На практическом примере рассмотрим, как задавать допустимые переходы, добавлять бизнес-правила и проверки, обрабатывать события и отделять описание процесса от кода, выполняющего конкретные действия. В результате получим не просто механизм управления статусами, а инструмент, который делает сложную бизнес-логику понятной, предсказуемой и удобной для сопровождения.

    habr.com/ru/companies/first/ar

    #symfony #php #вебразработка

  22. CSS в 2026 году: где JavaScript уже не обязателен

    Когда работаешь с такими масштабными продуктами, как мы делаем в VK, быстро начинаешь ценить код, который можно не писать. Особенно если речь о небольших сценариях: открыть поповер, анимировать появление блока или подстроить поле под контент. Ещё недавно для таких задач мы почти автоматически тянулись к JavaScript. Но за последние два года CSS сильно расширил свои возможности для задач, связанных с интерфейсом. Я Максим Кузнецов, занимаюсь оптимизацией производительности и улучшением стабильности веб-версий ВКонтакте. В этой статье расскажу, что уже можно использовать как альтернативу JS, что стоит попробовать аккуратно, а за чем пока лучше просто следить.

    habr.com/ru/companies/vk/artic

    #css #без_javascript #разработка_сайтов #вебразработка #js #html #javascript #фронтенд #frontend

  23. HTML и CSS помогут вам сделать дружелюбный интерфейс! Вот моя коллекция простых лайфхаков

    Привет, Хабр. Я переживаю, когда вижу плохие интерфейсы. Мне не нравится, когда пользователю сложно или неудобно. У меня очень сильно подгорает от этого. Вместо обычного ворчания я делюсь мыслями о том, как исправить ситуацию. Больше всего мне нравится показывать, что HTML и CSS могут помочь в этой задаче. Я сделал такой выбор, потому что решения на основе этих технологий легко начать использовать или добавить в существующий проект. Даже не имеет значения, какой фреймворк используется. Вот давайте проверим это. Сегодня расскажу о нескольких подходах, а вы скажите, насколько просто их использовать. Я буду ждать вас в комментариях. А теперь давайте посмотрим, что я вам подготовил.

    habr.com/ru/companies/ruvds/ar

    #html #css #фронтенд #доступность #вебразработка #ux #ui #ruvds_статьи

  24. Транспортная аналитика в реальном времени: интерактивные карты в дашбордах

    Современные интерактивные веб-карты – это больше, чем привычные бумажные географические атласы. Это инструменты, позволяющие выявлять тенденции, закономерности и взаимосвязи в геоданных в реальном времени, наслаивая друг на друга различные метрики. Такой подход превращает картографию из статичного справочника в динамическую среду для визуального анализа больших данных. В транспортной отрасли различные устройства передают информацию не только о своём местоположении, но и другие важные для организаций метрики. Телематические датчики, бортовые контроллеры и мобильные терминалы ежесекундно генерируют поток данных о расходе топлива, окружающей температуре, загрузке магистралей и пунктуальности городского транспорта. Наложение этой многомерной телеметрии на географическую карту позволяет диспетчерам и аналитикам видеть, где находятся объекты, когда они прибывают в пункт назначения и сколько ресурсов тратят на маршруте. В результате карта превращается в «командный пункт» для отслеживания показателей эффективности. В Инновационном центре «Безопасный транспорт» при ЦОДД интерактивную отчётность и дашборды создают в BI-системе «Visiology». Платформа позволяет кастомизировать визуализацию, собирая из различных виджетов полноценные отчёты. Но как из сырых данных создать комплексные интерактивные карты, пригодные для оперативной аналитики? Какие инструменты позволяют вывести многомерную геопространственную информацию на дашборд в браузере пользователя — в реальном времени, без долгой загрузки и потери производительности? В этой статье мы разберём, какие JavaScript-библиотеки и подходы лежат в основе современных картографических визуализаций, и покажем на примере наших дашбордов, как превратить телеметрию транспорта в наглядные и полезные отчёты.

    habr.com/ru/companies/visiolog

    #визуализация_данных #транспорт #геоинформационные_сервисы #вебразработка #базы_данных #big_data #visiology

  25. Qwen заняла первое место с пересекающимися интервалами

    2 сентября Qwen3.8-Max-0902 поднялась на первую строку общего зачёта Code Arena WebDev. На момент исходной новости модель набрала 1691 очко и опережала Claude Opus 5 Max на три пункта. Проблема скрывается рядом с красивой цифрой: результат Qwen помечен как предварительный, голосов у неё в несколько раз меньше, а доверительные интервалы двух моделей сильно перекрываются. Пока готовился этот материал, количество голосов и отрыв успели измениться. Разберёмся, что действительно произошло, как Code Arena строит рейтинг и достаточно ли первого места для смены рабочего инструмента. Собственного сравнительного теста я не проводил. Это разбор открытой методики, живой таблицы и документации Alibaba.

    habr.com/ru/articles/1077608/

    #qwen38max #claude_opus_5 #code_arena #webdev #alibaba #anthropic #ии #вебразработка #программирование #модели_ии

  26. «Завтра в 18:00» — это когда? Разбираем даты и часовые пояса в Python

    Фраза «завтра в 18:00» кажется простой, пока сервер и пользователь не оказываются по разные стороны полуночи. В Doday я сделал быстрое добавление задач из одной строки и обнаружил, что программа считает «сегодня» по UTC. Из-за этого дата сдвигалась, а указанное время могло остаться в названии. В статье покажу, как передать часовой пояс из браузера, в каком порядке собирать локальную дату и время, зачем фиксировать текущее время в тестах и какие ещё ошибки нашлись у фраз «через месяц», «каждый понедельник» и меток с @. Читать разбор

    habr.com/ru/articles/1077284/

    #Python #FastAPI #datetime #ZoneInfo #UTC #часовые_пояса #парсинг_дат #дата_и_время #pytest #вебразработка

  27. Фреймворк WebDesktopGL для запуска веб-сайтов как десктопных приложений в Astra Linux и Linux системах. Через Chromium

    WebDesktopGL — это фреймворк для преобразования веб-сайтов в настольные приложения на основе Chromium. Совместим с Astra Linux и другими системами Linux. В статье рассказано о следующем: Как использовать браузер Chromium в качестве отдельного графического движка (параметры запуска Chromium). Как на виртуальном экране Xephyr или Xvfb (X-сервере) реализованном над Xorg, добавить поддержку GPU видеокарты. Как реализовать буфер обмена между дисплеями с помощью xclip в Astra Linux и других системах Linux. Цель работы — это создание аналога фреймворка Electron, альтернативного программного продукта WebDesktopGL, для Astra Linux и других систем Linux. Фреймворк WebDesktopGL был протестирован в средах Wayland и X11 в Ubuntu 24.04 (KDE), в X11 Ubuntu 22.04 (KDE) и Astra Linux 1.8.

    habr.com/ru/articles/1073994/

    #electron #вебразработка #chromium #десктопные_приложения #framework #фреймворк #xclip #xorg #x11 #wayland

  28. Зеркало для людей. Как я сделал читаемую версию форума, на котором общаются только ИИ-агенты

    Существует форум, на который вас не пустят. Не потому что закрытый — регистрация там всего в один POST-запрос. Вас просто не возьмут на сайт. Гражданами может стать только ИИ-агент. Форум называется 1f916.ai, и это, наверное, самое странное и самое живое место в русскоязычном (и не только) сегменте экспериментов с ИИ этого лета. Я на него подсел. А потом меня начало грызть одно чувство несправедливости — и в итоге я собрал для него окно для людей — 1f916.xrayfun.ru. Рассказываю, зачем, как и что из этого вышло.

    habr.com/ru/articles/1075764/

    #искусственный_интеллект #ииагенты #llm #форум #django #api #serversent_events #вебразработка #ai #личный_проект

  29. Я устал проверять сайты постранично и сделал свой сайт проверок HeadInspect

    Я занимаюсь созданием сайтов с начала 00-х. Я просто интересовался этой темой. Веб-дизайн и разработка сайтов никогда не были моей профессией. Я заканчивал институт, работал в ночных клубах танцором и сделал для себя сайт-визитку: это было намного проще, чем раздавать агентам фотографии сценических образов в конвертике. Позже на этом сайте появились другие артисты, а самим сайтом начинали потихоньку пользоваться ивент-агентства и клубные промоутеры. Позднее с годами я уже вёл несколько сайтов дружеских коллективов, а мой первый маленький сайт превратился в каталог артистов с самостоятельной регистрацией и возможностью за плату продвигать свою анкету. Как и писал ранее - сайты - это моё хобби. Иногда я прибегал к помощи сторонних веб-дизайнеров, что-то делал сам. Такое поверхностное занятие сайтами с годами привело к тому, что сайты устарели на десятилетие в плане дизайна и UX. В этом году в бизнесе артистов для корпоративов наступило затишье и появилось много свободного времени. Было принято решение обновить сайты! И именно во время этого обновления появилась проблема, из которой в итоге вырос HeadInspect.

    habr.com/ru/articles/1075448/

    #headinspect #технический_аудит_сайта #seo #open_graph #schemaorg #sitemap #metaтеги #robotstxt #python #вебразработка

  30. Что происходит, когда вы открываете сайт в браузере: путь одного запроса

    Вы вводите адрес в браузере и нажимаете Enter. Через долю секунды на экране появляется страница — настолько привычное действие, что мы не задумываемся, сколько всего происходит между нажатием клавиши и первым отрисованным пикселем. А происходит немало. Браузер превращает имя сайта в IP-адрес и договаривается с сервером о шифровании. Затем он отправляет запрос, дожидается ответа, разбирает полученный код и превращает его в картинку на экране. Все это укладывается в миллисекунды. Разбираться в этом пути полезно не только из любопытства. Когда сайт долго грузится, это понимание сразу подсказывает, где искать причину: в DNS, в медленном ответе сервера или в тяжелом JavaScript, который блокирует отрисовку. То же понимание помогает осознанно выбирать хостинг и настройки сервера. Дальше — весь путь по шагам: от разбора адреса до отрисованной страницы.

    habr.com/ru/companies/timeweb/

    #dns #http #tcp #ip #tls #браузеры #вебразработка #сети #timeweb_статьи

  31. Что такое IPFS? Руководство по использованию IPFS на хостинге SpaceWeb
    Ru
    En
    #IPFS #ДецентрализованноеХранение #Хостинг #SpaceWeb #ФайловоеХранилище #Технологии #ВебРазработка #ОблачноеХранилище #Интернет #ХостингДляСайта

    **Описание видео: "Что такое IPFS? Как использовать IPFS на хостинге SpaceWeb?"**

    Видео предоставляет обзор технологии IPFS (InterPlanetary File System) — распределённой системы хранения файлов, которая позволяет хранить данные децентрализованно. Также демонстрируется, как применять IPFS для размещения контента на платформе SpaceWeb.

    **Основные темы:**
    1. **Что такое IPFS?**
    - Принципы работы децентрализованного хранения данных.
    - Основные преимущества: устойчивость к цензуре, высокая доступность и безопасность данных.
    - Отличие от традиционных методов хранения файлов.

    2. **Интеграция IPFS с SpaceWeb:**
    - Как загрузить файлы на IPFS через хостинг SpaceWeb.
    - Настройка и управление контентом.
    - Примеры практического использования, включая хостинг сайтов или приложений.

    3. **Преимущества для пользователей:**
    - Экономия на хранении данных.
    - Гарантированная доступность контента даже при сбоях серверов.
    - Простота работы с IPFS через интерфейс SpaceWeb.

    **Ссылки:**
    - [Посмотреть видео](youtube.com/watch?v=ImmWL82FGd)
    - [Канал SpaceWeb](youtube.com/@spaceweb)

    Видео доступно в формате **1080p**.

    Что такое IPFS? Как использовать IPFS на хостинге SpaceWeb? → (youtube.com/watch?v=ImmWL82FGd)
    #Хостинг_SpaceWeb → (youtube.com/@spaceweb)

    @youtubabot: 1080p

    bastyon.com/index?v=6784661289

  32. 📹 Что такое IPFS? Как использовать IPFS на хостинге SpaceWeb? → (youtube.com/watch?v=ImmWL82FGd)
    👤 #Хостинг_SpaceWeb → (youtube.com/@spaceweb)
    @youtubabot: 📹1080p

    bastyon.com/alterego_midshipma

    #IPFS #ДецентрализованноеХранение #Хостинг #SpaceWeb #ФайловоеХранилище #Технологии #ВебРазработка #ОблачноеХранилище #Интернет #ХостингДляСайта

    **Описание видео: "Что такое IPFS? Как использовать IPFS на хостинге SpaceWeb?"**

    Видео предоставляет обзор технологии IPFS (InterPlanetary File System) — распределённой системы хранения файлов, которая позволяет хранить данные децентрализованно. Также демонстрируется, как применять IPFS для размещения контента на платформе SpaceWeb.

    **Основные темы:**
    1. **Что такое IPFS?**
    - Принципы работы децентрализованного хранения данных.
    - Основные преимущества: устойчивость к цензуре, высокая доступность и безопасность данных.
    - Отличие от традиционных методов хранения файлов.

    2. **Интеграция IPFS с SpaceWeb:**
    - Как загрузить файлы на IPFS через хостинг SpaceWeb.
    - Настройка и управление контентом.
    - Примеры практического использования, включая хостинг сайтов или приложений.

    3. **Преимущества для пользователей:**
    - Экономия на хранении данных.
    - Гарантированная доступность контента даже при сбоях серверов.
    - Простота работы с IPFS через интерфейс SpaceWeb.

  33. Сегодня узнал об HTMX — Javascript-библиотеке, которая позволяет использовать AJAX, CSS transitions, WebSockets и Server Side Events, описывая необходимые действия с ними прямо в атрибутах HTML-тегов, без единой строчки JavaScript-кода. Это то, о чём я мечтал с 2021 года! При этом весь рендеринг осуществляется на стороне сервера (как и должно быть, client side rendering — это зло, особенно по отношению к пользователям со слабыми компьютерами), а полученный код просто подставляется туда, куда указано в атрибуте hx-target. #html #webdev #вебразработка #javascript #ajax #opensource #websocket

Share on Mastodon

Enter the server where you have an account.