Posts tagged with: CSS

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.

HTML5 and CSS3 have been known to web designers for many years. Unfortunately, due to the lack of browser support, it hasn’t been wildly adopted. With the release of Internet Explorer in 2011 that it started gaining in popularity. Internet Explorer 9 still doesn’t have complete support for both technologies. The arrival of the upcoming Internet Explorer 10 will support more elements including CSS transitions and transforms.

This tutorial shows you how to integrate the WP Single Post Navigation into your theme without using the plugin. I initially attempted to use the plugin and for some reason it didn’t work on my custom child theme based on TwentyEleven so I decided to hard code it into my theme by adding it to my functions.php. I will show you two methods, one to display the default WordPress single post navigation and one to display how to reverse the links for a book like affect.

This tutorial shows you how to display your recent posts on a static web page. So now you ask the question ‘Define Static?’ There are a variety of reasons why you may have static pages. If you have built a website from scratch and need a blog or news section. You want to pull some information from the blog to your homepage.