How to Create Smooth CSS3 Animation Styles and Effects with Ease

Posted in Coding, HowTos, Tutorials, Tutorials, Web Interface • Posted on 14 Comments

With the newest capability of CSS3, transition from one style to another without using JavaScript or Flash becomes possible. It allows elements to change values over a specified duration, animating the property changes instead of having them static and leaving them dead. CSS3 animation styles and effects give your more freedom to create the design you want.

Today, I’m going to introduce to you different transitions and effects that can be done using only CSS3. So get ready and let’s rock!

How to Create Smooth CSS3 Animation Styles and Effects with Ease Read More

How to Use UI Kits – Plus Free UI Kits to Choose From!

Posted in HowTos, Quick Tips, Tutorials, Web Interface, WordPress • Posted on 2 Comments

UI kits can be seen anywhere on the Web. But what is this UI kit thing? Do you know how to use UI kits? You can see a lot of resources with beautiful interface elements such as buttons, sliders, breadcrumbs, media players, forms and the likes. Perhaps it crossed your mind how these elements came to be.

Let me give you first a brief introduction about UI kits. A UI kit stands for “User Interface Kit”, which are PSD files that are composed of user interface elements. These come in a variety of colors, patterns and asl files that are being integrated on web and mobile designs. Though sometimes there are UI elements that are included on the package that you don’t think you will be using. That being said, UI kits will vary according to your web design needs. Usually the premium versions of UI kits come with a lot of user interface elements than the free ones.

Using UI kits is all about improving and speeding up the workflow without giving a lot of time thinking what to design. This allows you to focus more on the functionality and usability of the website you are working on.

How to Use UI Kits – Plus Free UI Kits to Choose From! Read More

How These 11 WordPress Scripts Will Stop North Korea And Improve Your Blog

Posted in HowTos, WordPress • Posted on 23 Comments

In this post you will get 11 WordPress scripts that will help improve your blog’s performance and that may or may not stop North Korea from terrorizing us.

Either way, you will find these little WordPress hacks very useful for your daily blogging needs, which can help you save lots of precious time!

If you’re eager to enhance or improve the functionality of your WordPress site, then below are powerful WordPress scripts that will definitely give you a great head start.

How These 11 WordPress Scripts Will Stop North Korea And Improve Your Blog Read More

Build a Custom WordPress Home Page with Custom Widget Areas

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

In this video tutorial I will teach you how to build a WordPress website with custom widget areas the easy way. Even if you haven’t touched a single line of code before, this tutorial is simple enough to walk you through every code.

This tutorial goes hand in hand with Christian’s video tutorial on how to create a website from scratch using HTML5 and CSS3. The goal is to help you understand how easy it is to create the same layout (from Christian’s tutorial) in WordPress using custom widget areas. Although you will need to put the pieces together a little, it’s a fun learning experience nonetheless!

Build a Custom WordPress Home Page with Custom Widget Areas Read More

Create Your Responsive WordPress Site In Less Than 5 Minutes + Bonus Tutorial

Posted in HowTos, WordPress • Posted on 34 Comments

In this video post I will guide you through the whole process of how to create a responsive WordPress site without you touching a single code. Well, at least for the first part.

The first video focuses on how to setup a responsive WordPress site using Bluehost as your host, and along with it is a special discount for 1WD readers. Second part is a little more technical where I will teach you how to create a child theme for the WordPress theme called Responsive and basically redesign the whole theme to your liking.

Create Your Responsive WordPress Site In Less Than 5 Minutes + Bonus Tutorial Read More

Build Your Freelance Web Design Business Using WordPress – My Story And Lessons Learned

Posted in Freelance, HowTos, Tips, Web Design, WordPress • Posted on 114 Comments

Take a few minutes with this video so that we can get to know each other. :-)

It is my goal in 2013 to teach you the Business of Freelance Design. That is to say, how you can make your passion into your livelihood.

Specifically, I’m going to share with you my six years of online experience, helping thousands of customers to monetize their talents and turn their dreams into reality. Freelancers such as yourself are incredibly gifted in design and are very creative, but notoriously weak at maximizing the return on their time invested. We will change that together.

Build Your Freelance Web Design Business Using WordPress – My Story And Lessons Learned Read More

Create Elegant Tags With Sliding Post Count For WordPress

Posted in HowTos, Plugins, WordPress • Posted on 16 Comments

Tired of the boring category style being always same, like a mini menu? Tired of items arranged horizontally or vertically, styled always the same way? Yes, I’m tired of it too. So let’s make things more interesting now.

Our starting point will be a cool sliding tags design made by Thomas Bosée. Then we’ll learn how to use WordPress wp_list_categories function, how to edit its result, how to code CSS and finally a little of jQuery “Black Magic”.

So, let’s rock!

Create Elegant Tags With Sliding Post Count For WordPress Read More

Setup Surveys and Capture Data with Google Forms

Posted in HowTos, Tools, Tutorials, Web Design, WordPress • Posted on 5 Comments

Are you looking to learn more about your website visitors? If so, Google has your back. Google Docs is an excellent free online tool that allows you to create forms (surveys) for the purpose of capturing data from your online community. Google Docs allows you to create very professional looking forms, with over 60 different themes to choose from. You can customize the questions you want to ask and the answer choices you want visitors to choose from. Once the form is setup you can easily embed the form in your website or e-mail it out to a list. Feedback is captured automatically and reports can be charted and graphed for accurate analysis. Sound good so far? Let’s dig into how the process works.

Setup Surveys and Capture Data with Google Forms Read More

The Ultimate Guide To WordPress Hacks And Customizations

Posted in HowTos, WordPress • Posted on 30 Comments

If you are looking to add new design features and functionality to your WordPress blog, odds are there is probably someone who has already done it and shared the code on how to do it. There are a number of great resources you can use to find outstanding hacks, customizations, and tips to make your WordPress blog more unique, user-friendly, and engaging.

The Ultimate Guide To WordPress Hacks And Customizations Read More

How to Create a Custom Error 404 page for WordPress

Posted in HowTos, WordPress • Posted on 32 Comments

This tutorial will teach you how to create an error 404 page for your WordPress powered site. If you already have an error 404 page you will learn how to make it a bit more user-friendly and dynamic.

An error 404 is when a visitor tries to access a page that does not exist. Sometimes people tend to overlook this feature, and never think about designing for it. Taking the time to make a user-friendly 404 page could mean the difference in a user staying on your website, or leaving.

How to Create a Custom  Error 404 page for WordPress Read More
54.81.216.254 - unknown - unknown - US