toad.social

WulfricWhat do you call someone that slashes code bases to ribbons but somehow produces something that works (mostly)?Freddy Kludger<a href="https://beige.party/tags/Dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#Dev</a> <a href="https://beige.party/tags/DevHumor" class="mention hashtag" rel="nofollow noopener" target="_blank">#DevHumor</a> <a href="https://beige.party/tags/CodeHumor" class="mention hashtag" rel="nofollow noopener" target="_blank">#CodeHumor</a>

anorax<a href="https://framapiaf.org/tags/Dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#Dev</a> J'imagine que je suis le dernier à découvrir QuickRef (?)Mais comment c'est bien sa maman ! Pour ceux et celles qui connaîtraient pas, c'est un site qui collectionne les aide-mémoires pour les développeur⋅euses… et les amateurs comme moi qui bidouillent et font des p'tits scripts.👉 <a href="https://quickref.me/" rel="nofollow noopener" translate="no" target="_blank">https://quickref.me/</a>Exemple avec le bash :

Dusk To Don :raccoon:@ albertatech makes fantastic, hilarious content. Here's a great YouTube short describing a comical horror story of mansplaining vibe coder on a plane, and semicolons<a href="https://www.youtube.com/shorts/xBilK3gT5e0" rel="nofollow noopener" translate="no" target="_blank">https://www.youtube.com/shorts/xBilK3gT5e0</a><a href="https://todon.eu/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#dev</a> <a href="https://todon.eu/tags/humor" class="mention hashtag" rel="nofollow noopener" target="_blank">#humor</a>

gee Ⓐ⚑[Archive — 2023] Comment j'ai rejoint la communauté du bug 323En développant Superflu Riteurnz, je suis tombé sur un bug chelou que j'ai mis un bon moment à comprendre… je vous raconte.▶️ Lire cet article : <a href="https://studios.ptilouk.net/superflu-riteurnz/blog/2023-08-11_bug323.html" rel="nofollow noopener" translate="no" target="_blank">https://studios.ptilouk.net/superflu-riteurnz/blog/2023-08-11_bug323.html</a> 📗 Le livre « Les aventures de Superflu » : <a href="https://editions.ptilouk.net/superflu" rel="nofollow noopener" translate="no" target="_blank">https://editions.ptilouk.net/superflu</a> ❤️ Soutien : <a href="https://ptilouk.net/#soutien" rel="nofollow noopener" translate="no" target="_blank">https://ptilouk.net/#soutien</a><a href="https://framapiaf.org/tags/archive" class="mention hashtag" rel="nofollow noopener" target="_blank">#archive</a> <a href="https://framapiaf.org/tags/SuperfluRiteurnz" class="mention hashtag" rel="nofollow noopener" target="_blank">#SuperfluRiteurnz</a> <a href="https://framapiaf.org/tags/GameDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#GameDev</a> <a href="https://framapiaf.org/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#dev</a> <a href="https://framapiaf.org/tags/bug" class="mention hashtag" rel="nofollow noopener" target="_blank">#bug</a> <a href="https://framapiaf.org/tags/GCC" class="mention hashtag" rel="nofollow noopener" target="_blank">#GCC</a> <a href="https://framapiaf.org/tags/bug323" class="mention hashtag" rel="nofollow noopener" target="_blank">#bug323</a> <a href="https://studios.ptilouk.net/superflu-riteurnz/blog/2023-08-11_bug323.html" rel="nofollow noopener" translate="no" target="_blank">https://studios.ptilouk.net/superflu-riteurnz/blog/2023-08-11_bug323.html</a>

LFAThe do...while() loop is a great and elegant construct for avoiding off-by-one errors. Shame for all the languages that don't have it. Of course C has it 😉 <a href="https://hostux.social/tags/c" class="mention hashtag" rel="nofollow noopener" target="_blank">#c</a> <a href="https://hostux.social/tags/programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#programming</a> <a href="https://hostux.social/tags/cprogramming" class="mention hashtag" rel="nofollow noopener" target="_blank">#cprogramming</a> <a href="https://hostux.social/tags/programmer" class="mention hashtag" rel="nofollow noopener" target="_blank">#programmer</a> <a href="https://hostux.social/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#dev</a>

