bryanhogan

Sounds like that older Vivaldi version does not support CSS nesting. I looked into it. I'm assuming you are using Vivaldi 5.6 which uses Chromium 108, native CSS nesting became supported in Chromium 112.

The layout approach is based on this Kevin Powell video: https://m.youtube.com/watch?v=c13gpBrnGEw

It uses CSS Grid to create a centered, width-constrained content area while allowing individual elements to break out of it or span the full viewport width. This provides a flexible, consistent layout without the need for additional wrapper elements in the HTML.

CSS nesting has had full browser support for more than 3 years now, I recommend updating. I'll also add fallback for older browsers, but the Grid layout itself isn't the issue.

At least you can easily compare the different Geist fonts here: https://vercel.com/font?type=serif

What do you think of https://starter.bryanhogan.com/ then?

This is a very important and good change. Currently Discord communities are black holes of information.

Especially for communities that have valuable discussions and support going on in Discord, Obsidian or Astro come to my mind, this is super helpful.

I do wonder about their motivations behind this, making the web a more open and user friendly place is obviously good for the users, how does Discord profit from this? Forcing users into creating an account to view valuable information seemed like a profitable thing for Discord.

I tried looking for specific numbers on this, were they mentioned anywhere?

As most sites will have horrible CSS for printing, as it's not a big priority usually, I can recommend getting the page as a markdown file through something like the Obsidian Web Clipper and using that instead.

Obsidian Web Clipper: https://obsidian.md/clipper

Thank you for the comment!

Yes, I will add that.

I shouldn't assume a user has added the Korean keyboard mode / layout to their device.

Yes, this is right! It's closest to usability testing in UX design.

As I already mentioned in another comment, I recommend this post for people who want to go a bit deeper: https://www.nngroup.com/articles/usability-testing-101/

This is very close to what you call usability testing in the field of UX design.

The Nielson Norman Group has a good introduction to this: https://www.nngroup.com/articles/usability-testing-101/

Is this interesting to people on HN?

I majored in a mix between coding and design.

There are thousands of great games which are not hand holding. Many studios are putting out amazing work that does not deserve to be lumped together with modern trash.

I'm wondering if this might not be addressing the actual problem? A game such as Rimworld, with much lower details in graphics / looking less realistic, feels much more like it has a "soul".

Can highly recommend Tynan Sylvester's book "Designing Games" which also goes a bit into why Rimworld looks like it does.

I'd rather more games move into more abstract directions for portraying game elements, the majority of games should not try to look "realistic".

I've been building something similar which should also be used as a starting point for web development.

It includes a setup for simple plain CSS that can scale. It's split into a reset.css, var.css, global.css, util.css and markdown.css.

Using that approach for this Astro Starter Template: https://starter.bryanhogan.com/

I describe the setup in more detail here: https://webdev.bryanhogan.com/css/css-setup/

I have also been using 5.6 Sol instead of 6. I found 6 to burn through my usage incredibly quick, making it somewhat unusable because I wouldn't be able to get anything done.

My results with 5.6 Sol were quite similar to 6, although I haven't tested it that much.

What worked well previously was to have the Claude.md file contain just "@AGENTS.md".

But this is a good change.

The world of managing skills between providers still feels messy though.

I mean, with modern CSS you can build good experiences very well. Responsive is not easy but also not impossible.

I'm working on a self-tracking app and an Astro Web Starter Template! :)

The app is very customizable, local-first and is built to adapt to what you want. Goal is to combine habit tracking, health logging and journaling into one fast and easy to use interfact.

Have been working on it for almost years now and it's making great progress.

Doing closed user testing right now and will release an open beta soon: https://dailyselftrack.com/

My Astro Web Starter is built for building well-designed, performant and accessible websites. It contains everything a high-quality website needs (In my opinion). I built it so I have one good base on which to start my web projects on. Using basic HTML and CSS that can scale, without bloat.

There's a lot more on it which you can see here: https://starter.bryanhogan.com/

I think there are many reasons why React Native would be unappealing, my experience with it wasn't that positive.

I don't see a reason to use it over web stacks plus CapacitorJS (Or Tauri) or directly native for very large teams.

