Sam Norton

Role: Author

is a web designer and a front web developer with over 2 years of experience in the industry. Have a passion for designing detailed, creative and modern websites & graphics. He spend most of his time practically every day, experimenting with HTML, CSS and Wordpress.

Energize Your Static Website with This WordPress Conversion Tutorial (Part 1)

Posted in HTML & CSS, Tutorials, Web Design • Posted on 7 Comments

Web design and development are one of the most in-demand skills in last years. Agree?

As online business are grows, more and more clients are willing to pay large amounts of dollars for their sites to those with the right skill sets. You’ve probably have learned how to create an HTML and CSS website but, chances are, these sites won’t make any more sense for a big business or even blog site nowadays. This is the very reason why it’s important that there should be WordPress conversion of your site from HTML and CSS.

At first blush, there are a number of reasons why you would choose to have a static (HTML and CSS) website.

Why do people have static websites in the first place?

  • You want to make it easier to customize your site even if you are not a developer.
  • A static website is supported on almost every browsers.
Energize Your Static Website with This WordPress Conversion Tutorial (Part 1) Read More

The Listed Voyage: 30 Free jQuery Navigation Menus

Posted in Web Design, Web Interface • Posted on 3 Comments

Nowadays, jQuery navigation menus are more than just plain texts with links on it. In a previous tutorial, I presented to you how you can create a navigation menu with jQuery and CSS3, which is a cool way to display your menus on your site.

With the power of jQuery, it can turn the navigation of a website into a dynamic menu. Although CSS3 can now be used to create dynamic navigation, still, jQuery adds more functionality on the menus.

Aside from the dynamic functionalities, the design must also be considered. This is simply because your visitors would probably see it for the first time they visit your site.

It will definitely provide a bad UI experience if not well presented. Having a great design will add more value to your site thus adding better user experience.

The Listed Voyage:  30 Free jQuery Navigation Menus Read More

The Zen of Relational Database: Learn the Basics Here!

Posted in Quick Tips, Tutorials, Usability • Posted on 3 Comments

Databases have been a staple topic on every digital business. Thus organizing the tables and fields is necessary. The concept of Relational Database was born way back in 1969 when Edgar F. Codd, a researcher from IBM, wrote the process of outlining a database. From there, the this concept has spread on every computing-involved business and task.

According to Wikipedia,

  A relational database is a database that has a collection of tables of data items, all of which is formally described and organized according to the relational models.

This means that using the relational model, each table arrangement must be identify a column or group of columns to distinctly identify each row also called as primary key.

The Zen of Relational Database: Learn the Basics Here! Read More

Image Caption Animation with CSS3 Transform and Transitions

Posted in Coding, HTML & CSS, Tutorials • Posted on 8 Comments

jQuery caption hover effects have been on the Web for a long time. There are plenty of jQuery libraries out there that can be used to obtain a cool and amazing image caption animation and hover effects.

That being said, it is now possible to do the same cool effects with CSS3 transitions and transform properties.

Today I want to show you how you can create cool animation hover effects with CSS3 animation. The images used in the demos were illustrated by Rudolph Musngi.

Image Caption Animation with CSS3 Transform and Transitions Read More

Aim High! Construct Your SEO Friendly WordPress Site

Posted in HowTos, WordPress • Posted on 6 Comments

WordPress is one of the easiest to optimize CMS for SEO. Although WordPress sites have the highest possibility of getting ranked on search engines, it doesn’t mean that you should not optimize or work on your SEO friendly WordPress site.

If you are like the many users around the world believing that your default installation of WordPress will get your site on the top of the search engine ranking, you believe the wrong thing.

Just like the other sites on the Web, you really need to do something to make it SEO-friendly.

That being said, it’s not that hard to make your WordPress site SEO-friendly. With a lot of themes, plugins, tricks and conventions on the Web, you can definitely do it in a little amount of time.

Whether you are a serious WordPress publisher with specific goal on the Web or just planning to start a blog, this article is for you. This article will be a guide on how you can build your WordPress SEO-friendly site.

