Hakan Alpay

Hi, I'm Hakan Alpay.

I'm a sophomore at UCLA studying Computer Science and the vice president of Billiards Club. I like to develop videogames, logos, languages, and crazy Counter-Strike strategies. I also think too much, and hence this blog was born. I would love any feedback you have on my site!

Life of Kimeiga

post picture background

Bahunya - 10KB classless CSS framework

I created a 10KB classless CSS framework

Bahunya has responsive typography, navbar, syntax highlighting, and much more.

https://kimeiga.github.io/bahunya/

Why

I created Bahunya because I wanted a CSS framework that I could use to scaffold an attractive web application really quickly, but didn’t like the file size or complexity of Bootstrap or Foundation.

I didn’t want to memorize CSS classes to apply to my HTML elements when I would already be using semantically correct HTML.

Instead, it should just work.

Tacit

I started researching ultralight CSS frameworks and happened onto Tacit.

Tacit is a classless CSS framework with a lot of features I like, but I wanted to have a little more. I wanted responsive typography with modular scale and vertical rhythm. I wanted a navbar with a hamburger menu or regular text links. I wanted code syntax highlighting for CSS and JavaScript. And I wanted it to just work as a minified file that you can drop into your <head> via rawgit, just like Tacit!

Fast-forward two weeks, I’ve made my own framework, and managed to only add 4kb to Tacit’s 6kb, making Bahunya 10kb.

Customization

Bahunya is also customizable! I wrote lots of sample CSS in the Customization tab that you can layer on top of the framework to change fonts, colors, etc. If you want to change more, just fork the repo and use the SCSS files in your own project, where you can modify them to your heart’s delight.

Origin Story

Bahunya’s logo is a derivative of the Hong Kong flag!

I really like the shapes of the flag of Hong Kong, and wanted to create a logo out of it. So I made a similar flower with 6 pedals rather than 5. The flower of Hong Kong’s flag is the illusive Hong Kong Orchid Tree, aka Bauhinia blakeana. In Turkish, we call the Bauhinia, Bahunya. I added Century Schoolbook “Bahunya” under the logo I made, and everything fit! A framework’s identity was born.

If you would like to contribute to Bahunya, especially to refactor code, please feel free to fork the repo and submit a pull request. I’m going to be working on this framework for a while, but now that university is starting, I’ll be more busy. Ideally I’d like for this project to take a life in the community!

So that’s the story of Bahunya. Cheers!

Comments