Mastodon 🐘

291 posts211 participants32 posts today

4X_ProСегодня попробовал ИИ <a href="https://lovable.dev/" rel="nofollow noopener noreferrer" target="_blank">lovable.dev</a>. Задал сгенерировать личный блог в цветах летнего дня: жёлтый, зелёный, синий с трёхколоночной раскладкой, контактами и формой подписки. В целом получилось неплохо, если не считать того, что он наглухо проигнорировал моё требование не использовать JavaScript-фреймворки и client-side-rendering и сделал всё на React. А кроме того, нет возможности проверить, предусмотрел ли он разбиение комментариев на страницы (обычно именно об это спотыкаются все подобные нейросети) с подгрузкой через AJAX или нет. И даже показатели загрузки приемлемые — всего 1.2 секунды общее время и меньше мегабайта вес страницы с картинками.Что особенно понравилось, так это то, что сразу сгенерировалась и приемлемая мобильная версия (ненавижу заниматься мобильной вёрсткой). Если кому интересно, вот ссылка на результат: <a href="https://summer-vibes-personal-page.lovable.app/" rel="nofollow noopener noreferrer" target="_blank">https://summer-vibes-personal-page.lovable.app/</a> <a class="hashtag" href="https://idealists.su/tag/ии" rel="nofollow noopener noreferrer" target="_blank">#ии</a> <a class="hashtag" href="https://idealists.su/tag/нейросети" rel="nofollow noopener noreferrer" target="_blank">#нейросети</a> <a class="hashtag" href="https://idealists.su/tag/webdev" rel="nofollow noopener noreferrer" target="_blank">#webdev</a>

Peter KrönerThat sinking feeling when you encounter "React.forwardRef" in a code base written by coked-out macaques with a penchant for patterns they half-remember from jQuery... 🫠 <a href="https://mastodon.social/tags/react" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#react</a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a>

Michael Klöpzig<a href="https://developer.chrome.com/blog/carousels-with-css" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://developer.chrome.com/blog/carousels-with-css</a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://mastodon.social/tags/webdevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdevelopment</a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#frontend</a> <a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a>

Chris Ferdinandi ⚓️⚓️ New Article: Can you nest Web Components inside each other? <a href="https://ift.tt/deYAh6E" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ift.tt/deYAh6E</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/FrontEndDeveloper" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FrontEndDeveloper</a> <a href="https://mastodon.social/tags/100DaysOfCode" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#100DaysOfCode</a> <a href="https://mastodon.social/tags/CodeNewbie" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CodeNewbie</a>

Harry W.A few weeks ago, I managed to negotiate Friday afternoons to focus on my own projects / stuff! 🥳 Today is the first afternoon of it, and so far I'm deep into Svelte and Auth0. Exciting stuff! <a href="https://mstdn.social/tags/WebDev" class="mention hashtag" rel="tag">#WebDev</a> <a href="https://mstdn.social/tags/StartUp" class="mention hashtag" rel="tag">#StartUp</a>

David MegginsonOurAirports.com is handling ~43K database-intensive requests/hour easily on a single, low-spec server — the AI bots haven't hurt us yet. Still, I think it's time to add a Varnish cache in front to future-proof it, because things are only going to get worse.I know just enough about cache invalidation to be nervous about the can of worms I'm about to open up. 😟 <a href="https://mstdn.ca/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://mstdn.ca/tags/tech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#tech</a> <a href="https://mstdn.ca/tags/aiBots" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#aiBots</a> <a href="https://mstdn.ca/tags/VarnishCache" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#VarnishCache</a>

Captain Steph<a href="https://fosstodon.org/tags/phprector" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#phprector</a> seems do more than <a href="https://fosstodon.org/tags/intelephense" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#intelephense</a> on the free tier.<a href="https://fosstodon.org/tags/php" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#php</a> <a href="https://fosstodon.org/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://fosstodon.org/tags/vscode" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#vscode</a>

Captain Steph<a href="https://hachyderm.io/@ferrata" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@ferrata</a> <a href="https://fosstodon.org/tags/react" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#react</a> likes to rerender<a href="https://fosstodon.org/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://fosstodon.org/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#javascript</a>

