Time for an update, using Bulma framework

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.

Coffee

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!

Latest Posts

Streamlining your code deployment
Streamlining your code deployment

One of the scariest things as a developer is pushing new code live, hoping it all works as expected and remembering to do all the deployment steps and in the correct order too! But luckily there are some steps you can take to make it easier, which will probably have an unexpected side effect of allowing you to push your code more often.

Creating a simple report in Laravel
Creating a simple report in Laravel

Recently I was tasked with creating a report in a Laravel project and I thought I would share some of the things I learned along the way. I’m going to use a shop as an example with an orders table that contains the orders, but these principles should apply to pretty much any report. Firstly I want to get the number of orders for the previous week and then I want to get a count of orders by week and year so I can put this data into a report.

Introducing Mere Blog Theme
Introducing Mere Blog Theme

A few weeks ago I was reading an article about how everyone should write a blog. Writing can help you demonstrate your knowledge, but also help out others that are trying to learn the same thing. I write a blog on my own website, which was built with Bulma Clean Theme (a Jekyll website theme built with Bulma), but it’s a bit much if you just wanted to create a blog. So I decided to get my notepad out and start sketching some blog theme ideas.