We use cookies on this site to enhance your user experience
By clicking the Accept button, you agree to us doing so. More info on our cookie policy
Published: Sep 8, 2017 by C.S. Rhymes
It has been a long time since I last updated the design of my site and as a Frontend Developer it didn’t seem right to wait any longer. I have used a variety of different frontend frameworks in the past, from Foundation, to Bootstrap, but this time I wanted something different, so with a cup of coffee in hand I started looking for something new.
When I started learning Vue.js I found a great series of videos on Laracasts and within the videos it mentions a CSS only framework called Bulma.
This was a bit of a change to me. Normally I would use a framework that offered both CSS and JavaScript to make it easier and quicker to implement, but then if you are going to use Vue.js you only need the CSS aspect of a Framework so this is perfect for this use case.
I started using Bulma with Vus.js projects, such as the times table maths quiz, and really started to enjoy the syntax and the simplicity of the classes and styles. The biggest advantage was that it used flexbox by default, meaning you can do things like vertically align content with ease. It also means you can make use of auto adjusting with of columns when you add more, or make one narrow and the other expanded.
Previously I had made my own CSS for my site, but after using Bulma for a couple of months I decided it was time to use it on my own website. I really like the fact that it results in a minimal and clean looking design that works great on all screen sizes.
Bulma is now at version 0.5, with new features and updates added regularly and from the github page it seems to have a big following, with over 19 thousand stars already.
Anyway, I hope you like the results of the update. I’m now thinking of what to work on next to keep improving the site!
Share
Latest Posts
Hosting a Laravel app with AWS Beanstalk
There are lots of possible hosting solutions available for Laravel, from Forge, to Vapor to the new Laravel Cloud. I’ll start out by saying that these other solutions are much easier to get up and running than beanstalk, but I thought I’d share some of the “fun” I had getting it up and running.
Testing window.open() in JavaScript with Jest
I recently had to write a test for a React component that opened a new browser window. To open the new window I made use of window.open() in my code. This made the component easy to write, but I had to think a bit differently about how to write the test for this.
Why did I become a writer?
There has been a lot of discussion on Threads recently about becoming a writer, but don’t give up your day job. I have seen a lot of arguments from all sides, some people saying they became a successful full time writer, others saying they would never give up their job, then there are others who became writers full time then went back to another job. Writing has always been a hobby for me, but this discussion has made me think more about why I write.