.:\dGh/:.F*ck Google.I've created a new package for using Cloudflare Turnstile, which is unlimited free and less abrasive than reCAPTCHA, which is now paid:<a href="https://github.com/Laragear/Turnstile" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/Laragear/Turnstile</a>Sponsoring is appreciated.<a href="https://mastodon.social/tags/PHP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#PHP</a> <a href="https://mastodon.social/tags/Programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Programming</a> <a href="https://mastodon.social/tags/CAPTCHA" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CAPTCHA</a> <a href="https://mastodon.social/tags/reCAPTCHA" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#reCAPTCHA</a> <a href="https://mastodon.social/tags/Google" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Google</a> <a href="https://mastodon.social/tags/Cloudflare" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Cloudflare</a> <a href="https://mastodon.social/tags/CloudflareTurnstile" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CloudflareTurnstile</a> <a href="https://mastodon.social/tags/Laravel" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Laravel</a> <a href="https://mastodon.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDevelopment</a> <a href="https://mastodon.social/tags/Enshitification" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Enshitification</a> <a href="https://mastodon.social/tags/GoogleCloud" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#GoogleCloud</a> <a href="https://mastodon.social/tags/GCP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#GCP</a> <a href="https://mastodon.social/tags/GoogleCloudPlatform" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#GoogleCloudPlatform</a> <a href="https://mastodon.social/tags/Software" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Software</a> <a href="https://mastodon.social/tags/SoftwareDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SoftwareDevelopment</a> <a href="https://mastodon.social/tags/Coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Coding</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Bots" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Bots</a>

Webdev WeeklyThe best SvelteKit codebase I've ever seen<a href="https://github.com/vercel/ai-chatbot-svelte" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/vercel/ai-chatbot-svelte</a>Discussions: <a href="https://discu.eu/q/https://github.com/vercel/ai-chatbot-svelte" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://discu.eu/q/https://github.com/vercel/ai-chatbot-svelte</a><a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#javascript</a> <a href="https://mastodon.social/tags/programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#programming</a> <a href="https://mastodon.social/tags/svelte" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#svelte</a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a>

Charles PerryRelated to my recent troubles with LLM scrapers DDOSing my web server, it looks like technical countermeasures requiring “proof of work” are appearing. <a href="https://mstdn.social/tags/WebDev" class="mention hashtag" rel="tag">#WebDev</a><a href="https://thelibre.news/foss-infrastructure-is-under-attack-by-ai-companies/" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://thelibre.news/foss-infrastructure-is-under-attack-by-ai-companies/</a> <a href="https://mstdn.social/@DazeEnd/114191989404792255" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://mstdn.social/@DazeEnd/114191989404792255</a>

PHP WeeklyCross-Language Queues: Sending Jobs from Node.js to Laravel - blog.thms.uk<a href="https://blog.thms.uk/2025/03/laravel-queue-nodejs" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://blog.thms.uk/2025/03/laravel-queue-nodejs</a>Discussions: <a href="https://discu.eu/q/https://blog.thms.uk/2025/03/laravel-queue-nodejs" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://discu.eu/q/https://blog.thms.uk/2025/03/laravel-queue-nodejs</a><a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#javascript</a> <a href="https://mastodon.social/tags/laravel" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#laravel</a> <a href="https://mastodon.social/tags/nodejs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#nodejs</a> <a href="https://mastodon.social/tags/php" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#php</a> <a href="https://mastodon.social/tags/programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#programming</a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a>

It's a me, MauroAnother update from my boomkarks-savings app rewrite. I'm done for now with the back-end, moving on to the front-end:<a href="https://www.mauromotion.com/posts/2025-03-21-002-delish-backend-wrap-up/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.mauromotion.com/posts/2025-03-21-002-delish-backend-wrap-up/</a><a href="https://mograph.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://mograph.social/tags/buildinpublic" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#buildinpublic</a> <a href="https://mograph.social/tags/reactjs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#reactjs</a> <a href="https://mograph.social/tags/django" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#django</a> <a href="https://mograph.social/tags/python" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#python</a> <a href="https://mograph.social/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#javascript</a> <a href="https://mograph.social/tags/blog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#blog</a>

Curtis WilcoxWeb <a href="https://c.im/tags/accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#accessibility</a> folks, especially ones who get involved with specs, what do you think about CSS Overflow Module Level 5? It's "adding the ability to generate and associate various scrolling controls (markers to indicate scroll progress, buttons to trigger scrolling)…"Chrome 135 (next month?) is shipping with support for pseudo-elements that:* have semantic roles. * are in the focus order. * are named by the `content` property. * user-agent defined behaviors (moving the associated scroll area).`scroll-marker-group` creates a whole ARIA tabs pattern, minus the tabpanels! Well, "whole" except the tabs aren't named.<a href="https://developer.chrome.com/blog/carousels-with-css" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://developer.chrome.com/blog/carousels-with-css</a><a href="https://drafts.csswg.org/css-overflow-5/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://drafts.csswg.org/css-overflow-5/</a><a href="https://c.im/tags/a11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#a11y</a> <a href="https://c.im/tags/webDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webDev</a>

