Blade-Runner-Tailwind: A Collection of Blade Runner Themed Tailwind Components | Hacker News Reader

Blade-Runner-Tailwind: A Collection of Blade Runner Themed Tailwind Components

github.com

57 pointsthunderbong29 comments

I don't think this font looks good in the examples shown. Hurts my eyes. Sometimes the strikethrough effect is too destructive and makes it hard to read the word. It sure does look good on a movie poster though.

That was my first thought too. It looks like an interesting project, but that specific font makes it hard to understand what the screens are showing. Looking at Blade Runner posters, there are other typefaces that you could use to convey information while being true to the movie's spirit. I would use the current font sporadically and only for short phrases in large font size.

It's a title font being used as a body font. And the color contrast is low.

Yep, fonts are not great. Should have read the Typeset In The Future blog post on Blade Runner:

https://typesetinthefuture.com/2016/06/19/bladerunner/

Oof. I'm a suckered for the cyberpunk aesthetic. However, these examples need some work. They're alright but the fonts, the font weights, spacing, layouts, everything feels like it could be tidied up a little.

I also think the style usually comes with an expectation of fancy, noisy animations that seem to be missing here.

Is tailwind going to become the new bootstrap?

(If it does, I hope it matches bootstrap in it’s accessibility features too)

No, but you could build a version of bootstrap widget library on top of tailwind, if that was your cup of tea.

Bootwind? Tailstrap?

I bet there's a market...

You jest, but I know there's someone out there who's working on a project with one of those names exactly. Or, someone just saw your comment and will start soon. And the world keeps churning on! I admit, I would be interested in checking out a project like that.

So Headless UI?

A lot of projects use tailwind + headless UI

You say Blade-Runner but I only see late 90's Flash site look. :)

Mostly OT, but anyone have any recommendations for getting into "modern" JS?

Like, say, hypothetically, for an old hand who last really used JS in anger when jQuery was the only game in town.

Do you want to learn a framework or just new JS stuff? https://eloquentjavascript.net/ is a great way to get familiar with JS. React has the most traction behind it, although I found Vue easier to pick up. I suggest trying your hand at things and seeing what sticks with you. I've been having a blast with Vercel.

All of the above?

All frameworks (or libraries like react if someone wants to be specific) are horrendous, was on the same boat as you with jquery/bootstrap pretty much do the job for any UI I needed until I tried the “modern” ones.. but probably svelte or solid+astro would be your best or at least personally being the least cumbersome. That being said, I try now in all my new projects to minimize or eliminate js completely, currently I’m trying to use rust to build the UI for a project I’m doing since the backend and the embedded drivers are also built with Rust, and I’m using egui [1] and so far I love it, Iced is also a good option.

[1] https://docs.rs/egui/latest/egui/

If you want a job, it's probably going to be React. But for personal projects, I hear Svelte would be up your alley. SolidJS is another nice option if you want to get into JSX templating, and more into something like React hooks that actually makes sense and performs close to vanilla JS.

But recently (and maybe you're already familiar), a library called htmx started gaining popularity, which you might like. It doesn't require a build step, npm or node to use it. I'm using it with a Rust-based monolithic website to great success, but you can use it with any backend in any language you like.

I've toyed with svelte a bit, but honestly it's just a foreign world. Like...how do I make this talk to a database?

Yeah with these frameworks, you usually need to pair it with a backend that talks to your database. Most of the code you write in these frameworks run on the client (but they employ some server rendering techniques for performance reasons, but generally you treat it like client code)

Astro is another one that is server-first, similar to PHP, so maybe you'll like that. It also has integrations with the popular frontend frameworks.

And if you don't like any of that, htmx is great!

>how do I make this talk to a database?

With an API, depending on the db too some have ready connectors.

>I'm using it with a Rust

How’s htmx+rust combo so far? Any issues? Pros/cons?

Mostly great, there is a lack of native Rust frontend tooling outside of Leptos/Dioxus for templated websites, such as static file handling and bundling. Previously, I used vite for this on a templated nodejs website.

But I am working on a simple web bundler crate similar to vite to alleviate that (check out the htmx discord!). It's missing the HMR part for assets that can be hot reloaded (it just refreshes your browser), but this will improve things quite a bit for anyone making templated SSR Rust sites.

Otherwise, the backend ecosystem is really fantastic in Rust, not much to complain about. Axum is great, and I'm using cornucopia for SQL. Having the type safety is a killer feature.

seems good for low-interactivity sites, especially if everyone is generally looking at the same content. i'd consider it for my company's front-of-site, sales sites, blogs, that sort of thing. i certainly wouldn't write discord, vscode, or even a simple no-code tool with it.

I think something like Twitter and Discord could be written in it, but something like Google Maps or VSCode, definitely not. For anything where you need server data rendered, it's perfect.

I'm currently writing a website that contains user generated content for a game, kinda like Steam Workshop.

They redid React's official documentation and tutorials recently. I find them easy to follow, you should check them out. React is not necessary the "best" one but it's big and popular enough that learning it will give you a head start in all the other ones.

Want to get a job => learn React Want to have fun => learn Svelte

There are a lot of tutorials, but I found following the docs is the most straight forward.

If you're interested in frontend/full-stack development state atm, check out "Theo (ping.gg)" on youtube.

Check out arwes.dev for some really dope sci-fi components.

I have no use for it, but it is very neat and I love it!

Could you add a live demo?

Reply on news.ycombinator.com