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.
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.Read More
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.Read More
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.Read More
There have been a lot of UI kits swarming around the market lately. Some include complete sets of User Interface elements and, some, focus on just one element. These kits often serve as a basis and template for web designers in creating wonderful web pages.
Because of these kits, web designers, now, don’t have to worry about running out of ideas. They can copy and use these UI kits and make them better.
Today, you will be learning how to create a Music Player UI using Adobe Illustrator. This trendy UI was built using the minimalist and flat design foundations.Read More
Still remember the old days where in you are just starting out with Photoshop? You designed an image-based text and then just uploaded it on your website?
Instead of doing this with Photoshop, the good news is, it is now possible to create textured text using CSS3. Webkit now supports the background-clip CSS3 property that does exactly what Photoshop does.
Aside from that, you can also use the mask-image CSS property to do almost the same effect; however, this property clips the visible portion of an element according to the transparency of the mask images.
In today’s tutorial, you will learn how to apply these effects and create a cool textured text using CSS3 and HTML5.Read More
If you are a WordPress user, you might be familiar with the theme settings page. This page can be found under the Appearance Menu or in the Administrator Menu itself. Basically it allows the administrator to change specific settings like logo, text color, Google Analytics code and so on. Perhaps one of the first things you do is tweak that WordPress settings page, for sure.
Though there are some free WordPress templates that have theme theme settings page, a Premium WordPress theme commonly have this kind of options.
In today’s tutorial, you will learn how to create a simple theme options page for your WordPress theme.Read More
One of best cool features of CSS3 is that it reduces the use of images in web designs and allows you to create different shapes in CSS. Commonforms that you usually see in Photoshop or Illustrator can now be done using CSS3. New CSS properties like transform and border-radius add complexity with shapes instead of creating them in drawing applications.
In today’s tutorial, let’s create a simple list of the most common shapes that can be done using CSS3.Read More
Registration page validation using jQuery ensures that the information provided by the user is correct so the user can fill out the complete online form easily with little amount of time.
In today’s tutorial, I will show you how to set up a front-end validation that will work on old browsers. I will also be using the jQuery plugin name Validator jQuery Plugin by Yair Even-Or. There is a live demo download package that you can check out. So let’s get started.Read More