David Bisset"Dad, my professor said I should treat <a href="https://phpc.social/tags/programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#programming</a> as a playground - experiment and have fun."🤔<a href="https://phpc.social/tags/memes" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#memes</a> <a href="https://phpc.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://phpc.social/tags/lifechoices" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#lifechoices</a>

westbrook<a href="https://mastodon.social/@stuffbreaker" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@stuffbreaker</a> Is this a "Hot Take"? I thought this was _just the facts_. ™️If there is a developer between you and an end user your user is the developer. Make their job easier, bring <a href="https://mastodon.social/tags/a11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#a11y</a> to the surface, bring <a href="https://mastodon.social/tags/performance" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#performance</a> to the surface, bring <a href="https://mastodon.social/tags/usability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#usability</a> to the surface by making it such that what is easy is what is right and what is right will serve their use (maybe the end user) in was that they would likely not have done without your <a href="https://mastodon.social/tags/designSystem" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#designSystem</a>.<a href="https://mastodon.social/tags/developingDesignSystems" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#developingDesignSystems</a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webDev</a> <a href="https://mastodon.social/tags/users" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#users</a>

Alvin AshcraftDew Drop – March 21, 2025 (#4387) <a href="https://www.alvinashcraft.com/2025/03/21/dew-drop-march-21-2025-4387/" rel="nofollow noopener noreferrer" target="_blank">www.alvinashcraft.com/2025/03/21/d...</a> <a class="hashtag" href="https://bsky.app/search?q=%23visualstuido" rel="nofollow noopener noreferrer" target="_blank">#visualstuido</a> <a class="hashtag" href="https://bsky.app/search?q=%23ai" rel="nofollow noopener noreferrer" target="_blank">#ai</a> <a class="hashtag" href="https://bsky.app/search?q=%23webdev" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a class="hashtag" href="https://bsky.app/search?q=%23csharp" rel="nofollow noopener noreferrer" target="_blank">#csharp</a> <a class="hashtag" href="https://bsky.app/search?q=%23cloud" rel="nofollow noopener noreferrer" target="_blank">#cloud</a> <a class="hashtag" href="https://bsky.app/search?q=%23windowsdev" rel="nofollow noopener noreferrer" target="_blank">#windowsdev</a> <a class="hashtag" href="https://bsky.app/search?q=%23dotnet" rel="nofollow noopener noreferrer" target="_blank">#dotnet</a> <a class="hashtag" href="https://bsky.app/search?q=%23mobiledev" rel="nofollow noopener noreferrer" target="_blank">#mobiledev</a> <a class="hashtag" href="https://bsky.app/search?q=%23dewdrop" rel="nofollow noopener noreferrer" target="_blank">#dewdrop</a> <a href="https://www.alvinashcraft.com/2025/03/21/dew-drop-march-21-2025-4387/" rel="nofollow noopener noreferrer" target="_blank">Dew Drop – March 21, 2025 (#43...</a>

Alvin Ashcraft 🐿️Dew Drop – March 21, 2025 (#4387)<a href="https://www.alvinashcraft.com/2025/03/21/dew-drop-march-21-2025-4387/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.alvinashcraft.com/2025/03/21/dew-drop-march-21-2025-4387/</a><a href="https://hachyderm.io/tags/visualstuido" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#visualstuido</a> <a href="https://hachyderm.io/tags/ai" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ai</a> <a href="https://hachyderm.io/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://hachyderm.io/tags/csharp" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#csharp</a> <a href="https://hachyderm.io/tags/cloud" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#cloud</a> <a href="https://hachyderm.io/tags/windowsdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#windowsdev</a> <a href="https://hachyderm.io/tags/dotnet" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dotnet</a> <a href="https://hachyderm.io/tags/mobiledev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#mobiledev</a> <a href="https://hachyderm.io/tags/dewdrop" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dewdrop</a>

peterStill on the <a href="https://mastodon.social/tags/AI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#AI</a> topic, specifically <a href="https://mastodon.social/tags/llmstxt" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#llmstxt</a> If a tool or library offers an llms.txt-file to help an assistant provide better IDE completions, do you use it? (See DaisyUI for example.)<a href="https://mastodon.social/tags/ide" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ide</a> <a href="https://mastodon.social/tags/python" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#python</a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a>

Stephan H. WisselSpeak after me: Markup belongs in html files Style belongs in css files Script belongs in js fileWho mixes them up gets punished with JSX until kingdom come or until CSP puts an end to it, whatever happens first. <a href="https://chaos.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://chaos.social/tags/csp" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#csp</a> <a href="https://chaos.social/tags/insecure" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#insecure</a>-inline

Recent searches

Search options

Administered by:

Server stats:

#WebDev