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.

Light Your Posts: How to Create Featured Posts Section in WordPress

Posted in HowTos, WordPress • Posted on 1 Comment

WordPress is a very powerful CMS. What is great about this is that it can be customized to the way you want it to be. You can add features and edit design and even create featured posts section in just a few minutes.

There are features that you can see on the widgets area to display like the categories, the latest posts and archive posts. But what if you want to highlight some posts to your readers on your site?

This is commonly known as “Featured Posts Content” or “Featured Posts Section“. It’s not a default feature that you can see on the WordPress “stock” installation. The good news is it can be added.

In this article,you are going to learn how you can add a Featured Section on your WordPress site.

Light Your Posts: How to Create Featured Posts Section in WordPress Read More

Create Custom WordPress Shortcode and Make Your Site User-Friendly

Posted in HowTos, WordPress • Posted on 2 Comments

As WordPress introduced the Shortcode API in Version 2.5, a large number of plugins were released to help users add content to posts and pages in a user-friendly way. Although there are five of them already, the need for more shortcodes still continues as more and more plugin and additions of features are being developed. By that, this article is about how to create custom WordPress shortcode.

Shortcodes allow users to add particular styles or features to a site without going to the codes. WordPress have five default shortcodes within the WordPress core, namely:

Create Custom WordPress Shortcode and Make Your Site User-Friendly Read More

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

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

Help!

That’s the first reaction you might have if you are trying to figure out your WordPress conversion tasks, right?

Even if you are just a beginner and not really a web expert, you can definitely create a WordPress theme for as long as you know how WordPress works.

If you’ve been using WordPress as your website platform, chances are, you’re tired of using generic WordPress themes for your site. You might even think of just doing your own theme to have your preferred styles and features.

Customizing Your WordPress site

You can design your ideal site by creating a mockup in Photoshop and then convert the PSD file to HTML and CSS. Afterwards, you can then convert it to a fully functional WordPress theme.

Energize Your Static Website with This WordPress Conversion Tutorial (Part 2) Read More

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

Posted in HTML & CSS, Tutorials, Web Design • Posted on 12 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 7 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
54.87.15.219 - unknown - unknown - US