Diff of /2024/06/16/html-iconography/index.html

Revision 85841ab8af7303ef4aca2910529551c68dab4867 => current


Line85841ab8af7303ef4aca2910529551c68dab4867current
1<!DOCTYPE html><!DOCTYPE html>
2<html><html>
3 <head> <head>
82 <h1><a href="index.html">HTML iconography</a></h1> <h1><a href="index.html">HTML iconography</a></h1>
83 <hr class="below-title"> <hr class="below-title">
84 </div> </div>
85 <div class="update-prepend rss-description-exclude">
86 <em> ➣  This post was meaningfully revised at 2024-06-17 @ 02:35 PM EDT. The previous revision is <a href="index-oldcommit-85841ab8af7303ef4aca2910529551c68dab4867.html">here</a>, diff <a href="index-diff-85841ab8af7303ef4aca2910529551c68dab4867-to-current.html">here</a>. (See <a href="index.html#update-history">update history</a>.) </em>
87 <hr>
88 </div>
89 <div class="entry-body"> <div class="entry-body">
90 <div class="flexmark markdown"> <div class="flexmark markdown">
91 <p>My web skillz are very old-school.</p> <p>My web skillz are very old-school.</p>
144 <p>(It does seem a bit wasteful to trick Firefox into downloading 500x500 images to render at 16x16 or 32x32, but if it smartens up, it can download icons prerendered in just those tiny sizes!)</p> <p>(It does seem a bit wasteful to trick Firefox into downloading 500x500 images to render at 16x16 or 32x32, but if it smartens up, it can download icons prerendered in just those tiny sizes!)</p>
145 <p>Anyway, that was what I did to add icons to this site and to <a href="https://drafts.interfluidity.com/"><em>drafts</em></a>.</p> <p>Anyway, that was what I did to add icons to this site and to <a href="https://drafts.interfluidity.com/"><em>drafts</em></a>.</p>
146 <p>Please let me know if there are much better ways!</p> <p>Please let me know if there are much better ways!</p>
147 <hr>
148 <p><strong>Update (17-June-2024):</strong></p>
149 <p>Carlana Johnson <a href="https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs">points me</a> to a great article by Andrey Sitnik, <a href="https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs"><em>How to Favicon in 2024: Six files that fit most needs</em></a>.</p>
150 <p>For now, because I'm lazy, and because my icons are not SVG-friendly, I'm leaving things as they are.</p>
151 <p>But perhaps someday I'll make better, vector, logos and icons, rather than just repurpose my social media avatar. Then I will try out this carefully thought-out approach.</p>
152 </div> </div>
153 </div> </div>
154 <div class="entry-footer"> <div class="entry-footer">
155 <div class="post-metainfo"> <div class="post-metainfo">
156 <a href="index.html">07:10 PM EDT</a> <div class="updated-note">
157 <a href="index.html#major-updates">Last major update at 2024-06-17 @ 02:35 PM EDT</a>
158 </div>
159 <div>
160 <a href="index.html" class="pubtime">07:10 PM EDT</a>
161 </div>
162 </div> </div>
163 </div> </div>
164</article></article>
171 <a href="../../../../index.html">↑↑↑</a> <a href="../../../../index.html">↑↑↑</a>
172 </div> </div>
173 <div class="next"> <div class="next">
174 <a href="../../../../xml/iffy/index-updated-2024-06-20-11-05-00.html">Updated: The 'iffy' XML namespace →</a>
175 </div> </div>
176 </div> </div>
177 <div id="update-history" class="update-history">
178 <h3 class="update-history-title"><a id="major-updates" href=""></a>Major revisions:</h3>
179 <ul>
180 <li><span class="update-timestamp"><i>2024-06-17 @ 02:35 PM EDT</i></span> — Add bold update, link to Andrey Sitnik article, via Carlana Johnson (<a href="index-diff-85841ab8af7303ef4aca2910529551c68dab4867-to-current.html">diff</a>)</li>
181 <li><span class="update-timestamp"><i> <a href="index-oldcommit-85841ab8af7303ef4aca2910529551c68dab4867.html">2024-06-16 @ 07:10 PM EDT</a></i></span> — Initial publication.</li>
182 </ul>
183 <div class="update-history-note">
184 Timestamps represent "major", substantative revisions. There may have been subsequent typo fixes and language reworkings within a major revision, after the time displayed. For a more complete and fine-grained update history, you can view the <a href="https://github.com/swaldman/tech.interfluidity.com/commits/main/">git repository commit history</a>. The most recent minor modification of this entry occurred 2024-06-17 @ 02:35 PM EDT.
185 </div>
186 </div>
187</div><!-- after-article --></div><!-- after-article -->
188 </div> </div>
189 <div id="right-sidebar"> <div id="right-sidebar">
190 </div> </div>
191 </div> </div>
192 </body> </body>
193</html></html>