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.
In this edition of a trip down memory lane series, we feature the comparison of Web Design from 2008 to 2018. Web design has evolved greatly over this period of time. Introducing new technologies, improved specifications and browsers becoming more consistent resulting in having to use fewer hacks. However, browser wars are still here to stay but who will be on top next year!
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.
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.
Technology is transforming every industry across the world and changing the lives of billions of people every day. It has evolved rapidly since it’s invention and continues to grow and change every year. It is therefore unsurprising if you want to secure a career in the forward-thinking field. Find out how to enter a career in technology if you think this is the right path for you.
Atom, like Brackets, is a 21st century, full-featured, cross-platform, open-source hackable text editor from Github. Currently, at the time of writing, there are over 7000 Atom packages available to extend its functionality further. Sifting through all of those packages is both time-consuming and cumbersome.
Adding Code snippets to the WordPress functions.php file enables you to perform actions and use filters in a way that will improve functionality of your WordPress site which can make your theme more organised and cleaner. Here is a bunch of useful snippets to further enhance your WordPress theme.
In this tutorial, we will highlight hovering over a clickable div which contains an image and a title. With the magic of HTML5 and CSS3, you can now insert a <div> which is a block element, inside of a <a> which is an inline element. Previously this would have resulted in HTML errors. Feel free to check out the code and also the demo which is included.
If you are new to web design you will be glad to know that it can be a very gratifying and worthwhile learning experience. With a little effort and commitment, you can grasp the basics and go on to create your own inspiration. But before you start there are several questions that you may need to ask yourself. Here is a little guide to help you decide which way forward in the web design world you want to go. This is a follow-up post from Newbies Guide to Web Hosting
Following on from the post Display Your WordPress Recent Posts on a Static Page which was used to display your WordPress posts on a non-WP website on the same server. I have had several people contacting me on how to display WordPress posts on another WordPress blog. This tutorial will show you how to display your posts, associated post thumbnail images and a snippet of the content from one blog to another by fetching the data from your RSS feed using the SimplePie RSS parser which is included in the WordPress installation.