Jono Lewarne
LightNews LightNews
banner
cityeditionstudio.co.uk
Jono Lewarne
@cityeditionstudio.co.uk
440 followers 250 following 200 posts
Graphic design / web development / creative coding / typography. Working across print, pixels & places. Developing sites in Astro, Wordpress & Shopify.

Based at Spike Island in Bristol, UK since 2012. Teaching type at UWE too!
www.cityeditionstudio.co.uk
Posts Replies Media Videos
Pinned
cityeditionstudio.co.uk
Jono Lewarne @cityeditionstudio.co.uk · Nov 21
Hi and welcome to my new followers. I make websites, fun stuff with code, books (sometimes with code!) and site specific installations. Happy to have you along for the journey. I'm going to try to document my thinking and process more than I did on Twitter (😷). This is an accountability post...
A photo of a children's playground with a vertical play wall and a large graphic wall behind it A photo of a book spread featuring large expressive typography A screen grab of a website hero section featuring an interactive illustration of a reed bed
Reposted by Jono Lewarne
bell.bz
I'm also contractually obliged to share that my course is part of the @piccalil.li Black Friday deal.

Get mine and get Mindful Design or JavaScript for Everyone with your 50% coupon and again, I'm contractually obliged to let you know I'll love you forever.

piccalil.li/complete-css/
Complete CSS
A high quality, expansive CSS course that will elevate your CSS and core skills to a level you never thought was achievable.
piccalil.li
November 25, 2025 at 11:47 AM
cityeditionstudio.co.uk
I’m on board and looking forward to getting stuck into this after I finish a couple big projects. Come and join me! Worth it for the quips alone I’m willing to bet
piccalil.li Piccalilli @piccalil.li · 5d
Mindful Design is here!

You get the exact same deal as our Black Friday deal, so if you buy Mindful Design for £189, you can get JavaScript for Everyone or Complete CSS for only £124.50

That's a massive £184.50 saving off their full price for 2 premium courses!

piccalilli.link/md-launch-so...
Mindful Design
A high quality, expansive video course that will elevate your design skills to a level you never thought was achievable.
piccalilli.link
November 25, 2025 at 12:25 PM
cityeditionstudio.co.uk
Ooooh fun

css-tricks.com/the-range-sy...
The Range Syntax Has Come to Container Style Queries and if() | CSS-Tricks
Being able to use the range syntax with container style queries — which we can do starting with Chrome 142 — means that we can compare literal numeric values as well as numeric values tokenized by cus...
css-tricks.com
November 20, 2025 at 7:57 AM
cityeditionstudio.co.uk
I'm working on a dual language book about immigration. My typographic approach is to set both languages together with each paragraph varying in width to take up the same amount of lines as its equivalent in the other language.
A spread of two book pages with the same text in both English and Norwegian. Each English paragraph sits next to its Norwegian equivalent. The widths of each respective paragraph is different so that each pair of matching paragraphs are always the same number of lines deep.
November 19, 2025 at 1:44 PM
cityeditionstudio.co.uk
No Cloudflare = no Discogs. What the hell am I supposed to visit 100+ times today instead?!?
November 18, 2025 at 1:16 PM
cityeditionstudio.co.uk
A very inspiring (for me anyway) discussion between RISD’s John Caserta and Tim Rodenbröker about bridging print and code

podcasts.apple.com/gb/podcast/d...
Teaching through the lens of the Tool - with John Caserta
Podcast Episode · Demystify Technology · 20/10/2025 · 59m
podcasts.apple.com
November 16, 2025 at 10:29 AM
Reposted by Jono Lewarne
mkirschenbaum.bsky.social
This is a 52-pound 9000+ page accordion-bound artist’s book of Donald Trump’s lies, conceived, printed, and bound by Jill and Ray Nichols of @leadgraffiti.bsky.social in Delaware. Each of the 9000 pages has the text (per the Washington Post) of one or more of Trump’s lies; none are repeated.
The 9000-page 52-pound book, entitled LIAR, LIAR, on display today at the University of Maryland. Sample interior page. Front of a postcard describing the project. Photo of postcard describing project: “9,296 pages document 3o,573 false or misleading claims by Donald Trump from his first day in office, 2017, to his final day on January 20, 2020, when Joe Biden was sworn in as the country's next president. All that verbiage is s3" thick, weighs 52 pounds, and it started like this. The disolution of the Delaware College of Art & Design, to whom Lead Graffti had donated 1oos of design books over the past decade, brought an invitation to redaim them. We found a few, which brought us another interesting find — a blank Coppic-stitched book with a spine about 36 inches wide bound by Ema Ishii Holdredge for her BEA show at the Corcoran School of Art in 2008. That book haunted us for several weeks, and we decided it was too audacious not to give ita Lead Graffiti shot. For a while, we pondered how to fill a several thousand-page book with content that made a serious point. The notion of the presidential untruths came to mind, so maybe there was some documentation we could "borrow?" Sure enough, in a few Safari minutes, we found a downloadable PDE from The Washington Post that we could massage into a typographic form we could use. We were off. Ray undertook the ink-jet printing of the pages, folding and inserting the red cover-weight sheets for structural support, and gathering and punching the folds for sewing. Jill did 99.8% of the sewing. At a 3o2 United gathering, we encouraged attendees to give the book a stroke. Shown at right is the head of the Delaware ACLU, who has excellent technique. LEAD GRAFFITI | NEWARK, DELAWARE| LEADGRAFFITI.COM|RAY@LEADGRAIETTI.COM”
November 15, 2025 at 7:09 PM
cityeditionstudio.co.uk
This explains why I struggle to read the code I wrote ages ago and skipped commenting…