NestachPlaying a bit with the shield enemies and their hit boxes to see how they work with the player and in the level <a href="https://mastodon.gamedev.place/tags/gamedev" class="mention hashtag" rel="nofollow noopener" target="_blank">#gamedev</a> <a href="https://mastodon.gamedev.place/tags/indiegame" class="mention hashtag" rel="nofollow noopener" target="_blank">#indiegame</a> <a href="https://mastodon.gamedev.place/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#coding</a> <a href="https://mastodon.gamedev.place/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#dev</a> <a href="https://mastodon.gamedev.place/tags/indiedev" class="mention hashtag" rel="nofollow noopener" target="_blank">#indiedev</a> <a href="https://mastodon.gamedev.place/tags/unreal" class="mention hashtag" rel="nofollow noopener" target="_blank">#unreal</a> <a href="https://mastodon.gamedev.place/tags/madewithunreal" class="mention hashtag" rel="nofollow noopener" target="_blank">#madewithunreal</a> <a href="https://mastodon.gamedev.place/tags/gaming" class="mention hashtag" rel="nofollow noopener" target="_blank">#gaming</a> <a href="https://mastodon.gamedev.place/tags/videogames" class="mention hashtag" rel="nofollow noopener" target="_blank">#videogames</a> <a href="https://mastodon.gamedev.place/tags/gameplay" class="mention hashtag" rel="nofollow noopener" target="_blank">#gameplay</a> <a href="https://mastodon.gamedev.place/tags/3d" class="mention hashtag" rel="nofollow noopener" target="_blank">#3d</a> <a href="https://mastodon.gamedev.place/tags/blender3d" class="mention hashtag" rel="nofollow noopener" target="_blank">#blender3d</a> <a href="https://mastodon.gamedev.place/tags/UnreaEngine5" class="mention hashtag" rel="nofollow noopener" target="_blank">#UnreaEngine5</a> <a href="https://mastodon.gamedev.place/tags/animation" class="mention hashtag" rel="nofollow noopener" target="_blank">#animation</a> <a href="https://mastodon.gamedev.place/tags/shader" class="mention hashtag" rel="nofollow noopener" target="_blank">#shader</a> <a href="https://mastodon.gamedev.place/tags/nature" class="mention hashtag" rel="nofollow noopener" target="_blank">#nature</a> <a href="https://mastodon.gamedev.place/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#coding</a> <a href="https://mastodon.gamedev.place/tags/conceptart" class="mention hashtag" rel="nofollow noopener" target="_blank">#conceptart</a>

Dusk To Don :raccoon:<a href="https://mastodon.social/@benroyce" class="u-url mention" rel="nofollow noopener" target="_blank">@benroyce</a> <a href="https://mastodon.social/@nixCraft" class="u-url mention" rel="nofollow noopener" target="_blank">@nixCraft</a> // Dear maintainer: // // Once you are done trying to 'optimize' this routine, // and have realized what a terrible mistake that was, // please increment the following counter as a warning // to the next guy: // // total_hours_wasted_here = 42Source: <a href="https://stackoverflow.com/a/482129" rel="nofollow noopener" translate="no" target="_blank">https://stackoverflow.com/a/482129</a><a href="https://todon.eu/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#dev</a>

