Hacker News<p>JavaScript PubSub in 163 Bytes</p><p><a href="https://github.com/hassanshaikley/pico-pubsub" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/hassanshaikley/pico</span><span class="invisible">-pubsub</span></a></p><p><a href="https://mastodon.social/tags/HackerNews" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HackerNews</span></a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a> <a href="https://mastodon.social/tags/PubSub" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>PubSub</span></a> <a href="https://mastodon.social/tags/in" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>in</span></a> #163 <a href="https://mastodon.social/tags/Bytes" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Bytes</span></a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a> <a href="https://mastodon.social/tags/PubSub" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>PubSub</span></a> <a href="https://mastodon.social/tags/PicoPubSub" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>PicoPubSub</span></a> <a href="https://mastodon.social/tags/MicroLibrary" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MicroLibrary</span></a> <a href="https://mastodon.social/tags/Coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Coding</span></a> <a href="https://mastodon.social/tags/Techniques" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Techniques</span></a> <a href="https://mastodon.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDevelopment</span></a></p>
Recent searches
No recent searches
Search options
Only available when logged in.
bolha.us is one of the many independent Mastodon servers you can use to participate in the fediverse.
We're a Brazilian IT Community. We love IT/DevOps/Cloud, but we also love to talk about life, the universe, and more. | Nós somos uma comunidade de TI Brasileira, gostamos de Dev/DevOps/Cloud e mais!
Administered by:
Server stats:
252active users
bolha.us: About · Profiles directory · Privacy policy
Mastodon: About · Get the app · Keyboard shortcuts · View source code · v4.3.6
#techniques
1 post · 1 participant · 0 posts today
Hacker News<p>Improved ways to operate a rude crawler</p><p><a href="https://www.marginalia.nu/log/a_115_rude_crawler/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">marginalia.nu/log/a_115_rude_c</span><span class="invisible">rawler/</span></a></p><p><a href="https://mastodon.social/tags/HackerNews" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HackerNews</span></a> <a href="https://mastodon.social/tags/Improved" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Improved</span></a> <a href="https://mastodon.social/tags/Crawler" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Crawler</span></a> <a href="https://mastodon.social/tags/Rude" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Rude</span></a> <a href="https://mastodon.social/tags/Crawler" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Crawler</span></a> <a href="https://mastodon.social/tags/Techniques" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Techniques</span></a> <a href="https://mastodon.social/tags/Web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Web</span></a> <a href="https://mastodon.social/tags/Scraping" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Scraping</span></a> <a href="https://mastodon.social/tags/Automation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Automation</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Techniques" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Techniques</span></a><br>HTML button groups for keyboard users · Keyboard-friendly ‘menu’, ‘menubar’, ‘toolbar’, and ‘tablist’ <a href="https://ilo.im/162rp7" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/162rp7</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Accessibility</span></a> <a href="https://mastodon.social/tags/ScreenReader" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ScreenReader</span></a> <a href="https://mastodon.social/tags/Keyboard" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Keyboard</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/ARIA" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ARIA</span></a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML</span></a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Techniques" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Techniques</span></a><br>The bare minimum for CSS view transitions · An instant win for your website’s user experience <a href="https://ilo.im/162voy" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/162voy</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/ModernCSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ModernCSS</span></a> <a href="https://mastodon.social/tags/CssViewTransitions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CssViewTransitions</span></a> <a href="https://mastodon.social/tags/Transitions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Transitions</span></a> <a href="https://mastodon.social/tags/Webpage" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Webpage</span></a> <a href="https://mastodon.social/tags/Website" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Website</span></a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Browser</span></a> <a href="https://mastodon.social/tags/ProgressiveEnhancement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ProgressiveEnhancement</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a></p>
Hacker News<p>Minding the gaps: A new way to draw separators in CSS</p><p><a href="https://blogs.windows.com/msedgedev/2025/03/19/minding-the-gaps-a-new-way-to-draw-separators-in-css/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">blogs.windows.com/msedgedev/20</span><span class="invisible">25/03/19/minding-the-gaps-a-new-way-to-draw-separators-in-css/</span></a></p><p><a href="https://mastodon.social/tags/HackerNews" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HackerNews</span></a> <a href="https://mastodon.social/tags/Minding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Minding</span></a> <a href="https://mastodon.social/tags/the" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>the</span></a> <a href="https://mastodon.social/tags/gaps" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gaps</span></a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/separators" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>separators</span></a> <a href="https://mastodon.social/tags/webdevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdevelopment</span></a> <a href="https://mastodon.social/tags/design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>design</span></a> <a href="https://mastodon.social/tags/techniques" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>techniques</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Techniques" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Techniques</span></a><br>How I use AI to help me write code · “I’ve been getting great results for over two years now.” <a href="https://ilo.im/162r4p" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/162r4p</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Programming</span></a> <a href="https://mastodon.social/tags/Coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Coding</span></a> <a href="https://mastodon.social/tags/AI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AI</span></a> <a href="https://mastodon.social/tags/ChatBot" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ChatBot</span></a> <a href="https://mastodon.social/tags/Cursor" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Cursor</span></a> <a href="https://mastodon.social/tags/ChatGPT" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ChatGPT</span></a> <a href="https://mastodon.social/tags/Claude" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Claude</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/Backend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Backend</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Techniques" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Techniques</span></a><br>How I use AI to help me write code · “I’ve been getting great results for over two years now.” <a href="https://ilo.im/162r4p" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/162r4p</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Programming</span></a> <a href="https://mastodon.social/tags/Coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Coding</span></a> <a href="https://mastodon.social/tags/AI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AI</span></a> <a href="https://mastodon.social/tags/ChatBot" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ChatBot</span></a> <a href="https://mastodon.social/tags/Cursor" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Cursor</span></a> <a href="https://mastodon.social/tags/ChatGPT" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ChatGPT</span></a> <a href="https://mastodon.social/tags/Claude" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Claude</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/Backend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Backend</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Techniques" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Techniques</span></a><br>Accessible rating stars · A modern approach to a star rating component <a href="https://ilo.im/162r8d" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/162r8d</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Rating" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Rating</span></a> <a href="https://mastodon.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Accessibility</span></a> <a href="https://mastodon.social/tags/Keyboard" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Keyboard</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SVG</span></a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML</span></a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a></p>
Hacker News<p>The Kernighan-Lin Search Algorithm — <a href="https://arxiv.org/abs/2502.00316" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">arxiv.org/abs/2502.00316</span><span class="invisible"></span></a><br><a href="https://mastodon.social/tags/HackerNews" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HackerNews</span></a> <a href="https://mastodon.social/tags/KernighanLinAlgorithm" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>KernighanLinAlgorithm</span></a> <a href="https://mastodon.social/tags/SearchAlgorithm" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SearchAlgorithm</span></a> <a href="https://mastodon.social/tags/ComputerScience" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ComputerScience</span></a> <a href="https://mastodon.social/tags/Optimization" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Optimization</span></a> <a href="https://mastodon.social/tags/Techniques" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Techniques</span></a> <a href="https://mastodon.social/tags/AlgorithmDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AlgorithmDesign</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Techniques" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Techniques</span></a><br>CSS meets voxel art · Pushing the limits of 3D rendering with pure CSS <a href="https://ilo.im/162m4a" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/162m4a</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/CssGrid" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CssGrid</span></a> <a href="https://mastodon.social/tags/3D" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>3D</span></a> <a href="https://mastodon.social/tags/Rendering" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Rendering</span></a> <a href="https://mastodon.social/tags/VoxelArt" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>VoxelArt</span></a> <a href="https://mastodon.social/tags/VoxelEditor" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>VoxelEditor</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a></p>
Hacker News<p>Body Doubling — <a href="https://bodydoubling.com/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">bodydoubling.com/</span><span class="invisible"></span></a><br><a href="https://mastodon.social/tags/HackerNews" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HackerNews</span></a> <a href="https://mastodon.social/tags/BodyDoubling" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BodyDoubling</span></a> <a href="https://mastodon.social/tags/BodyHacking" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BodyHacking</span></a> <a href="https://mastodon.social/tags/Productivity" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Productivity</span></a> <a href="https://mastodon.social/tags/Hacks" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Hacks</span></a> <a href="https://mastodon.social/tags/Focus" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Focus</span></a> <a href="https://mastodon.social/tags/Techniques" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Techniques</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Techniques" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Techniques</span></a><br>Lightweight image comparison slider · A sleek solution in only 6 lines of JavaScript <a href="https://ilo.im/162lyq" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/162lyq</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Image" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Image</span></a> <a href="https://mastodon.social/tags/Slider" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Slider</span></a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Browser</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a></p>
millerebonds<p>Fabrication d'un réchaud à alcool en canette aluminium de 33cL.</p><p>Étapes:</p><p><a href="https://framapiaf.org/tags/aluminium" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>aluminium</span></a> <a href="https://framapiaf.org/tags/canette_de_soda" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>canette_de_soda</span></a> <a href="https://framapiaf.org/tags/canettes" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>canettes</span></a> <a href="https://framapiaf.org/tags/Canette" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Canette</span></a> <a href="https://framapiaf.org/tags/canettedesoda" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>canettedesoda</span></a> <a href="https://framapiaf.org/tags/upcycling" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>upcycling</span></a> <a href="https://framapiaf.org/tags/upcyclage" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>upcyclage</span></a> <a href="https://framapiaf.org/tags/upcycling" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>upcycling</span></a> <a href="https://framapiaf.org/tags/upcycle" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>upcycle</span></a> <a href="https://framapiaf.org/tags/upcycled" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>upcycled</span></a> <a href="https://framapiaf.org/tags/surcyclage" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>surcyclage</span></a> <a href="https://framapiaf.org/tags/surcyclable" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>surcyclable</span></a> <a href="https://framapiaf.org/tags/recycling" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>recycling</span></a> <a href="https://framapiaf.org/tags/recyclage" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>recyclage</span></a> <a href="https://framapiaf.org/tags/diy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>diy</span></a> <a href="https://framapiaf.org/tags/handmade" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>handmade</span></a> <a href="https://framapiaf.org/tags/faitmain" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>faitmain</span></a> <a href="https://framapiaf.org/tags/madeinfrance" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>madeinfrance</span></a> <a href="https://framapiaf.org/tags/artisanat" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>artisanat</span></a> <a href="https://framapiaf.org/tags/bricolage" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>bricolage</span></a> <a href="https://framapiaf.org/tags/rechaud" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>rechaud</span></a> <a href="https://framapiaf.org/tags/camping" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>camping</span></a> <a href="https://framapiaf.org/tags/cuisine" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cuisine</span></a> <a href="https://framapiaf.org/tags/ecologie" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ecologie</span></a> <a href="https://framapiaf.org/tags/fabrication" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>fabrication</span></a> <a href="https://framapiaf.org/tags/stove" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>stove</span></a> <a href="https://framapiaf.org/tags/canstove" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>canstove</span></a> <a href="https://framapiaf.org/tags/alcoholstove" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>alcoholstove</span></a> <a href="https://framapiaf.org/tags/cutting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cutting</span></a> <a href="https://framapiaf.org/tags/Spiritusbrenner" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Spiritusbrenner</span></a> <a href="https://framapiaf.org/tags/ultralight" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ultralight</span></a> <a href="https://framapiaf.org/tags/ultraleger" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ultraleger</span></a> <a href="https://framapiaf.org/tags/technology" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>technology</span></a> <a href="https://framapiaf.org/tags/technologie" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>technologie</span></a> <a href="https://framapiaf.org/tags/techniques" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>techniques</span></a> <a href="https://framapiaf.org/tags/voyageavelo" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>voyageavelo</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Techniques" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Techniques</span></a><br>Faux containers in CSS grids · Decoupling the containing shape from its content <a href="https://ilo.im/162bo0" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/162bo0</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Layout" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Layout</span></a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/CssGrid" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CssGrid</span></a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Browser</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Frontend</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Techniques" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Techniques</span></a><br>More useful HTML number inputs · How to use the ‘step’ and ‘pattern’ attributes <a href="https://ilo.im/162c3w" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/162c3w</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML</span></a> <a href="https://mastodon.social/tags/Form" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Form</span></a> <a href="https://mastodon.social/tags/Numbers" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Numbers</span></a> <a href="https://mastodon.social/tags/Format" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Format</span></a> <a href="https://mastodon.social/tags/Regex" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Regex</span></a> <a href="https://mastodon.social/tags/Granularity" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Granularity</span></a> <a href="https://mastodon.social/tags/Validation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Validation</span></a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Browser</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Frontend</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Techniques" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Techniques</span></a><br>Approaches to the ‘&’ selector in CSS · More maintainable, readable, and clever CSS nesting <a href="https://ilo.im/1628p2" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/1628p2</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/ModernCSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ModernCSS</span></a> <a href="https://mastodon.social/tags/Maintainability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Maintainability</span></a> <a href="https://mastodon.social/tags/Readability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Readability</span></a> <a href="https://mastodon.social/tags/Ampersand" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Ampersand</span></a> <a href="https://mastodon.social/tags/CssNesting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CssNesting</span></a> <a href="https://mastodon.social/tags/Framework" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Framework</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/Sass" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Sass</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Techniques" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Techniques</span></a><br>Approaches to the ‘&’ selector in CSS · More maintainable, readable, and clever CSS nesting <a href="https://ilo.im/1628p2" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/1628p2</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/ModernCSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ModernCSS</span></a> <a href="https://mastodon.social/tags/Maintainability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Maintainability</span></a> <a href="https://mastodon.social/tags/Readability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Readability</span></a> <a href="https://mastodon.social/tags/Ampersand" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Ampersand</span></a> <a href="https://mastodon.social/tags/CssNesting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CssNesting</span></a> <a href="https://mastodon.social/tags/Framework" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Framework</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/Sass" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Sass</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Techniques" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Techniques</span></a><br>Font weight based on user’s screen DPI · Improving the display of a font on low-DPI screens <a href="https://ilo.im/16263z" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/16263z</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Icon" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Icon</span></a> <a href="https://mastodon.social/tags/Font" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Font</span></a> <a href="https://mastodon.social/tags/Typography" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Typography</span></a> <a href="https://mastodon.social/tags/Screen" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Screen</span></a> <a href="https://mastodon.social/tags/DPI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DPI</span></a> <a href="https://mastodon.social/tags/ProgressiveEnhancement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ProgressiveEnhancement</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Techniques" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Techniques</span></a><br>More readable JavaScript with named parameters · “Named parameters can drastically improve your code.” <a href="https://ilo.im/16211p" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/16211p</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Programming</span></a> <a href="https://mastodon.social/tags/Coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Coding</span></a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a> <a href="https://mastodon.social/tags/Functions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Functions</span></a> <a href="https://mastodon.social/tags/Readability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Readability</span></a> <a href="https://mastodon.social/tags/Maintainability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Maintainability</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/Backend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Backend</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Techniques" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Techniques</span></a><br>Breaking up long tasks in JavaScript · There are a lot of approaches to choose from <a href="https://ilo.im/16268f" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/16268f</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/EventLoop" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>EventLoop</span></a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Browser</span></a> <a href="https://mastodon.social/tags/Website" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Website</span></a> <a href="https://mastodon.social/tags/WebPerf" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebPerf</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Frontend</span></a></p>
ExploreLive feeds
Mastodon is the best way to keep up with what's happening.
Follow anyone across the fediverse and see it all in chronological order. No algorithms, ads, or clickbait in sight.
Create accountLoginDrag & drop to upload