Thanks @kilianvalkhof.com

piccalil.li/blog/program...
Programming principles for self taught front-end developers
The majority of us are a bunch of self taught people with rather spotty knowledge and that's fine! Kilian (also self taught) is here to share some of the computer science fundamentals you probably are...
piccalil.li
November 11, 2025 at 2:05 PM
cityeditionstudio.co.uk
I'm typesetting a dual language publication today, always a fun challenge. InDesign has crashed 16 times. It's fine though. I have had a good idea so I am bulletproof from all of Adobe's stupid little bullets
a man in a black suit and sunglasses is standing in front of a bunch of bullets .
ALT: a man in a black suit and sunglasses is standing in front of a bunch of bullets .
media.tenor.com
November 7, 2025 at 2:28 PM
cityeditionstudio.co.uk
Saturday reading
The cover of the book “Manifestes 5. Artificial Design: Creation Versus Machine Learning” by Anthony Masure
November 1, 2025 at 12:19 PM
cityeditionstudio.co.uk
Having a nice and chill time updating someone's Wordpress site. Everything is fine.
October 29, 2025 at 8:22 PM
Reposted by Jono Lewarne
piccalil.li
Complete CSS has been live for nearly a year now and some of the most important content in the course is now free, for everyone to learn from.

piccalil.li/links/the-en...
The entire “Principles” module of Complete CSS is now free
Complete CSS has been live for nearly a year now and some of the most important content in the course is now free, for everyone to learn from.
piccalil.li
October 29, 2025 at 10:40 AM
cityeditionstudio.co.uk
So much of my print practice involves working with paper to figure out mechanics and format. Almost always beginning with scraps of paper; torn folded, scribbled on. It's such a valuable part of my process. Think > test > adjust > make.
October 22, 2025 at 3:05 PM
cityeditionstudio.co.uk
Women don't like the vehicle
A car absolutely fucking cover in bird faeces
October 17, 2025 at 4:57 PM
cityeditionstudio.co.uk
I often see the word 'kerning' used incorrectly by CSS heads when the term they're actually looking for to describe letter spacing is 'tracking'. Let me explain using CSS terminology!

Tracking is the same as gap in flex layouts; consistent spacing applied across the entire text.

But what if... 🧵
A graphic featuring repeated square shapes with consistent gaps between them. The text reads "Tracking/Letterspacing = Flex Gap. Consistent spacing applied across the entire text"
October 16, 2025 at 10:12 AM
cityeditionstudio.co.uk
The beginnings of an answer to a question I’ve asked myself a few times this year

Great writing and reasoning from @matthiasott.com

matthiasott.com/notes/compre...
Compressed Fluid Typography · Matthias Ott
Matthias Ott is an independent user experience designer and web design engineer from Stuttgart, Germany. He also teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design.
matthiasott.com
October 15, 2025 at 5:37 PM
Reposted by Jono Lewarne
jcoglan.com
not even slightly joking when I say that sora should not exist. it should be crime for something like it to be made available without restriction to the general public. its servers should be destroyed with hammers
October 15, 2025 at 9:26 AM
cityeditionstudio.co.uk
Not D’Angelo. 😔
October 14, 2025 at 5:38 PM
cityeditionstudio.co.uk
Found a little bug in Chrome where a backdrop filter on an element doesn't apply to text if there's anything on the page with a mix-blend-mode. Thanks to @joshwcomeau.com for the help diagnosing it!
October 14, 2025 at 8:23 AM
cityeditionstudio.co.uk
Looking forward to getting stuck into this
piccalil.li Piccalilli @piccalil.li · Oct 7
Set your alarms and clear your inboxes: JavaScript for Everyone launches in 7 days, on October 14th.

The drafts are done, the editing is *nearly* complete and let us tell you, Mat has written a masterpiece.

Get alerted on launch day by signing up for updates: piccalil.li/javascript-f...
JavaScript for Everyone. A new course by Mat Marquis. Launching in 7 days
October 13, 2025 at 8:50 PM
cityeditionstudio.co.uk
Building something new. In the browser. Websites baby
October 13, 2025 at 2:08 PM
Reposted by Jono Lewarne
ygrene.bsky.social
good morning only to people who aren't actively ruining other people's lives
October 11, 2025 at 1:10 PM
Reposted by Jono Lewarne
cityeditionstudio.co.uk
I revisited a book project from a couple years ago today. I used a variable font and JavaScript inside InDesign to make the text get bolder, or darker, as it got deeper down the page, mimicking the ocean, the subject of the book. The cover was made from plastic recovered from the sea by fishermen
November 15, 2024 at 3:57 PM
cityeditionstudio.co.uk
@webdevconf.com was so good! Amazing to meet and listen to such talented and lovely humans. Thanks to @lurkmoophy.bsky.social and @alexolder.com for putting such a great event together
All the speakers from WDC 2025 on stage in front of a thank you message Speaker Michael Kibedi talking at a lectern in front of a slide featuring a book cover Speaker Henry Desroches talking at a lectern in front of a slide featuring a photo of traffic with the phrase “but as time wore on”
October 11, 2025 at 7:57 AM
cityeditionstudio.co.uk
New books that I do not have time to read (yet)
A photo of two books on a pink cutting mat; ‘how to build a low tech internet’ and ‘low tech magazine: the compressed edition’ both by Kris De Decker
August 27, 2025 at 3:37 PM