All about Type banner

All about Type

6 devlogs
3h 7m 35s

Everything you could want to know about Typography. Design to be minimal but functional at the same time.

Demo Repository

Loading README...

janosch.hussain

Shipped this project!

Hours: 3.12
Cookies: 🍪 23
Multiplier: 7.44 cookies/hr

This was my first Hack Club project, a tester for what I can build. I wanted a design that is super functional but still has all the relevant info. Everything you need to know to get started using fonts on the web.

janosch.hussain

I have always wanted to learn GSAP it seems like a great tool. And this the perfect project, I just started simple (with a tutorial) to animate my hero text. I’m really exited to see what I can do with this!

Attachment
2

Comments

Trejos_1
Trejos_1 about 1 month ago

I never thought that a text font had all those properties. Implement a little more design on the page, it’s very cool

janosch.hussain
janosch.hussain about 1 month ago

@Trejos_1 thanks for your comment, yes, it’s really interesting what you can do with fonts. You are definitely right about a bit more design will work on it.

janosch.hussain

Started on the CSS, I haven’t quite decided on the look but it’s a start.

Attachment
0
janosch.hussain

Starting on the CSS here is the first (still quite basic) hero. This will defiantly change again.

Attachment
0
janosch.hussain

As a add this devlog the final html is just finished, on to the fun (CSS)!

Attachment
0
janosch.hussain

Starting is always the hard part, getting over that initial step. But here goes the html is almost finished then the fun begins (I just love CSS).

Attachment
0
janosch.hussain

This is my first log, my first foray into what Hack Club has to offer. To be honest, I’m a little nervous putting code out there; it always feels like something inherently private, something I have been poring over for hours, trying to get just right. But alas, feedback is the most important thing, and without sharing, I have no chance to receive it. Excited to see where this goes.

Attachment
0