AnthonyIf you take the stance that technical debt is code nobody understands, then current LLM-based code generators are technical debt generators until somebody reads and understands their output. If you take the stance that writing is thinking--that writing is among other things a process by which we order our thoughts--then understanding code generator output will require substantial rewriting of the code by whomever is tasked with converting it from technical debt to technical asset. <a href="https://buc.ci?t=ai" class="mention hashtag" rel="nofollow noopener" target="_blank">#AI</a> <a href="https://buc.ci?t=genai" class="mention hashtag" rel="nofollow noopener" target="_blank">#GenAI</a> <a href="https://buc.ci?t=generativeai" class="mention hashtag" rel="nofollow noopener" target="_blank">#GenerativeAI</a> <a href="https://buc.ci?t=llm" class="mention hashtag" rel="nofollow noopener" target="_blank">#LLM</a> <a href="https://buc.ci?t=codeassistant" class="mention hashtag" rel="nofollow noopener" target="_blank">#CodeAssistant</a> <a href="https://buc.ci?t=agenticai" class="mention hashtag" rel="nofollow noopener" target="_blank">#AgenticAI</a> <a href="https://buc.ci?t=tech" class="mention hashtag" rel="nofollow noopener" target="_blank">#tech</a> <a href="https://buc.ci?t=dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#dev</a> <a href="https://buc.ci?t=coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#coding</a> <a href="https://buc.ci?t=technicaldebt" class="mention hashtag" rel="nofollow noopener" target="_blank">#TechnicalDebt</a>

Aral BalkanOK, so here’s likely the simplest possible example demonstrating:• The same route, implemented as both a Kitten JavaScript Page (.page.js) and as a Kitten Markdown Page (.page.md)• How to persist to the default Kitten JSDB¹ database.(That first line with the nullish coalescing operator creates a “table” on the database with a default value for the count if it doesn’t already exist.)<a href="https://kitten.small-web.org" rel="nofollow noopener" translate="no" target="_blank">https://kitten.small-web.org</a>¹ <a href="https://kitten.small-web.org/tutorials/persistence/" rel="nofollow noopener" translate="no" target="_blank">https://kitten.small-web.org/tutorials/persistence/</a><a href="https://mastodon.ar.al/tags/Kitten" class="mention hashtag" rel="nofollow noopener" target="_blank">#Kitten</a> <a href="https://mastodon.ar.al/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#SmallWeb</a> <a href="https://mastodon.ar.al/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#web</a> <a href="https://mastodon.ar.al/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#dev</a> <a href="https://mastodon.ar.al/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a> <a href="https://mastodon.ar.al/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> <a href="https://mastodon.ar.al/tags/Markdown" class="mention hashtag" rel="nofollow noopener" target="_blank">#Markdown</a> <a href="https://mastodon.ar.al/tags/example" class="mention hashtag" rel="nofollow noopener" target="_blank">#example</a> <a href="https://mastodon.ar.al/tags/comingSoon" class="mention hashtag" rel="nofollow noopener" target="_blank">#comingSoon</a>

Aral BalkanComing soon (likely this afternoon, I’m writing tests and docs and updating examples as we speak)… This is the sort of thing you’ll be able to do with Markdown pages. Just pop any arbitrary JavaScript you want in the new script block in the front matter and then import and use components as well as plain old JavaScript tagged template variable interpolation (not shown in this example) inside your Markdown.The screen has all the code (sans the end of the last line of CSS and the closing tags for the <style> and <div> in the Reactions component, which I couldn’t make fit without reducing the font size) for the example you see in the browser with functional buttons that persist their state to Kitten’s built-in default database.When I say all the code, I mean all the code. There is no scaffolding. Those two files are the only two files in the project.<a href="https://kitten.small-web.org" rel="nofollow noopener" translate="no" target="_blank">https://kitten.small-web.org</a><a href="https://mastodon.ar.al/tags/Kitten" class="mention hashtag" rel="nofollow noopener" target="_blank">#Kitten</a> <a href="https://mastodon.ar.al/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#SmallWeb</a> <a href="https://mastodon.ar.al/tags/SmallTech" class="mention hashtag" rel="nofollow noopener" target="_blank">#SmallTech</a> <a href="https://mastodon.ar.al/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> <a href="https://mastodon.ar.al/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://mastodon.ar.al/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a> <a href="https://mastodon.ar.al/tags/JS" class="mention hashtag" rel="nofollow noopener" target="_blank">#JS</a> <a href="https://mastodon.ar.al/tags/Markdown" class="mention hashtag" rel="nofollow noopener" target="_blank">#Markdown</a> <a href="https://mastodon.ar.al/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#web</a> <a href="https://mastodon.ar.al/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#dev</a> <a href="https://mastodon.ar.al/tags/comingSoon" class="mention hashtag" rel="nofollow noopener" target="_blank">#comingSoon</a>

