Skip to main content Jump to list of all articles

Tag CSS - Page 4

How to Enter a Career in Technology

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.

in Technology

Top Atom Packages You Should Install From The Start

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.

in Web Development

WordPress Functions PHP Super Useful Snippets

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 WordPress

WordPress HTML5 Clickable Div – Highlight Hover Post

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.

in WordPress

New to Web Design? Use WordPress or Create your Own

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

in Web Development

Display WordPress Posts on another WordPress Blog

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.

in WordPress

HTML5 & CSS3 Resources to Kickstart your First HTML5 Project

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. It will also have full support for offline web applications and form validation. Other browsers such as Google Chrome, Mozilla Firefox and Opera have better support.  Currently, at the time of writing, there is no browser that has full support. This is due to the fact that the specification is still a working draft itself.  However, it is estimated that it will not be reaching full specification until 2014. Furthermore, don’t let this deter you from using it. You can start using HTML5 right now so kick it off with some valuable resources.

in Web Development

Integrate WP Single Post Navigation into your WordPress Theme

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.

in WordPress

Display Your WordPress Recent Posts on a Static Page

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.

There have been several methods on the web including accessing the database. In this simple, but elegant solution I will show you 2 methods. One of which will be on a page with a .php extension and another will be on a page with a .htm extension.

If you want to display your latest posts on an existing WordPress blog please check out the following post.

Please check out Display your WordPress Recent Posts FAQs that I have set up to go along with this tutorial.

in WordPress