<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[Small Web Tools Notes]]></title><description><![CDATA[Small Web Tools Notes]]></description><link>https://smallwebtoolsnotes.hashnode.dev</link><generator>RSS for Node</generator><lastBuildDate>Mon, 02 Nov 2026 08:49:27 GMT</lastBuildDate><atom:link href="https://smallwebtoolsnotes.hashnode.dev/rss.xml" rel="self" type="application/rss+xml"/><language><![CDATA[en]]></language><ttl>60</ttl><item><title><![CDATA[Why Low-Poly Looks So Good: A Short History of Flat-Shaded 3D Games]]></title><description><![CDATA[Low-poly graphics, built from a small number of visible polygons and often flat colours, were once a technical limitation. Today they are a deliberate…]]></description><link>https://smallwebtoolsnotes.hashnode.dev/why-low-poly-looks-so-good-a-short-history-of-flat-shaded-3d-games</link><guid isPermaLink="true">https://smallwebtoolsnotes.hashnode.dev/why-low-poly-looks-so-good-a-short-history-of-flat-shaded-3d-games</guid><category><![CDATA[Python]]></category><category><![CDATA[Cryptography]]></category><dc:creator><![CDATA[gymitat]]></dc:creator><pubDate>Fri, 30 Oct 2026 10:32:17 GMT</pubDate><content:encoded><![CDATA[<p>Low-poly graphics, built from a small number of visible polygons and often flat colours, were once a technical limitation. Today they are a deliberate style used by indie games, illustrators and browser games. Here is how the look began, why it returned and why it suits fast games so well.</p>
<h2>Polygons and early 3D</h2>
<p>3D graphics build objects from polygons, usually triangles. Early hardware could draw only a limited number per frame, so designers built cars, buildings and characters from as few shapes as possible.</p>
<p>Sega's arcade game <em>Virtua Racing</em> (1992) is often cited as a landmark: a racing game built from flat-shaded polygons, running smoothly at a time when most racing games still used sprites. On home consoles, Nintendo's <em>Star Fox</em> (1993) used the Super FX chip in the cartridge to render simple polygon graphics on the Super Nintendo.</p>
<h2>The push toward realism</h2>
<p>As hardware improved, games added textures, lighting and millions of polygons. Realism became the goal for many big releases, and flat-shaded graphics looked dated.</p>
<h2>The return of low-poly</h2>
<p>In the 2010s, low-poly returned as a choice rather than a constraint. Independent developers found it:</p>
<ul>
<li><strong>Cheap to produce:</strong> small teams can model and animate quickly.</li>
<li><strong>Timeless:</strong> stylised graphics age better than attempts at realism.</li>
<li><strong>Readable:</strong> clean shapes and flat colours make objects easy to identify.</li>
<li><strong>Light to run:</strong> fewer polygons mean better performance on modest hardware.</li>
</ul>
<p>Illustrators and designers also adopted the look in posters, logos and animation.</p>
<h2>Why it suits racing</h2>
<p>In a fast game, the player must read the road instantly. Low-poly tracks have clear edges, simple surfaces and strong colour contrast. Turns, ramps and walls stand out without visual noise. Performance matters too: a high frame rate makes steering feel responsive.</p>
<h2>Browser games and low-poly</h2>
<p>Browser games run on a wide range of devices, from gaming PCs to school laptops. Low-poly graphics help them load quickly and run smoothly via web graphics technologies such as WebGL.</p>
<p>PolyTrack, a browser racing game by developer Kodub, uses this approach: clean, low-poly tracks with height changes and jumps in three themes. <a href="https://thepolytrack.com/">The PolyTrack</a>, an independent fan site, offers a 0.5.0 player and a <a href="https://thepolytrack.com/tracks/">track directory</a> with 3D overview previews of the 15 official courses (7 Summer, 4 Winter and 4 Desert) and 15 community tracks.</p>
<h2>Design lessons from low-poly</h2>
<ul>
<li><strong>Silhouette first:</strong> a shape should be recognisable without detail.</li>
<li><strong>Limited palettes:</strong> a few colours create coherence.</li>
<li><strong>Lighting carries depth:</strong> flat shading with a clear light direction gives form.</li>
<li><strong>Function over decoration:</strong> in games, readability beats ornament.</li>
</ul>
<h2>Try making your own</h2>
<p>Low-poly modelling is a good way to learn 3D. Free tools like Blender let beginners build simple objects and learn about vertices, edges and faces. In track-building games, the same principle applies: clear, readable sections are more fun to drive. The <a href="https://thepolytrack.com/how-to-play/">how-to-play guide</a> on The PolyTrack covers the controls if you want to test drive a few layouts first.</p>
<h2>Summary</h2>
<ul>
<li>Low-poly began as a hardware limitation in early 1990s 3D.</li>
<li>Games like <em>Virtua Racing</em> and <em>Star Fox</em> defined the look.</li>
<li>Indie developers revived it for clarity, speed and style.</li>
<li>It suits racing games that need instant readability.</li>
</ul>
]]></content:encoded></item><item><title><![CDATA[Reading Hex and ASCII: How Computers Store the Letters in Your Cipher]]></title><description><![CDATA[Classical ciphers work on letters, but computers store everything as numbers. ASCII is the agreement that links the two, and hexadecimal is the shorthand…]]></description><link>https://smallwebtoolsnotes.hashnode.dev/reading-hex-and-ascii-how-computers-store-the-letters-in-your-cipher</link><guid isPermaLink="true">https://smallwebtoolsnotes.hashnode.dev/reading-hex-and-ascii-how-computers-store-the-letters-in-your-cipher</guid><dc:creator><![CDATA[gymitat]]></dc:creator><pubDate>Thu, 29 Oct 2026 09:22:04 GMT</pubDate><content:encoded><![CDATA[<p>Classical ciphers work on letters, but computers store everything as numbers. ASCII is the agreement that links the two, and hexadecimal is the shorthand programmers use to write those numbers. Knowing both makes it easier to understand cipher code, puzzle hunts and data you find in the wild.</p>
<h2>ASCII in brief</h2>
<p>ASCII, the American Standard Code for Information Interchange, was first published in 1963. It uses 7 bits, giving 128 codes from 0 to 127. Codes 0–31 and 127 are control characters (like newline and tab); 32–126 are printable characters, including space, digits, letters and punctuation.</p>
<p>Some useful landmarks:</p>
<ul>
<li>Space = 32</li>
<li>"0" = 48, "9" = 57</li>
<li>"A" = 65, "Z" = 90</li>
<li>"a" = 97, "z" = 122</li>
</ul>
<h2>The 32 gap between cases</h2>
<p>Uppercase A is 65; lowercase a is 97. The difference is exactly 32 for every letter. In binary, 32 is a single bit (00100000), so switching case means flipping one bit. This tidy design is why case conversion is so cheap in code.</p>
<h2>Hexadecimal</h2>
<p>Hexadecimal is base 16. It uses digits 0–9 and letters A–F for values 10–15. Each hex digit represents exactly 4 bits, so one byte (8 bits) is always two hex digits. That is why hex is popular: it maps neatly onto bytes.</p>
<p>Converting is straightforward:</p>
<ul>
<li>65 in decimal = 4 × 16 + 1 = 0x41, so "A" is 41 in hex.</li>
<li>97 = 6 × 16 + 1 = 0x61, so "a" is 61.</li>
<li>The case difference, 32, is 0x20.</li>
</ul>
<h2>Reading a hex string</h2>
<p>Given 48 65 6C 6C 6F, convert each pair:</p>
<ul>
<li>48 = 72 = H</li>
<li>65 = 101 = e</li>
<li>6C = 108 = l</li>
<li>6C = l</li>
<li>6F = 111 = o</li>
</ul>
<p>The message is "Hello". Puzzle hunts love hiding text this way, and it often appears alongside a cipher layer.</p>
<h2>Beyond ASCII</h2>
<p>ASCII covers only English letters and basic symbols. Modern text uses Unicode, usually encoded as UTF-8. Helpfully, UTF-8 is designed so that the first 128 characters are identical to ASCII and take one byte each, while other characters, such as é or emoji, take two to four bytes. If a hex string contains bytes above 7F, you are probably looking at UTF-8 beyond ASCII.</p>
<h2>Why this matters for ciphers</h2>
<p>When you write a Caesar cipher in code, you subtract 65 from an uppercase letter's code to get a position from 0 to 25, shift it, then add 65 back. Understanding ASCII makes that arithmetic obvious.</p>
<h2>Tools to explore</h2>
<p>The <a href="https://caesarcipher.org/converters/ascii-table">ASCII table on caesarcipher.org</a> lists codes in decimal, hex and binary, and the <a href="https://caesarcipher.org/converters/hex-to-ascii">hex to ASCII converter</a> turns hex strings into text and back. For a related encoding, the <a href="https://caesarcipher.org/converters/base64-encoder-decoder">Base64 converter</a> shows another way bytes are written as text.</p>
<h2>Summary</h2>
<ul>
<li>ASCII maps 128 codes to characters; A = 65, a = 97.</li>
<li>Upper and lower case differ by 32, a single bit.</li>
<li>Two hex digits make one byte.</li>
<li>UTF-8 extends ASCII without changing its first 128 codes.</li>
</ul>
]]></content:encoded></item><item><title><![CDATA[The Halo Effect: Why Looks Colour Our Judgements, and Why That Matters]]></title><description><![CDATA[People often assume that someone who looks attractive is also kind, competent or trustworthy. Psychologists call this the halo effect: one positive trait…]]></description><link>https://smallwebtoolsnotes.hashnode.dev/the-halo-effect-why-looks-colour-our-judgements-and-why-that-matters</link><guid isPermaLink="true">https://smallwebtoolsnotes.hashnode.dev/the-halo-effect-why-looks-colour-our-judgements-and-why-that-matters</guid><category><![CDATA[psychology]]></category><category><![CDATA[UX]]></category><dc:creator><![CDATA[gymitat]]></dc:creator><pubDate>Thu, 29 Oct 2026 08:39:55 GMT</pubDate><content:encoded><![CDATA[<p>People often assume that someone who looks attractive is also kind, competent or trustworthy. Psychologists call this the halo effect: one positive trait spreads its glow onto unrelated judgements. Understanding it helps explain why appearance tools are popular and why their results should be handled with care.</p>
<h2>Where the term came from</h2>
<p>Psychologist Edward Thorndike described the halo effect in 1920. He noticed that military officers rating their soldiers tended to rate them high or low across all qualities at once, as if one overall impression coloured every individual rating.</p>
<h2>"What is beautiful is good"</h2>
<p>In 1972, Karen Dion, Ellen Berscheid and Elaine Walster published a study titled "What Is Beautiful Is Good". Participants looked at photos of people and guessed their personalities and futures. People in more attractive photos were more often assumed to have desirable traits and better life outcomes. The study became a classic of social psychology.</p>
<h2>What later research found</h2>
<p>Later reviews found that the attractiveness halo is real but more limited than the slogan suggests. Attractive people are often judged as more sociable and socially skilled, but the effect is weaker for traits such as integrity or concern for others. Context, culture and the specific trait all matter.</p>
<h2>Where it shows up</h2>
<p>The halo effect has been studied in many settings:</p>
<ul>
<li><strong>Hiring:</strong> appearance can influence impressions in interviews.</li>
<li><strong>Education:</strong> teachers' expectations can be subtly affected by appearance.</li>
<li><strong>Online profiles:</strong> photos shape first impressions before any words are read.</li>
</ul>
<p>These are tendencies across many people, not certainties about any one interaction.</p>
<h2>The reverse effect</h2>
<p>A negative impression can also spread: one unfavourable feature colours other judgements. This is sometimes called the horn effect.</p>
<h2>Why this matters for face rating tools</h2>
<p>Because looks influence judgements, people are understandably curious about how a photo "reads". A face rating tool can satisfy that curiosity, but it also risks reinforcing the idea that a number defines a person. A responsible tool should frame its result as a description of one photo, not a verdict on someone's worth.</p>
<p>The <a href="https://freeattractivenesstest.com/">Free Attractiveness Test</a> describes its score as how one photo reads to a large group of people. Its scale runs from 60 to 99 with no failing grade, and the <a href="https://freeattractivenesstest.com/how-it-works">how it works page</a> notes that lighting, angle and expression move the score, so three photos of the same person can score differently.</p>
<h2>Reducing halo bias in your own decisions</h2>
<ul>
<li><strong>Use structured criteria</strong> when evaluating people, such as interview questions decided in advance.</li>
<li><strong>Separate first impressions from evidence.</strong> Note your impression, then check it against facts.</li>
<li><strong>Delay judgement</strong> until you have more information.</li>
<li><strong>Be aware of photos.</strong> If you review applications, consider whether photos are needed at all.</li>
</ul>
<h2>A healthy perspective</h2>
<p>Knowing about the halo effect can be freeing. It shows that much of how appearance is judged comes from the observer's biases, not from anything fixed about the person being judged. Curiosity about a photo score is fine; letting it define self-worth is not. The test's <a href="https://freeattractivenesstest.com/privacy-explained">privacy explanation</a> also shows that the photo stays on your device.</p>
<h2>Summary</h2>
<ul>
<li>Thorndike named the halo effect in 1920.</li>
<li>Dion, Berscheid and Walster's 1972 study linked beauty with assumed goodness.</li>
<li>The effect is real but narrower than often claimed.</li>
<li>Treat any face score as a description of a photo, not a person.</li>
</ul>
]]></content:encoded></item><item><title><![CDATA[One Puzzle a Day: How Daily Web Games Became a Habit]]></title><description><![CDATA[For a few years now, millions of people have started their day with a small puzzle: a word, a number grid, a map, a song or an artist. The daily web puzzle…]]></description><link>https://smallwebtoolsnotes.hashnode.dev/one-puzzle-a-day-how-daily-web-games-became-a-habit</link><guid isPermaLink="true">https://smallwebtoolsnotes.hashnode.dev/one-puzzle-a-day-how-daily-web-games-became-a-habit</guid><category><![CDATA[Games]]></category><category><![CDATA[Web Development]]></category><dc:creator><![CDATA[gymitat]]></dc:creator><pubDate>Thu, 29 Oct 2026 08:39:18 GMT</pubDate><content:encoded><![CDATA[<p>For a few years now, millions of people have started their day with a small puzzle: a word, a number grid, a map, a song or an artist. The daily web puzzle has become a genre of its own. Its design is simple, but the choices behind it explain why it works so well.</p>
<h2>Before the boom</h2>
<p>Daily puzzles are not new. Newspapers have printed crosswords for more than a century, and the New York Times crossword has been a daily ritual for generations. Sudoku spread widely in newspapers in the mid-2000s. What changed recently is the format: a free web page, one shared puzzle per day, and an easy way to share your result.</p>
<h2>Wordle</h2>
<p>Wordle, created by software engineer Josh Wardle, became public in October 2021. Players have six tries to guess a five-letter word, with coloured tiles showing whether each letter is correct, present elsewhere or absent. It spread rapidly in late 2021 and early 2022, helped by a share feature that produced a grid of coloured squares without revealing the answer. The New York Times bought Wordle in January 2022.</p>
<h2>The design pattern</h2>
<p>Many successful daily games share a few traits:</p>
<ul>
<li><strong>One puzzle per day for everyone.</strong> Shared puzzles create conversation: everyone is working on the same thing.</li>
<li><strong>Limited attempts.</strong> A fixed number of guesses turns a search into a challenge.</li>
<li><strong>Colour-coded feedback.</strong> Green, yellow and grey tiles tell you what is right, close or wrong.</li>
<li><strong>Spoiler-free sharing.</strong> Results can be posted without revealing the answer.</li>
<li><strong>Short sessions.</strong> A few minutes, then you are done until tomorrow.</li>
</ul>
<h2>The "-dle" family</h2>
<p>After Wordle, many games adapted the format to other subjects: geography, maths, films, sports and music. Some focused on guessing a word; others turned the tiles into attributes. Instead of letters, you compare features of a hidden item, such as a country's location or an artist's genre.</p>
<h2>Spotle</h2>
<p>Spotle applies the attribute approach to music artists. You have ten tries to identify a hidden artist. Each guess shows tiles comparing your guess with the answer on debut album year, solo or group, genre, country, gender and the game's popularity rank. Green means match, yellow means close, and grey means no match. The <a href="https://spotle-answer-today.com/how-to-play">how-to-play guide</a> on Spotle Answer Today explains each tile in more detail, including that the popularity rank is the game's own, not a live Spotify chart.</p>
<h2>Why daily limits help</h2>
<p>One puzzle per day sounds restrictive, but it is part of the appeal. It prevents burnout, keeps the puzzle a small ritual, and makes streaks meaningful. It also means everyone can discuss the same puzzle at lunch.</p>
<h2>Time zones</h2>
<p>A shared daily puzzle needs a shared clock. Games pick a reference time zone or use each player's local midnight. Spotle's current client checks its puzzle date against New York time, which is why the changeover may not happen at your own midnight.</p>
<h2>Companion sites</h2>
<p>Popular daily games often attract companion sites with hints, archives and explanations. <a href="https://spotle-answer-today.com/">Spotle Answer Today</a> is an independent companion for Spotle, offering step-by-step hints, and the <a href="https://spotle-answer-today.com/archive">archive</a> lists past answers for anyone catching up. It is not affiliated with the official game.</p>
<h2>Summary</h2>
<ul>
<li>Daily web puzzles grew from newspaper traditions.</li>
<li>Wordle (2021) set the modern template.</li>
<li>Attribute games like Spotle adapted it to new subjects.</li>
<li>One shared puzzle per day is a feature, not a limitation.</li>
</ul>
]]></content:encoded></item><item><title><![CDATA[Fitzpatrick vs Monk: Two Skin Tone Scales Built for Different Jobs]]></title><description><![CDATA[When people talk about "skin type" or "skin tone", they often mix up two different scales. The Fitzpatrick scale and the Monk Skin Tone Scale both describe…]]></description><link>https://smallwebtoolsnotes.hashnode.dev/fitzpatrick-vs-monk-two-skin-tone-scales-built-for-different-jobs</link><guid isPermaLink="true">https://smallwebtoolsnotes.hashnode.dev/fitzpatrick-vs-monk-two-skin-tone-scales-built-for-different-jobs</guid><category><![CDATA[beauty]]></category><category><![CDATA[technology]]></category><dc:creator><![CDATA[gymitat]]></dc:creator><pubDate>Thu, 29 Oct 2026 08:38:32 GMT</pubDate><content:encoded><![CDATA[<p>When people talk about "skin type" or "skin tone", they often mix up two different scales. The Fitzpatrick scale and the Monk Skin Tone Scale both describe skin, but they were designed for different purposes. Knowing which is which helps you read beauty tools, sunscreen advice and tech features more clearly.</p>
<h2>The Fitzpatrick scale</h2>
<p>The Fitzpatrick scale was developed in 1975 by Thomas B. Fitzpatrick, a dermatologist, originally to estimate how skin responds to ultraviolet light. It has six types, I to VI, defined mainly by how easily skin burns and how readily it tans:</p>
<ul>
<li><strong>Type I:</strong> always burns, never tans.</li>
<li><strong>Type II:</strong> usually burns, tans minimally.</li>
<li><strong>Type III:</strong> sometimes burns, tans gradually.</li>
<li><strong>Type IV:</strong> burns minimally, tans well.</li>
<li><strong>Type V:</strong> rarely burns, tans deeply.</li>
<li><strong>Type VI:</strong> very rarely burns.</li>
</ul>
<p>It remains widely used in dermatology, for example when discussing sun sensitivity or planning certain treatments.</p>
<h3>Its limits</h3>
<p>Because it is based on sun reaction rather than appearance, the Fitzpatrick scale was not designed as a visual colour scale. Critics have noted that its six types compress a wide range of deeper skin tones into the top two categories, which makes it a poor tool for describing the full diversity of skin colour.</p>
<h2>The Monk Skin Tone Scale</h2>
<p>The Monk Skin Tone Scale is a ten-shade scale developed by Ellis Monk, a sociologist at Harvard. Google released it publicly in 2022 under a Creative Commons licence and has used it in work on fairness in products such as image search and camera features.</p>
<p>Its purpose is visual: to give a range of reference tones broad enough to represent many skin colours, so that products and datasets can be checked for whether they work well across that range.</p>
<h2>Comparing the two</h2>
<table>
<thead>
<tr>
<th></th>
<th>Fitzpatrick</th>
<th>Monk</th>
</tr>
</thead>
<tbody><tr>
<td>Created</td>
<td>1975</td>
<td>Released 2022</td>
</tr>
<tr>
<td>Number of levels</td>
<td>6</td>
<td>10</td>
</tr>
<tr>
<td>Based on</td>
<td>Sun reaction</td>
<td>Visual tone</td>
</tr>
<tr>
<td>Main use</td>
<td>Dermatology, UV</td>
<td>Inclusive tech, representation</td>
</tr>
</tbody></table>
<p>Neither describes undertone. Warm, cool, neutral and olive undertones are a separate dimension.</p>
<h2>Depth and undertone are different questions</h2>
<p>Skin tone tools in fashion and beauty usually ask two separate questions:</p>
<ol>
<li><strong>Depth:</strong> how light or deep is the skin?</li>
<li><strong>Undertone:</strong> which colour direction, such as golden, pink or olive, appears beneath the surface?</li>
</ol>
<p>The <a href="https://stylelooklab.com/skin-tone-test">skin tone test on Style Look Lab</a> follows this split: nine questions, no photos, with depth bands of Fair, Light, Medium, Tan and Deep, and undertone candidates of Warm, Cool, Neutral and Olive. Its depth swatches follow the Monk Skin Tone Scale under its CC BY 4.0 licence.</p>
<h2>Which one should you use?</h2>
<ul>
<li><strong>Sunburn risk or medical treatment:</strong> Fitzpatrick, with a dermatologist's guidance.</li>
<li><strong>Describing skin colour, choosing foundation shades or checking representation:</strong> a visual scale such as Monk, combined with an undertone assessment.</li>
</ul>
<p>For choosing clothing colours, depth and undertone feed into broader colour analysis; the <a href="https://stylelooklab.com/color-palette">12 color seasons guide</a> shows how temperature, value and chroma combine.</p>
<h2>Summary</h2>
<ul>
<li>Fitzpatrick (1975) measures sun reaction in six types.</li>
<li>Monk (released 2022) is a ten-shade visual scale.</li>
<li>Neither covers undertone, which is a separate question.</li>
<li>Use each for the job it was designed for.</li>
</ul>
]]></content:encoded></item><item><title><![CDATA[Why Your Video Looks Worse After You Send It: MP4, Codecs and Recompression]]></title><description><![CDATA[You make a crisp short video, send it to a group chat, and it arrives blurry. Or you post it and it looks slightly softer than the original. This is not…]]></description><link>https://smallwebtoolsnotes.hashnode.dev/why-your-video-looks-worse-after-you-send-it-mp4-codecs-and-recompression</link><guid isPermaLink="true">https://smallwebtoolsnotes.hashnode.dev/why-your-video-looks-worse-after-you-send-it-mp4-codecs-and-recompression</guid><category><![CDATA[video]]></category><category><![CDATA[Web Development]]></category><dc:creator><![CDATA[gymitat]]></dc:creator><pubDate>Thu, 29 Oct 2026 08:37:59 GMT</pubDate><content:encoded><![CDATA[<p>You make a crisp short video, send it to a group chat, and it arrives blurry. Or you post it and it looks slightly softer than the original. This is not your imagination. Most apps recompress video when you share it. A little background on how video files work helps you keep quality where it matters.</p>
<h2>MP4 is a container</h2>
<p>An .mp4 file is a container: a wrapper that holds a video stream, an audio stream and some metadata. The video inside is compressed with a codec. H.264 (also called AVC) is the most widely supported; newer codecs such as H.265 (HEVC) and AV1 compress more efficiently but are not supported everywhere.</p>
<h2>Compression throws information away</h2>
<p>Uncompressed video is enormous. Codecs make files small by discarding detail that viewers are unlikely to notice, and by storing only the changes between frames where possible. How much they discard depends on the bitrate: the amount of data per second. Lower bitrate means smaller files and more visible artefacts, such as blockiness in dark areas or smearing during fast motion.</p>
<h2>Why apps recompress</h2>
<p>Messaging and social apps handle huge volumes of video. To save storage and bandwidth, and to make playback smooth on slow connections, they usually re-encode uploads to their own settings. Each time a video is re-encoded, it loses a little more detail. Sending a video that has already been compressed through another app that compresses it again is a common cause of mushy results.</p>
<h2>Practical ways to keep quality</h2>
<ul>
<li><strong>Share the original file.</strong> Download the video from the tool that made it and share that, rather than a screen recording or a copy saved from another app.</li>
<li><strong>Send as a file where possible.</strong> Some messaging apps, including WhatsApp, let you send a video as a document, which avoids their usual video compression.</li>
<li><strong>Use high-quality upload settings.</strong> Some social apps have an option to upload in higher quality, sometimes only on Wi-Fi. Check the settings.</li>
<li><strong>Avoid repeated round trips.</strong> Downloading a posted video and reposting it elsewhere compounds compression.</li>
<li><strong>Keep the native size.</strong> Upscaling a 720-pixel-wide video to 1080 does not add detail and can make compression worse.</li>
</ul>
<h2>Audio matters too</h2>
<p>Apps also compress audio. For music-driven trend videos, keep the original file's audio rather than re-recording it through a phone speaker.</p>
<h2>Fast motion and dark scenes suffer most</h2>
<p>Codecs struggle with lots of movement and with subtle shading in dark areas. If your video has a dim background, expect some blockiness after sharing. Brighter, evenly lit source photos tend to produce videos that survive compression better.</p>
<h2>What Bopreel delivers</h2>
<p>Bopreel produces trend videos as 15-second clips, vertical at 720×1280 by default, with the original song, ready to download. You can see the formats on the <a href="https://bopreel.com/hotel-lobby-ai">Hotel Lobby AI page</a> and the <a href="https://bopreel.com/what-you-want-me-to-do-ai">What You Want Me To Do AI page</a>, and finished videos remain available in <a href="https://bopreel.com/my-videos">your videos</a> for downloading.</p>
<h2>Summary</h2>
<ul>
<li>MP4 is a container; H.264 is the common codec inside.</li>
<li>Apps recompress uploads, and each re-encode loses detail.</li>
<li>Share original files, send as documents, and use high-quality upload options.</li>
<li>Bright, evenly lit content survives compression best.</li>
</ul>
]]></content:encoded></item><item><title><![CDATA[Fitts's Law and Your Aim: The 1954 Formula Behind Every Click]]></title><description><![CDATA[Every time you move a mouse to a button, your speed is shaped by a relationship described by psychologist Paul Fitts in 1954. Fitts's law is one of the…]]></description><link>https://smallwebtoolsnotes.hashnode.dev/fitts-s-law-and-your-aim-the-1954-formula-behind-every-click</link><guid isPermaLink="true">https://smallwebtoolsnotes.hashnode.dev/fitts-s-law-and-your-aim-the-1954-formula-behind-every-click</guid><category><![CDATA[Web Development]]></category><category><![CDATA[UX]]></category><dc:creator><![CDATA[gymitat]]></dc:creator><pubDate>Thu, 29 Oct 2026 08:37:02 GMT</pubDate><content:encoded><![CDATA[<p>Every time you move a mouse to a button, your speed is shaped by a relationship described by psychologist Paul Fitts in 1954. Fitts's law is one of the best-known results in human–computer interaction, and it explains a lot about why aim trainers feel the way they do.</p>
<h2>The law in words</h2>
<p>The time it takes to move to a target depends on two things: how far away it is, and how big it is. Far, small targets take longer; near, large targets are quick.</p>
<h2>The formula</h2>
<p>A common form, often called the Shannon formulation, is:</p>
<p>MT = a + b · log₂(D / W + 1)</p>
<ul>
<li><strong>MT</strong> is movement time.</li>
<li><strong>D</strong> is the distance to the target's centre.</li>
<li><strong>W</strong> is the target's width.</li>
<li><strong>a</strong> and <strong>b</strong> are constants measured for a particular person and device.</li>
</ul>
<p>The log term is called the index of difficulty, measured in bits. Doubling the distance, or halving the width, adds roughly one bit of difficulty and a fixed amount of time.</p>
<h2>What the log means in practice</h2>
<p>Because the relationship is logarithmic, the cost of distance grows slowly. Moving twice as far does not take twice as long. Small targets, on the other hand, get hard fast once they are tiny relative to the distance.</p>
<h2>Speed and accuracy trade off</h2>
<p>Fitts originally studied people tapping between two targets as quickly as possible while staying accurate. When people go faster than the law suggests, they miss more. Every aim test sits on this trade-off: you can be fast, or precise, but pushing one costs the other.</p>
<h2>Design lessons</h2>
<p>Interface designers use Fitts's law all the time:</p>
<ul>
<li><strong>Make important buttons big.</strong> A larger W lowers difficulty.</li>
<li><strong>Put them close to where the pointer already is.</strong> A smaller D helps.</li>
<li><strong>Use screen edges and corners.</strong> The pointer stops at the edge, so edge targets behave as if they were infinitely deep. That is one reason menus are often placed at screen edges.</li>
</ul>
<h2>Training your aim</h2>
<p>An aim trainer measures how quickly and accurately you hit a sequence of targets. Improvement usually comes from:</p>
<ul>
<li><strong>Smooth, single movements</strong> rather than several small corrections.</li>
<li><strong>Consistent sensitivity settings,</strong> so your hand learns a stable mapping.</li>
<li><strong>Accuracy first.</strong> Many coaches suggest getting accurate at a comfortable pace, then gradually speeding up, rather than practising fast misses.</li>
</ul>
<h2>Measuring yourself</h2>
<p>The <a href="https://blockblast.co/aim-trainer">aim trainer on blockblast.co</a> asks you to hit 30 targets as fast as you can and reports your average time per target and your accuracy, which maps neatly onto Fitts's speed–accuracy trade-off. If you want to separate pure reaction from movement, compare it with the <a href="https://blockblast.co/reaction-time-test">reaction time test</a>, which measures how fast you respond with no aiming at all.</p>
<h2>Limits of the law</h2>
<p>Fitts's law describes one-dimensional, rapid pointing quite well. Real tasks add complications: moving targets, two-dimensional shapes, fatigue, and the time it takes to decide where to move. It is a model, not a complete description of skill.</p>
<h2>Summary</h2>
<ul>
<li>Movement time grows with the log of distance over width.</li>
<li>Bigger and closer targets are faster to hit.</li>
<li>Speed and accuracy trade off.</li>
<li>Aim training improves the constants, not the shape of the law.</li>
</ul>
]]></content:encoded></item></channel></rss>