> We are making this choice because we cannot be confident that SpaceX will use our technology within our terms of service, based on our experience with Elon Musk's companies violating contracts.

I'm surprised how clear they are about this.

Related:

Can highly recommend Zed as an alternative, it's better than VSCode with the Codex extension as managing multiple chats is much nicer in Zed.

Zed: https://zed.dev/

Yes, I would love to talk! Please send me a message: bryan @ bryanhogan dot com

I really liked my modern Bachelor's called Code & Context, it focussed on creating potential founders.

It combined coding, design and entrepreneurship. I felt like the idea behind this major was being able to go from idea / problem to finished product sold by a company.

The three main fields are very related:

- Coding: How to actually code and build the solution.

- Design: How to identify problems and design solutions around them. So it's actually multiple different fields of design, e.g. including product design and UX and UI design.

- Entrepreneurship: How to actually build and sustain a company around that.

There were many opportunities to work on your own projects. Increasingly so actually by intention (2 weeks to 8 weeks in later semesters). It's also close to many entrepreneurship programs for potential funding for ideas, but also networking and guidance.

I wrote a blog post about it: https://bryanhogan.com/blog/what-is-coco

Their website (in German): https://coco.study/

The university's page on it (in German): https://www.th-koeln.de/studium/code--context-bachelor_62103...

I've been using Zed mostly with Codex session windows and its great. It is much easier to handle multiple sessions than in the Codex VSCode app and the interface is quite good.

I don't think that's moving the goalposts. The goal isn't to minimize dependencies or avoid Node APIs. It's to make it easy to build a high-quality website with a good, simple developer / creator experience.

The thing you linked doesn't meet the bar I'm aiming for, either for the resulting site or for the experience of building it. Astro helps me achieve those goals as part of this project, which is why I consider it a beneficial dependency.

That would mean using a completely different architecture, and I think there many benefits to using Astro. I like your underlying goal of fewer environment-specific dependencies, but the ones used here were carefully selected because they do provide a benefit.

I'm building the easiest way to start your own high-quality blog: https://github.com/BryanHogan/astro-starter-template

Astro is a framework that uses no JavaScript by default. I also use just HTML and CSS, so no bloated additional frameworks or styling libraries.

All blog content is written as Markdown or .mdx files, so it's easy to write and move to any other tool if you wish to do so.

You can host it for free using any major provider since it's just a static website (e.g., GitHub Pages, Cloudflare, etc.).

Making it similar to my own website which is on: https://bryanhogan.com/

(Repo: https://github.com/BryanHogan/bryanhogan )

This is the one use-case where !important makes the most sense, as it's a utility class they you only use if you want it. The other solution would be to make other CSS less specific, e.g. using `where` in the markdown.css file, but that would be more messy.

I built something for a similar goal, make it easy for someone to start their blog. But instead it's a static website, clone the repo, adjust the config.ts, write the posts in markdown, host anywhere: https://starter.bryanhogan.com/

I agree that React gets overused for many websites, but I'm not sure about this project over something like Astro.

I built an Astro Starter that uses just CSS in a scalable way for simple websites. Content is written in Markdown / MDX files. Design tokens are set in var.css. Other stuff is defined in one config.ts file.

Global styling is set though a few CSS files (Global, Reset, Var, Util, Markdown), components are scoped in styling but utilise the tokens.

Link: https://starter.bryanhogan.com/

GitHub repository: https://starter.bryanhogan.com/

I also don't recommend TailwindCSS.

I instead recommend using HTML + CSS in a way that scales. Plus using a framework that supports scoped components helps.

I'm writing a web developer guide on using HTML + CSS and JS only when you need it: https://webdev.bryanhogan.com/

I'm also using the described approach in building a Astro starter template: https://starter.bryanhogan.com/

Cool project, I had been using markdown based slide tools for similar use-cases:

- Marp: https://marp.app/

- Slidev: https://sli.dev/

- Revealjs: https://revealjs.com/

Something more similar, based on HTML and CSS but instead based on the Svelte framework, was Animation: https://animotion.pages.dev/

It focuses on presentations that include animations, but of course it's flexible.