Posts in category: Web Development

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.

Hey it’s been a while since I have posted. I’m still here but if you are a past visitor you will have noticed that I recently updated my WordPress theme and WOW has had a bit of a major overhaul, bootstrap style. It took me a good few months to complete the design and make it as bug-free as possible but as I now work part-time in a school and being a widowed single mother time is very precious.

In this tutorial we will parse a CSV file, containing random countries, with their own colour and tooltips displaying both the country and it’s continent. The CSV file will be converted to JSON dynamically and added to a Google Visualization Geochart in your WordPress Blog.

If you have, or want, brackets installed on multiple operating systems (OS) then it could be rather cumbersome having to manually install all your favourite extensions. Enter Brackets-ExtensionsBulkInstall a handy brackets extension which enables the bulk installation of extensions and themes on other platforms. In the following tutorial I will be exporting from a Mac to a Linux machine.

As a big fan of open source software I was quite excited when Brackets, a code editor, founded by Adobe, was initially released in November 2014. Released for Mac, Windows and Linux and is guided by a community of fans, that are willing to improve...

In this mini-series of Google Visualization tutorials, we will be adding a Google chart to a WordPress theme without having to install any plugins but ensuring that we use the correct WordPress functions and recommended a safe way of implementing JavaScript. The data we will be pulling will be in JSON format and will be stored on the same server inside the theme directory. In this tutorial, we will be adding a stacked column chart. Want to add a table? Check out part 1

In this mini-series of Google Visualization tutorials, we will be adding a Google chart table to a WordPress theme without having to install any plugins but ensuring that we use the correct WordPress functions and recommended a safe way of implementing JavaScript. The data we will be pulling will be in JSON format and will be stored on the same server inside the theme directory. In this tutorial, we will be adding a table. Want to add a chart? Check out part 2

Mazwai is a new stock video website which only selects the very best of free HD videos online. The purpose of Mazwai is to help every web designer, blogger, creative and artist to find great video resources for their professional and personal projects.

This infographic by Red Website Design features the Top 100 design blogs to follow, with sections on Graphic Design, Web design, Print and Typography blogs. With incredible resources to offer I am sure you will find everything that you are looking for when you are looking inspiration for your next web design project.

In this tutorial, I will show you how to display your recent blog posts in your WordPress theme in a news ticker style format using the jQuery news ticker script. If you want to link to the external RSS feed(s) try this tutorial. If you want to add a news ticker to a website that doesn’t use WordPress primarily but features a WordPress powered blog section then try this tutorial.

In this tutorial, I will show you how to display single or multiple RSS feeds using SimplePie in your WordPress theme in a news ticker style format using the jQuery news ticker script. If you want to link to your blog content try this tutorial. If you want to add a news ticker to a website that doesn’t use WordPress primarily but features a WordPress powered blog section then try this tutorial.

I first delved into the world of web design when I was around 20. I downloaded and printed the entire HTML 4 specs which were the equivalent of both printing and reading the bible! The printer never worked the same again after that! Fast forward a few years with the addition of children I decided to give it another bash. At first, I designed static websites locally on my computer ranging from a comedy store, as I like a laugh, to a designer sunglasses website, which was heavily influenced by selling cheap sunglasses on eBay.