mastouille.fr est l'un des nombreux serveurs Mastodon indépendants que vous pouvez utiliser pour participer au fédiverse.
Mastouille est une instance Mastodon durable, ouverte, et hébergée en France.

Administré par :

Statistiques du serveur :

597
comptes actifs

#progressbar

0 message0 participant0 message aujourd’hui
Inautilo<p><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/Approaches" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Approaches</span></a><br>Truth, lies, and progress bars · Alternatives to deceptive progress indicators <a href="https://ilo.im/162n20" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/162n20</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Indicators" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Indicators</span></a> <a href="https://mastodon.social/tags/ProgressBar" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ProgressBar</span></a> <a href="https://mastodon.social/tags/Perception" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Perception</span></a> <a href="https://mastodon.social/tags/DesignPattern" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DesignPattern</span></a> <a href="https://mastodon.social/tags/DeceptiveDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DeceptiveDesign</span></a> <a href="https://mastodon.social/tags/ProductDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ProductDesign</span></a> <a href="https://mastodon.social/tags/UxDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UxDesign</span></a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UiDesign</span></a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDesign</span></a></p>
illestpreacha<p>LoadingInChunks</p><p>Video <a href="https://youtu.be/WDXpAg-rD_I" rel="nofollow noopener noreferrer" target="_blank"><span class="invisible">https://</span><span class="">youtu.be/WDXpAg-rD_I</span><span class="invisible"></span></a></p><p>Blogpost: <a href="https://blog.illestpreacha.com/genuary2024loadinginchunks" rel="nofollow noopener noreferrer" target="_blank"><span class="invisible">https://</span><span class="ellipsis">blog.illestpreacha.com/genuary</span><span class="invisible">2024loadinginchunks</span></a></p><p><a href="https://post.lurk.org/tags/genuary2024" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary2024</span></a> <a href="https://post.lurk.org/tags/genuary7" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary7</span></a> <a href="https://post.lurk.org/tags/genuary14" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary14</span></a> <a href="https://post.lurk.org/tags/progressbar" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>progressbar</span></a> <a href="https://post.lurk.org/tags/lessthankb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>lessthankb</span></a></p><p>The prompt for Genuary 2024 Day 7 is Progress Bar and Day 14 is less than a kb</p><p>LoadingInChunks contains less than a kilobyte worth of code text in <a href="https://post.lurk.org/tags/SonicPi" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SonicPi</span></a> <a href="https://post.lurk.org/tags/Hydra" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Hydra</span></a> <a href="https://post.lurk.org/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> &amp; <a href="https://post.lurk.org/tags/LiveCodingYoutube" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>LiveCodingYoutube</span></a></p><p>CSS was used for the progress bar, Hydra to modify the colors and amount, while LiveCodingYoutube was used to alter the timing of the progress bars. Whereas Sonicpi was used for the background sound</p><p>Poem</p><p>Loading <br>More Loading<br>Loading and Roaming<br>Loading and Floating<br>Loading plus Loading</p><p><a href="https://post.lurk.org/tags/space" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>space</span></a> <a href="https://post.lurk.org/tags/genuary" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary</span></a> <a href="https://post.lurk.org/tags/creativecoding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>creativecoding</span></a> <a href="https://post.lurk.org/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>coding</span></a><br><a href="https://post.lurk.org/tags/newmedia" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>newmedia</span></a> <a href="https://post.lurk.org/tags/animation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>animation</span></a></p>
Mitch 🌵<p>While going through some <a href="https://ruby.social/tags/LinkedIn" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>LinkedIn</span></a> learning videos today, I came across a cool <a href="https://ruby.social/tags/R" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>R</span></a> function called `txtProgressBar()` that displays a progress bar in the console. It’s a great visual indicator of progress when looping through tons of records. The progress bar gets instantiated and then updated as a loop progresses with `setTxtProgressBar()`.</p><p>Where has this been my entire R life? I have been refreshing the environment every few minutes to check on progress.</p><p><a href="https://ruby.social/tags/rStats" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>rStats</span></a> <a href="https://ruby.social/tags/data" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>data</span></a> <a href="https://ruby.social/tags/progressbar" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>progressbar</span></a> <a href="https://ruby.social/tags/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>code</span></a> <a href="https://ruby.social/tags/TIL" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>TIL</span></a></p>
Take It EV Podcast 🎙️<p>The last 1% is always the longest <a href="https://mastodon.social/tags/newPhoneDay" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>newPhoneDay</span></a> <a href="https://mastodon.social/tags/backup" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>backup</span></a> <a href="https://mastodon.social/tags/restore" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>restore</span></a> <a href="https://mastodon.social/tags/progressBar" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>progressBar</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 scroll progress animations · Interactive scroll-based experiences with state-of-the-art CSS <a href="https://ilo.im/143qy2" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/143qy2</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Animations" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Animations</span></a> <a href="https://mastodon.social/tags/Scrolling" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Scrolling</span></a> <a href="https://mastodon.social/tags/ScrollDrivenAnimations" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ScrollDrivenAnimations</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/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDevelopment</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/Accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Accessibility</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/Specification" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Specification</span></a> <a href="https://mastodon.social/tags/ProgressBar" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ProgressBar</span></a> <a href="https://mastodon.social/tags/ImageScroller" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ImageScroller</span></a> <a href="https://mastodon.social/tags/MotionPath" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MotionPath</span></a> <a href="https://mastodon.social/tags/UserMotion" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UserMotion</span></a></p>