𝕂𝚞𝚋𝚒𝚔ℙ𝚒𝚡𝚎𝚕Single-file HTML apps – HyperclayExperience the Zen of making, hosting, and sharing great software in a single, portable, self-updating, vanilla HTML file🐞 <a href="https://hyperclay.com" rel="nofollow noopener" translate="no" target="_blank">https://hyperclay.com</a><a href="https://chaos.social/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#web</a> <a href="https://chaos.social/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#html</a> <a href="https://chaos.social/tags/app" class="mention hashtag" rel="nofollow noopener" target="_blank">#app</a> <a href="https://chaos.social/tags/hyperclay" class="mention hashtag" rel="nofollow noopener" target="_blank">#hyperclay</a> <a href="https://chaos.social/tags/ui" class="mention hashtag" rel="nofollow noopener" target="_blank">#ui</a> <a href="https://chaos.social/tags/hosting" class="mention hashtag" rel="nofollow noopener" target="_blank">#hosting</a> <a href="https://chaos.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://chaos.social/tags/zen" class="mention hashtag" rel="nofollow noopener" target="_blank">#zen</a> <a href="https://chaos.social/tags/singlefile" class="mention hashtag" rel="nofollow noopener" target="_blank">#singlefile</a> <a href="https://chaos.social/tags/apps" class="mention hashtag" rel="nofollow noopener" target="_blank">#apps</a> <a href="https://chaos.social/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#dev</a>

𝕂𝚞𝚋𝚒𝚔ℙ𝚒𝚡𝚎𝚕FPV Protocols Explained (CRSF, SBUS, DSHOT, ACCST, PPM, PWM and more)This post will give a broad overview of all the common RC protocols in FPV, and how they fit into the communication system in an FPV drone, and what their differences are.🌐 <a href="https://oscarliang.com/rc-protocols/" rel="nofollow noopener" translate="no" target="_blank">https://oscarliang.com/rc-protocols/</a><a href="https://chaos.social/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#web</a> <a href="https://chaos.social/tags/FPS" class="mention hashtag" rel="nofollow noopener" target="_blank">#FPS</a> <a href="https://chaos.social/tags/CRSF" class="mention hashtag" rel="nofollow noopener" target="_blank">#CRSF</a> <a href="https://chaos.social/tags/SBUS" class="mention hashtag" rel="nofollow noopener" target="_blank">#SBUS</a> <a href="https://chaos.social/tags/DSHOT" class="mention hashtag" rel="nofollow noopener" target="_blank">#DSHOT</a> <a href="https://chaos.social/tags/RC" class="mention hashtag" rel="nofollow noopener" target="_blank">#RC</a> <a href="https://chaos.social/tags/FPV" class="mention hashtag" rel="nofollow noopener" target="_blank">#FPV</a> <a href="https://chaos.social/tags/ACCST" class="mention hashtag" rel="nofollow noopener" target="_blank">#ACCST</a> <a href="https://chaos.social/tags/PPM" class="mention hashtag" rel="nofollow noopener" target="_blank">#PPM</a> <a href="https://chaos.social/tags/PWM" class="mention hashtag" rel="nofollow noopener" target="_blank">#PWM</a> <a href="https://chaos.social/tags/transfare" class="mention hashtag" rel="nofollow noopener" target="_blank">#transfare</a> <a href="https://chaos.social/tags/file" class="mention hashtag" rel="nofollow noopener" target="_blank">#file</a> <a href="https://chaos.social/tags/system" class="mention hashtag" rel="nofollow noopener" target="_blank">#system</a> <a href="https://chaos.social/tags/protocol" class="mention hashtag" rel="nofollow noopener" target="_blank">#protocol</a> <a href="https://chaos.social/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#dev</a> <a href="https://chaos.social/tags/network" class="mention hashtag" rel="nofollow noopener" target="_blank">#network</a> <a href="https://chaos.social/tags/it" class="mention hashtag" rel="nofollow noopener" target="_blank">#it</a> <a href="https://chaos.social/tags/net" class="mention hashtag" rel="nofollow noopener" target="_blank">#net</a>

