Top all-time · #1572
Jeremy Thomas
Personal blog · jgthms.com · on HN as bbxdesignwebprogramming
Jeremy Thomas's personal blog at jgthms.com covers design, web and programming. Since 2012, 45 different Hacker News readers have linked it 116 times, most often “Web Design in 4 Minutes”. No feed was found, so read it on the site itself.
Too few sampled comments (23) to say how often HN recommends it.?
Why HN links it
HN readers link Jeremy Thomas's 'Web Design in 4 Minutes', a step-by-step walkthrough of building a page's HTML and CSS. It is most often suggested to people who want to learn web design basics.
- Recommended for · 7 comments
- Recommended for learning web design; called a crash course, 'simple, yet elegant', one of a commenter's favorite sites, and the most favorited post on HN.
Summarised by Claude from a sample of 23 HN comments that link here. Each comment is marked recommending, critical or neutral (citing without judging); how this works.
Jeremy Thomas is a frontend developer from 🇫🇷 Bordeaux, living in 🇬🇧 Manchester. He's a 🎨 designer, 🔨 developer, 👨🏫 code teacher and ❤️ open source contributor. 👍
Most-linked posts?
- Web Design in 4 Minutes28 people · 29 mentions · first linked 2018-02-05
- Show HN: Web Design in 4 minutes3 people · 5 mentions · first linked 2016-07-26
- Wikipedia redesign3 people · 3 mentions · first linked 2014-04-28
- Show HN: Hacker News Dark Mode2 people · 5 mentions · first linked 2020-05-16
- Show HN: CSS in 44 minutes ebook2 people · 4 mentions · first linked 2018-01-09
- Why HN doesn't need a redesign2 people · 4 mentions · first linked 2013-03-07
- Show HN: JavaScript in 14 minutes2 people · 4 mentions · first linked 2018-03-27
- 25 signs you're a professional designer2 people · 2 mentions · first linked 2015-12-07
- Wysiwyg.css2 people · 2 mentions · first linked 2016-09-20
- The lost art of visited links2 people · 2 mentions · first linked 2016-04-09
What Hacker News says?
While clever, there's a few problems with the navigation on this site. 1. The back button doesn't undo the changes. Abstractly, clicking on a link performs some navigation which the back button is supposed to reverse. That doesn't work here. 2. Fragment links don't work. http://jgthms.com/web-design-in-4-minutes/#centering should take me to the 3rd step. Instead it just dumps me on the first step.
Comment linking /web-design-in-4-minutes/
on “Show HN: Web Design in 4 minutes”Submitted Show HN: Web Design in 4 minutes as a story · 1624 points
HN discussionIn similar fashion you can learn “Web Design in 4 minutes” [1] and “JavaScript in 14 minutes” [2] [1] https://jgthms.com/web-design-in-4-minutes/ [2] https://jgthms.com/javascript-in-14-minutes/
Comment linking /javascript-in-14-minutes/
on “A half-hour to learn Rust”Submitted Show HN: Picknplace.js, an alternative to drag-and-drop as a story · 449 points
HN discussionI’ve written a small CSS ebook if that interests you. [1] It teaches you how to build a webpage from scratch. I’m currently writing my second one, which will be more theoretical and cover things like this blog post actually. I’d be interested to know what kind of problems you’re facing in CSS, so feel free to drop me an email. [1] https://jgthms.com/css-in-44-minutes-ebook/
Comment linking /css-in-44-minutes-ebook/
on “Things I wish I’d known about CSS”Submitted Wikipedia redesign as a story · 169 points
HN discussionAuthor mentions this took a long time to arrive at. I recommend "Web Design in 4 Minutes" from the CSS guru behind Bulma: https://jgthms.com/web-design-in-4-minutes/
Comment linking /web-design-in-4-minutes/
on “58 Bytes of CSS to look great nearly everywhere”Submitted Show HN: Hacker News Dark Mode as a story · 119 points
HN discussionImplemented a live web version using CSS Variables: https://jgthms.com/hacker-news-dark-mode/
Comment linking /hacker-news-dark-mode/
on “Ask HN: Dark mode for HN please?”Submitted Show HN: JavaScript in 14 minutes as a story · 33 points
HN discussionReminiscent of Web Design in 4 minutes: https://jgthms.com/web-design-in-4-minutes/
Comment linking /web-design-in-4-minutes/
on “The least amount of CSS for a decent looking site (2023)”Submitted Show HN: Hopera, a free musical soothing rhythmic game as a story · 28 points
HN discussionVery nice writeup! I like the fact that he explained both Flexbox and Grid, as they can both be misunderstood since in some cases they can be interchangeable, although they work quite differently. If you like step-by-step guides, you might enjoy this tiny tutorial I made last year: https://jgthms.com/web-design-in-4-minutes/
Comment linking /web-design-in-4-minutes/
on “Modern CSS Explained”Submitted Web Design in 4 Minutes as a story · 14 points
HN discussionI had to through my saved favorites, but I knew what you were talking about. From 5(!) years ago: https://jgthms.com/web-design-in-4-minutes/
Comment linking /web-design-in-4-minutes/
on “58 bytes of CSS to look great nearly everywhere”Submitted Microsoft.com is not a website as a story · 11 points
HN discussionYou might enjoy my sun/moon icon then :-) https://jgthms.com/
Comment linking /
on “The most satisfying checkbox”Submitted Web design in 4 minutes as a story · 8 points
HN discussionPick a smaller project, something you can finish in a few days or weeks. For years I was thinking of creating video tutorials to teach CSS. I would sell these videos online, either as a subscription model or as a downloadable package. I spent months creating design templates that I would teach how to code. I also looked into screen recording software. I bought a microphone stand. I did some tests. But in the end, I…
Comment linking /css-in-44-minutes-ebook
on “Ask HN: How do you stay disciplined in the long run?”Submitted The lost art of visited links as a story · 7 points
HN discussionThe main misuse of dropdowns is as an alternative to a few (or even just two) radio buttons. [1] The only possible reasoning I can see is the flexibility it provides for I18N. [1] http://jgthms.com/dont-use-dropdowns-for-a-few-items-only.ht...
Comment linking /dont-use-dropdowns-for-a-few-items-only.html
on “Dropdowns Should Be the UI of Last Resort”Submitted Bootstrap is for programmers as a story · 7 points
HN discussionActually no. It's only available in some corner of my brain for now... But I recently redesigned by blog [1] and have been considering adding a "Bucket list" section, which would only include design-related challenges, both digital (like a complete phone OS) and physical (a car dashboard without touch controls, a kitchen layout...). Obviously, most of these problems would be hard to tackle, considering they're usual…
Comment linking /
on “Clear Sans”Submitted Wysiwyg.css as a story · 5 points
HN discussionYour link is 404 (is that what you meant?) Their page uses https://jgthms.com/picknplace.js/picknplace.js
Comment linking /picknplace.js/picknplace.js
on “Show HN: Picknplace.js, an alternative to drag-and-drop”Submitted Web Design in 4 Minutes as a story · 4 points
HN discussionIf you need to go to a café and create a new user for each new side project, you’re not gonna work a lot. I understand needing separate contexts for separate projects but this seems like overkill. The context is in your mind, not your environment. I have my share of past and ongoing side projects, including hobby websites [1], funny tutorials [2], an ebook [2], coding references [4] and a CSS framework [5]. Like the…
Comment linking /css-in-44-minutes-ebook/
on “Finishing a side project”Submitted Web Design in 4 Minutes as a story · 4 points
HN discussionMy friend swears by Wikiwand, but I hate how it changes all links to its own domain. (It really should have been a browser extension instead of its own website that's merely a stylesheet) It also overoptimizes for the reader: minimizing the edit tab, hiding the talk page, hiding the history tab, over-enlarging images, and making disambiguation hatnotes nearly invisible. I do like how it has article preview popups on…
Comment linking /wikipedia-redesign.html
on “Wikipedia Turns 15”Submitted JavaScript in 14 Minutes as a story · 4 points
HN discussion
