<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Code on Afroleft</title><link>https://afroleft.com/tag/code/</link><description>Recent content in Code on Afroleft</description><generator>Hugo</generator><language>en-gb</language><lastBuildDate>Sun, 30 Jul 2023 19:27:25 +0000</lastBuildDate><atom:link href="https://afroleft.com/tag/code/index.xml" rel="self" type="application/rss+xml"/><item><title>Our Duty</title><link>https://afroleft.com/our-duty/</link><pubDate>Tue, 26 Nov 2013 10:48:00 +0000</pubDate><guid>https://afroleft.com/our-duty/</guid><description>&lt;blockquote&gt;&#10;&lt;p&gt;Firstly, think about what your pages do, not what they look like. Let your design flow from the services which they will provide to your users, rather than from some overarching idea of what you want pages to look like. Let form follow function, rather than trying to take a particular design and make it “work”.&lt;/p&gt;&#10;&lt;/blockquote&gt;&#10;&lt;p&gt;For us wonderful folk who make websites, it’s our duty to read John Allsopp&amp;rsquo;s seminal &lt;a href="http://thsth.at/18lQ23J"&gt;A Dao of Web Design&lt;/a&gt; &lt;em&gt;at least&lt;/em&gt; once a year. For an article that was written way over a decade ago, many of those points still offer so much significance today.&lt;/p&gt;</description></item><item><title>Lazy Loading Responsive Images</title><link>https://afroleft.com/lazy-loading-responsive-images/</link><pubDate>Mon, 07 Oct 2013 08:11:00 +0000</pubDate><guid>https://afroleft.com/lazy-loading-responsive-images/</guid><description>&lt;hr&gt;&#10;&lt;p&gt;Learn more below or see the &lt;a href="https://afroleft.github.io/Lazy-Loading-Responsive-Images/"&gt;&lt;strong&gt;Demo →&lt;/strong&gt;&lt;/a&gt;&lt;/p&gt;&#10;&lt;hr&gt;&#10;&lt;p&gt;Most of last week I was rebuilding a website for a longstanding client. Performance (i.e.how fast the thing renders) is not only important to this client, it’s imperative. A good proportion of their customers live out in the sticks, and as a result, many have slow internet connections.&lt;/p&gt;&#10;&lt;h3 id="lazy-load-to-the-rescue"&gt;Lazy Load to the Rescue&lt;/h3&gt;&#10;&lt;p&gt;To speed up page load, we decided to use the popular &lt;a href="http://www.appelsiini.net/projects/lazyload"&gt;Lazy Loader plugin&lt;/a&gt; which defers the initialisation of images until they were needed. Most importantly though, users on slow connections would have the &lt;strong&gt;(essential)&lt;/strong&gt; page content loaded almost instantly, while &lt;strong&gt;(complementary)&lt;/strong&gt; imagery could download subsequently.&lt;/p&gt;</description></item></channel></rss>