Aral BalkanRewriting the Windows section of Kitten’s installation instructions.Update: it’s live now.<a href="https://kitten.small-web.org/" rel="nofollow noopener" translate="no" target="_blank">https://kitten.small-web.org/</a><a href="https://mastodon.ar.al/tags/Kitten" class="mention hashtag" rel="nofollow noopener" target="_blank">#Kitten</a> <a href="https://mastodon.ar.al/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#SmallWeb</a> <a href="https://mastodon.ar.al/tags/SmallTech" class="mention hashtag" rel="nofollow noopener" target="_blank">#SmallTech</a> <a href="https://mastodon.ar.al/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#web</a> <a href="https://mastodon.ar.al/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#dev</a> <a href="https://mastodon.ar.al/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> <a href="https://mastodon.ar.al/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://mastodon.ar.al/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a> <a href="https://mastodon.ar.al/tags/NodeJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#NodeJS</a> <a href="https://mastodon.ar.al/tags/FOSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#FOSS</a> <a href="https://mastodon.ar.al/tags/tech" class="mention hashtag" rel="nofollow noopener" target="_blank">#tech</a> <a href="https://mastodon.ar.al/tags/Windows" class="mention hashtag" rel="nofollow noopener" target="_blank">#Windows</a> <a href="https://mastodon.ar.al/tags/Microsoft" class="mention hashtag" rel="nofollow noopener" target="_blank">#Microsoft</a> <a href="https://mastodon.ar.al/tags/israel" class="mention hashtag" rel="nofollow noopener" target="_blank">#israel</a> <a href="https://mastodon.ar.al/tags/genocide" class="mention hashtag" rel="nofollow noopener" target="_blank">#genocide</a> <a href="https://mastodon.ar.al/tags/ethnicCleansing" class="mention hashtag" rel="nofollow noopener" target="_blank">#ethnicCleansing</a> <a href="https://mastodon.ar.al/tags/apartheid" class="mention hashtag" rel="nofollow noopener" target="_blank">#apartheid</a> <a href="https://mastodon.ar.al/tags/settlerColonialism" class="mention hashtag" rel="nofollow noopener" target="_blank">#settlerColonialism</a> <a href="https://mastodon.ar.al/tags/Palestine" class="mention hashtag" rel="nofollow noopener" target="_blank">#Palestine</a> <a href="https://mastodon.ar.al/tags/Gaza" class="mention hashtag" rel="nofollow noopener" target="_blank">#Gaza</a> <a href="https://mastodon.ar.al/tags/WestBank" class="mention hashtag" rel="nofollow noopener" target="_blank">#WestBank</a> <a href="https://mastodon.ar.al/tags/StopIsrael" class="mention hashtag" rel="nofollow noopener" target="_blank">#StopIsrael</a> <a href="https://mastodon.ar.al/tags/StopTheGenocide" class="mention hashtag" rel="nofollow noopener" target="_blank">#StopTheGenocide</a> <a href="https://mastodon.ar.al/tags/BoycottDivestmentSanctions" class="mention hashtag" rel="nofollow noopener" target="_blank">#BoycottDivestmentSanctions</a> <a href="https://mastodon.ar.al/tags/BDS" class="mention hashtag" rel="nofollow noopener" target="_blank">#BDS</a> <a href="https://mastodon.ar.al/tags/FreePalestine" class="mention hashtag" rel="nofollow noopener" target="_blank">#FreePalestine</a>

