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

Revision 85841ab8af7303ef4aca2910529551c68dab4867 => current


Line85841ab8af7303ef4aca2910529551c68dab4867current
1<!DOCTYPE html><!DOCTYPE html>
2<html><html>
3 <head> <head>
42 <link rel="alternate" type="application/rss+xml" title="tech.interfluidity.com updates" href="../../../../feed/index.rss"> <link rel="alternate" type="application/rss+xml" title="tech.interfluidity.com updates" href="../../../../feed/index.rss">
43 <link rel="alternate" type="application/rss+xml" title="interfluidity - all blogs" href="https://www.interfluidity.com/unify-rss/all-blogs.rss"> <link rel="alternate" type="application/rss+xml" title="interfluidity - all blogs" href="https://www.interfluidity.com/unify-rss/all-blogs.rss">
44 <link rel="alternate" type="application/rss+xml" title="interfluidity - all blogs and microblogs" href="https://www.interfluidity.com/unify-rss/all-blogs-and-microblogs.rss"> <link rel="alternate" type="application/rss+xml" title="interfluidity - all blogs and microblogs" href="https://www.interfluidity.com/unify-rss/all-blogs-and-microblogs.rss">
45 <link rel="alternate" type="application/x-single-item-rss+xml" title="HTML iconography" href="index.rss">
46 <link rel="stylesheet" href="../../../../css/style.css"> <link rel="stylesheet" href="../../../../css/style.css">
47 <link rel="stylesheet" href="../../../../css/highlightjs/steve-night-owl.css"><!-- theme for highlight.js --> <link rel="stylesheet" href="../../../../css/highlightjs/steve-night-owl.css"><!-- theme for highlight.js -->
48 <script src="../../../../js/highlight/highlight.min.js"></script> <script src="../../../../js/highlight/highlight.min.js"></script>
83 <h1><a href="index.html">HTML iconography</a></h1> <h1><a href="index.html">HTML iconography</a></h1>
84 <hr class="below-title"> <hr class="below-title">
85 </div> </div>
86 <div class="update-prepend rss-description-exclude">
87 <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>
88 <hr>
89 </div>
90 <div class="entry-body"> <div class="entry-body">
91 <div class="flexmark markdown"> <div class="flexmark markdown">
92 <p>My web skillz are very old-school.</p> <p>My web skillz are very old-school.</p>
145 <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>
146 <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>
147 <p>Please let me know if there are much better ways!</p> <p>Please let me know if there are much better ways!</p>
148 <hr>
149 <p><strong>Update (17-June-2024):</strong></p>
150 <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>
151 <p>For now, because I'm lazy, and because my icons are not SVG-friendly, I'm leaving things as they are.</p>
152 <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>
153 </div> </div>
154 </div> </div>
155 <div class="entry-footer"> <div class="entry-footer">
156 <div class="post-metainfo"> <div class="post-metainfo">
157 <a href="index.html">07:10 PM EDT</a> <div class="updated-note">
158 <a href="index.html#major-updates">Last major update at 2024-06-17 @ 02:35 PM EDT</a>
159 </div>
160 <div>
161 <a href="index.html" class="pubtime">07:10 PM EDT</a>
162 </div>
163 </div> </div>
164 </div> </div>
165</article></article>
172 <a href="../../../../index.html">↑↑↑</a> <a href="../../../../index.html">↑↑↑</a>
173 </div> </div>
174 <div class="next"> <div class="next">
175 <a href="../../../../xml/iffy/index-updated-2024-06-20-11-05-00.html">Updated: The 'iffy' XML namespace →</a>
176 </div> </div>
177 </div> </div>
178 <div id="update-history" class="update-history">
179 <h3 class="update-history-title"><a id="major-updates" href=""></a>Major revisions:</h3>
180 <ul>
181 <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>
182 <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>
183 </ul>
184 <div class="update-history-note">
185 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-11-10 @ 08:30 PM EST.
186 </div>
187 </div>
188</div><!-- after-article --></div><!-- after-article -->
189 </div> </div>
190 <div id="right-sidebar"> <div id="right-sidebar">
191 </div> </div>
192 </div> </div>
193 </body> </body>
194</html></html>