Line | 85841ab8af7303ef4aca2910529551c68dab4867 | current |
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> |