Aral BalkanBloody hell, finally, I think I’m done with the Markdown support rewrite in Kitten.The Markdown rule for interpreting four spaces as code fences has been the biggest pain in my neck during this whole ordeal but, bitching aside, it means the parser is now more accurate and thus stronger for it.If all goes well, expect a Monday release :)<a href="https://kitten.small-web.org" rel="nofollow noopener" translate="no" target="_blank">https://kitten.small-web.org</a>:kitten:💕<a href="https://mastodon.ar.al/tags/Kitten" class="mention hashtag" rel="nofollow noopener" target="_blank">#Kitten</a> <a href="https://mastodon.ar.al/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#SmallWeb</a> <a href="https://mastodon.ar.al/tags/SmallTech" class="mention hashtag" rel="nofollow noopener" target="_blank">#SmallTech</a> <a href="https://mastodon.ar.al/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#web</a> <a href="https://mastodon.ar.al/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#dev</a> <a href="https://mastodon.ar.al/tags/Markdown" class="mention hashtag" rel="nofollow noopener" target="_blank">#Markdown</a> <a href="https://mastodon.ar.al/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> <a href="https://mastodon.ar.al/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://mastodon.ar.al/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a> <a href="https://mastodon.ar.al/tags/NodeJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#NodeJS</a>

Dusk To Don :raccoon:Apparently <a href="https://todon.eu/tags/LaunchDarkly" class="mention hashtag" rel="nofollow noopener" target="_blank">#LaunchDarkly</a> has a feature called "multi-armed bandits"!?<a href="https://launchdarkly.com/docs/home/multi-armed-bandits" rel="nofollow noopener" translate="no" target="_blank">https://launchdarkly.com/docs/home/multi-armed-bandits</a>Happily, this person on LI made the graphic that feature name conjured in my head.Image source: <a href="https://www.linkedin.com/pulse/applying-learnings-from-multi-armed-bandits-long-term-satya-chilukuri/" rel="nofollow noopener" translate="no" target="_blank">https://www.linkedin.com/pulse/applying-learnings-from-multi-armed-bandits-long-term-satya-chilukuri/</a><a href="https://todon.eu/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#dev</a>

Dan Q🧑‍🏫 Clever nerds: Rules for accessible, high-performance, non-brittle <a href="https://m.danq.me/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#frontend</a> <a href="https://m.danq.me/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#web</a> <a href="https://m.danq.me/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#dev</a>: 1. Don't use <a href="https://m.danq.me/tags/JS" class="mention hashtag" rel="nofollow noopener" target="_blank">#JS</a> to do something you can do in <a href="https://m.danq.me/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a>. 2. Don't rely on CSS to do break <a href="https://m.danq.me/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a>.🍺 Me: Hold my beer. I'm gonna use the <details> element to build a lightbox...<a href="https://danq.me/details-summary-lightboxes-in-pure-html-css" rel="nofollow noopener" translate="no" target="_blank">https://danq.me/details-summary-lightboxes-in-pure-html-css</a>

Ana Tudor 🐯I just don't get why anyone would use:``` display: flex; flex-direction: column ```when `display: grid` is supported, shorter to write and allows for a lot more flexibility if you want more from your layout.<a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener" target="_blank">#code</a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#coding</a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#frontend</a> <a href="https://mastodon.social/tags/layout" class="mention hashtag" rel="nofollow noopener" target="_blank">#layout</a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#web</a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#dev</a> <a href="https://mastodon.social/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#webDevelopment</a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webDev</a> <a href="https://mastodon.social/tags/cssLayout" class="mention hashtag" rel="nofollow noopener" target="_blank">#cssLayout</a> <a href="https://mastodon.social/tags/cssGrid" class="mention hashtag" rel="nofollow noopener" target="_blank">#cssGrid</a> <a href="https://mastodon.social/tags/cssFlexbox" class="mention hashtag" rel="nofollow noopener" target="_blank">#cssFlexbox</a>

