Skip to main content Jump to list of all articles

Posts tagged with: Bulma

jQuery 4, CSS Layout & Developer Tools – Jan 2026

jQuery 4, CSS Layout & Developer Tools – Jan 2026

Happy New Year and welcome to Hot Web Dev January 2026, featuring the latest technology, web development news and articles. This month features a new release in a 20-year-old JavaScript library. The tool of the month is a magical tool that connects all of your devices without having to do complex setups.

New JavaScript Guessing Game 2024

New JavaScript Guessing Game 2024

The JavaScript guessing game tutorial is a simple beginner’s project. It features modern JavaScript syntax and runs without a Framework. In part one of the games the foundation is built. The second part adds suspense by only giving the user five attempts to guess. In this third part, we have added the ability for the user to set the level and change part way through if you have any attempts left.

Hot Web Design and Development - November 2021

Hot Web Design and Development - November 2021

Welcome to the November 2021 monthly roundup of Web Design and Development resources. This month we saw Black Friday and Cyber Monday. Did anyone pick up a good deal? I bagged a Rank Math Pro Subscription for a fraction of the price. As we gear up towards the festive period. Here are the latest web design and development resources for this month.

Yet Another Simple JavaScript To-Do List

Yet Another Simple JavaScript To-Do List

To ask a simple question; Do we need another JavaScript to-do list? I guess it depends on whom it’s for to guess the right answer. A to-do app is generally a beginner’s project in any programming language. If I chuck another one in the mix it may be useful. It is likely to be different from any other. Why is that? My father would say, “There is more than one way to skin a cat”. (Not that he would have, he loved cats). In programming, there are many ways to do things. Whether it’s a different naming convention, organisation of code. We all have our own ways to do things. Anyhow, enough of my ramblings, let’s begin.

Easy JavaScript Guessing Game - Part 2

Easy JavaScript Guessing Game - Part 2

The JavaScript guessing game tutorial is a simple beginners project. It features modern JavaScript syntax and runs without a Framework. We have already built a foundation for our game in Part 1. In this part, we make it a little bit harder to guess...

Easy JavaScript Guessing Game - Part 1

Easy JavaScript Guessing Game - Part 1

The JavaScript guessing game tutorial is a simple beginners project. It features modern JavaScript syntax and runs without a Framework. In this part, we will build the basic functionality and in further parts, we will customise it further. If you want to how this guessing game advances check out part 2.

Stretched Bulma NavBar Navigation Tutorial

Stretched Bulma NavBar Navigation Tutorial

Welcome to my stretched Bulma navigation tutorial. For those of you that don’t know. Bulma is an incredibly easy to use free and open-source CSS Framework built on the latest CSS flexbox features. Bulma comes with many components, such as a navigation bar and elements like tooltips and buttons which can be customised to suit your needs. Furthermore, it is modular, allowing you to use as many or little features that you require.

Hello Bulma CSS Framework, Goodbye Bootstrap

Hello Bulma CSS Framework, Goodbye Bootstrap

During spring, I decided to give WOW a little overhaul and create a new WordPress theme. I previously used bootstrap 3, which at the time was very stable. During the development stage, I could upgrade to Bootstrap 4 or change to another framework. Having looked at several options I opted to choose Bulma, a fast-growing lightweight CSS framework. Here are my findings.

WordPress Bulma NavWalker With Font Awesome Support

WordPress Bulma NavWalker With Font Awesome Support

Earlier this year I revamped my WordPress website using Bulma, a CSS Flexbox Framework. I tested a few Navwalkers to integrate the WordPress Nav Menus into the Bulma Navigation. Although they worked they didn’t support Font Awesome. I embarked on creating my own Bulma Navwalker with inspiration from my previous Bootstrap Navwalker and GiottoPress.