HN user

bbx

4,001 karma

Front-end designer from Bordeaux, living in Manchester. Creator of Bulma.

https://jgthms.com

@jgthms

meet.hn/city/gb-Manchester

Socials: - github.com/jgthms - x.com/jgthms

Interests: UI/UX Design, Web Development, Sports, Freelancing, Gaming, Music, Open Source, Programming, Remote Work

---

Posts81
Comments393
View on HN
chordscrush.com 6mo ago

Show HN: ChordsCrush, a free musical chord training game

bbx
1pts2
jgthms.com 7mo ago

Show HN: Picknplace.js, an alternative to drag-and-drop

bbx
455pts152
equatile.com 12mo ago

Show HN: I built a free math-based puzzle game called Equatile

bbx
11pts5
jgthms.com 6y ago

Show HN: Hacker News Dark Mode

bbx
119pts57
f1standings.com 7y ago

Show HN: F1standings.com – A simple website for F1 driver and team standings

bbx
3pts0
jgthms.com 8y ago

Learn JavaScript in 14 minutes

bbx
1pts0
jgthms.com 8y ago

Show HN: JavaScript in 14 minutes

bbx
33pts4
jgthms.com 8y ago

Show HN: CSS in 44 minutes ebook

bbx
3pts0
footballtabl.es 8y ago

Show HN: Simple football league tables, both “classic” and “alternative”

bbx
4pts4
gaming.stackexchange.com 8y ago

RollerCoaster Tycoon: how do increase my park's value?

bbx
2pts0
htmlreference.io 9y ago

Show HN: A guide to all HTML5 elements and attributes

bbx
728pts93
cssreference.io 9y ago

Show HN: A visual guide to the most popular CSS properties

bbx
1117pts122
jgthms.com 9y ago

Show HN: Wysiwyg.css, a tiny CSS for generated HTML or Markdown content

bbx
4pts0
jgthms.com 9y ago

In CSS, set line-height first, padding second

bbx
4pts0
jgthms.com 9y ago

Show HN: Web Design in 4 minutes

bbx
1624pts152
jgthms.com 10y ago

Show HN: Mobile-friendly Euro 2016 calendar

bbx
1pts0
bulma.io 10y ago

Show HN: Metro UI Grid in CSS with Flexbox

bbx
2pts0
jgthms.com 10y ago

The lost art of visited links

bbx
2pts0
jgthms.com 10y ago

A better Google AMP test

bbx
3pts0
bulma.io 10y ago

Show HN: A modern CSS framework based on Flexbox

bbx
5pts0
jgthms.com 10y ago

25 signs you're a professional designer

bbx
1pts0
github.com 10y ago

Calypso: the new WordPress.com front-end in Node.js

bbx
1pts0
www.wired.co.uk 10y ago

SpatialOS: Improbable unveils operating system for simulated cities

bbx
2pts0
venturebeat.com 10y ago

Improbable's software brings huge games and VR simulations to life via the cloud

bbx
5pts0
jgthms.com 10y ago

In CSS: use pixels, not em

bbx
2pts0
www.digitaltrends.com 10y ago

Nebia shower head reduces water usage by 70 percent

bbx
1pts0
marksheet.io 11y ago

Show HN: MarkSheet.io – a free guide to learn HTML and CSS

bbx
16pts2
www.etsy.com 11y ago

Etsy Crowdfunding

bbx
1pts0
officeofbenbarry.com 11y ago

Facebook's Little Red Book

bbx
15pts2
f8.facebooklive.com 11y ago

Facebook F8 Developer Conference

bbx
2pts0
Show HN: Zanagrams 24 days ago

Great game! I really like how it removes any possible letters or connections. I managed to finish two zanagrams without any wrong answers. It’d be great if there was a way to gain a “perfect” score.

Great game. I love playing chess so this is quite a unique way to play it.

One piece of feedback: dragging a piece on mobile seems inaccurate at times. I’m used to chess apps where it works great. Here it seems the dragged piece doesn’t always end up where I’ve left my finger. I’ve lost a few rounds like this.

I'm building a small video utility app, built on top of ffmpeg. It allows you to convert from/to different formats, split a video into clips, combine videos into a single one, take screenshots…

1D Chess 3 months ago

Oh very interesting. Even with these restrictions, there are quite a few variations, and it seems only one ends up with white winning.

I'm all for creating new frameworks that are faster and more secure. But I don't see how this one relates to Wordpress (not in PHP, serverless, not "plug and play", dependent on Astro, "AI Native"…).

It looks like a good open source project, but just call it a new CMS. I think calling it a "spiritual successor to WordPress" is just to gain some marketing points.

These road signs are iconic. They’re noticeable but not distracting. They inform without imposing themselves. There’s something very soothing about them.

If you’ve ever taken the A10 motorway France between Bordeaux and Paris, it’s about a 500 km stretch that is fairly straight and, thus, a bit boring. But seeing these golden signs along the road was always a small event for me as a kid. They act as sporadic milestones: every time you see one, you know you’ve made progress and entered a new region.

[dead] 5 months ago

The website feels quite sluggish, especially when hovering color palettes. There's some missing CSS optimization here.

And I'm not sure what the point is linking to a Github repo that only has a License and a Readme?

Interesting. I used Expo recently and loved the development experience. I also built a simple iPhone app with Swift, and it was a decent experience. I have plans of building another iPhone app and was considering Swift again, which would make me miss building an Android app, but maybe Skip would allow me to do it anyways.

Thanks, that's great feedback.

For number 2, that should be possible, since I have the position of each item in the list (and the position of the list itself. Using a <canvas> might be the way to go.

For number 4, my main concern would be that it would feel like "scroll-hijacking". What I did however is prevent the picked item from going beyond the list, in both directions.

Number 5 is a good idea as well, easy to implement.

Having designed websites with Dreamweaver, Photoshop, Illustrator and Sketch, I absolutely love Figma and especially Auto Layout. I don't think people realise how annoying it was to design a list of repeatable items. There already was a concept of "smart object" or "component" that could be duplicated in instances with variations. But laying them out was really cumbersome: if one of the instance had a different height, it would mess up the design because all subsequent items would need to be repositioned. The gap between them was also not a value: it was just space that wasn't used, so you couldn't interact with this gap.

Auto Layout fixes all those issues: you have a list of items of variable height with a fixed gap. You can very easily add/remove/reorder items, without breaking your design. You can even make it wrap, with different column and row gaps, and thus replicate a flexbox layout with "flex-wrap: wrap".

Each item can either hug its contents, have a fixed width, or grow. That's essentially flex-shrink and flex-grow in Figma. So useful.

You'll also notice that prototypes have a "responsive" mode, and it's amazing how Auto Layout will easily adapt to _any_ screen dimension. If you create a data table with one column that "fills" the space, you have a responsive prototype right out of the box.

Also, you can now drag an Auto Layout and it will fill it with component instances and replace its text content, essentially allowing you to fill your design in seconds. Incredible.

If the author still wants to manually place frames around, they still can. Just use fixed dimensions frames, with fixed positioning. That's similar to using "position: absolute" in your CSS. It's just a different type of design. Nothing forces you to use Auto Layout.

I still play that game! Fairly popular in France, but nobody seems to know it in England weirdly enough. The newer board is a bit less readable than the 90's version. I also play it on my phone, although the AI isn't that good.

TIL you can grab the scroll bar on iOS!!

Thanks for this. Jumping to the bottom of a page was such a chore for me.