Aral BalkanThe new integrated Markdown parser I’ve been implementing in Kitten has been kicking my ass for the past few weeks but I think I finally have it fully working and seamlessly so. Expect a new release this/next week that brings the parsing of Markdown pages (.page.md files) in your apps up to the standard of the recently-improved runtime Markdown parsing in Kitten HTML tagged-template strings (within `<markdown>…</markdown>` blocks).The coolest thing is I was able to implement this without introducing any new syntax. In fact, I was able to simplify things so that you can now add arbitrary JavaScript to your Markdown pages within a multi-line script block in the YAML front matter (`script: |`) and use JavaScript string interpolation syntax in your Markdown (and, of course, Kitten components and conditionals, which, themselves, rely on string interpolation).The only place where you have to deviate from standard Markdown in your Markdown pages is if you have JavaScript string interpolations or Kitten components/conditionals in code fences within your Markdown. In that case, you’ll have to escape them (e.g., `<\${Component} />`, `\<if \${something}>something\</if>`, etc.). And, to be fair, the person most impacted by this is likely me as the Kitten documentation at <a href="https://kitten.small-web.org" rel="nofollow noopener" translate="no" target="_blank">https://kitten.small-web.org</a> is written in Kitten so I had a lot of escaping to do. But for any other use case, it means that things should just work and work exactly as they do in JavaScript pages (page.js files).Anyway, so this is going to be a breaking change so I thought I’d give you (the three of you playing with Kitten right now?) a heads up. Of course, I’ll be updating the documentation to reflect all this.(Remember, Kitten is in pre-release and it’s the framework I’m building/using to create Catalyst – the Small Web hosting solution – and Yarn – a small web – peer to peer – personal site app. So Kitten isn’t the means, not the end. And, at least until the Version 1 API freeze, things can and will break. That said, there’s nothing stopping you from playing with it now and, to be fair, at this point, such breaking changes should become rarer and rarer).:kitten:💕<a href="https://mastodon.ar.al/tags/Kitten" class="mention hashtag" rel="nofollow noopener" target="_blank">#Kitten</a> <a href="https://mastodon.ar.al/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#SmallWeb</a> <a href="https://mastodon.ar.al/tags/SmallTech" class="mention hashtag" rel="nofollow noopener" target="_blank">#SmallTech</a> <a href="https://mastodon.ar.al/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#web</a> <a href="https://mastodon.ar.al/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#dev</a> <a href="https://mastodon.ar.al/tags/Markdown" class="mention hashtag" rel="nofollow noopener" target="_blank">#Markdown</a> <a href="https://mastodon.ar.al/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a> <a href="https://mastodon.ar.al/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> <a href="https://mastodon.ar.al/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://mastodon.ar.al/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a> <a href="https://mastodon.ar.al/tags/NodeJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#NodeJS</a>

grob 🇺🇦:intersexprogresspride:What do you consider more risky in a large multi-dev long-running software project: adding features or removing features? General gut feeling, not specific instances of either.For removing I mean not only detaching from user visibility, but removing the obsolete code.<a href="https://mstdn.social/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#dev</a> <a href="https://mstdn.social/tags/poll" class="mention hashtag" rel="nofollow noopener" target="_blank">#poll</a> <a href="https://mstdn.social/tags/softwareengineering" class="mention hashtag" rel="nofollow noopener" target="_blank">#softwareengineering</a>

The IconfactoryApple says they want to feature your app! 😍 Now you've got 48 hours to deliver promo art. 😱 We’ve got you covered. We designed this App Store-ready promo for School Organizer in record time. We'll do the work, you focus on the 🎉. design@iconfactory.com<a href="https://iconfactory.world/tags/AppStore" class="mention hashtag" rel="nofollow noopener" target="_blank">#AppStore</a> <a href="https://iconfactory.world/tags/Dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#Dev</a> <a href="https://iconfactory.world/tags/AppMarketing" class="mention hashtag" rel="nofollow noopener" target="_blank">#AppMarketing</a> <a href="https://iconfactory.world/tags/IconfactoryDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#IconfactoryDesign</a>

Recent searches

Search options

Administered by:

Server stats:

#dev