Aim High! Construct Your SEO Friendly WordPress Site Read More

Dress Up Your Site: How to Customize WordPress Themes

Posted in Coding, Tutorials • Posted on 1 Comment

You’ve already installed your favorite WordPress theme on your site, but you feel that it needs to be tweaked a bit to make it look better, which leads you to  ask “How does one customize WordPress Themes?”

If you’re new to WordPress, you might think that it is hard to customize a WordPress theme because the thought about the codes scares you.

Although customizing a WordPress theme seems like rocket science, there are many simple ways to customize the look and feel of your site without breaking the theme. In fact, there are even some tools on Web that you can use to make the customization process easier and faster.

This article serves as a guide to teach you how to modify WordPress Themes the smart and easy way by using a child theme.

Dress Up Your Site: How to Customize WordPress Themes Read More

The Basal Guide: How to Create a WordPress Child Theme

Posted in HowTos, Themes, WordPress • Posted on 2 Comments

Creating a WordPress child theme is important. It gives the user access to the theme without the threat of breaking it when updating. Unfortunately, child themes can be confusing if you don’t have much experience with WordPress customization.

As WordPress users customize their themes more, there might be some instances when users lose all of their theme’s layout or functionalities after updating the theme.

This gives some headache to WordPress users as they might need to debug their themes, or worst, recreate or install them all over again.

In this article, you will learn something about creating a child theme in WordPress.

The Basal Guide: How to Create a WordPress Child Theme Read More

No More Hassle: The WordPress Hacks to an Easy Life

Posted in HowTos, WordPress • Posted on 1 Comment

There is no doubt. People love hacks about WordPress. Being the most popular CMS in the planet, WordPress offers more flexibility now than it was first released. There is no better way to make your WordPress life easier than to avail of these WordPress hacks.

Modifying WordPress blogs gives more freedom to the owners of the sites. It allows the owners to do things they can’t find on their default themes, thus, adding values to their sites.

In this article, you will learn some of the most outstanding WP hacks that you will definitely find useful.

No More Hassle: The WordPress Hacks to an Easy Life Read More

How to Create Anchor Tooltips Custom Shortcode in Minutes!

Posted in Coding, Tutorials • Posted on Leave a comment

Tooltips are very useful in displaying information. These are small hover boxes that contain information about the text or item being hovered over. It appears without clicking the text, something which is very handy on your site. In some previous tutorial, I showed you how to create and customize anchor link tooltips to display information. In this one, you will learn how to create anchor tooltips custom shortcode.

With just a few lines of pure HTML and CSS3, it can be done. But isn’t it would be great if you can also integrate this on your WordPress site?

Great thing there is a solution for that: WordPress shortcode. Shortcodes are WordPress-specific code that lets you do nifty things with very little effort. By just inserting something inside square brackets, it will replace that content with some other content and usually being driven by a series of PHP functions.

In today’s tutorial, you will integrate the anchor tooltips that you’ve made on the previous tutorial to WordPress shortcode. Let’s start.

How to Create Anchor Tooltips Custom Shortcode in Minutes! Read More

How to Create WordPress Widgets

Posted in HTML & CSS, Tutorials, WordPress • Posted on 1 Comment

WordPress widgets give you the ability to edit a certain part of your WordPress theme, usually on the sidebar. Using its drag-and-drop features, it’s really easy for beginners to add, customize or delete a widget.

Although there are a lot WordPress plugins available on the Web, the best way to get your exact desired output on the front end is coding it.

Coding WordPress widgets is just like coding a plugin but, this time, it’s more simple and easy. WordPress widgets provide user the options to fill out forms, include or exclude certain data information and some other features.

The order and placement is set by the WordPress theme in the functions.php file.

In today’s tutorial, learn how to create WordPress widgets by coding an Advertisement Banner  widget to display banners on your site. OK, let’s start.

How to Create WordPress Widgets Read More
54.90.225.129 - unknown - unknown - US