How to Build an Online Shop Using WooCommerce

Posted in Plugins, Quick Tips, Tutorials3 months ago • Written by 2 Comments

Want to start your online store but don’t know how? It’s now easy to create one with WordPress and WooCommerce plugin. True, WordPress has been on the Web as a Content Management System for blogs. The most exciting part is, you can now do almost anything with it using premium and free plugins.

Creating an online store to sell products is now just a few clicks away using Woocommerce. Since WordPress integrates seamlessly with WooCommerce, the former is taking your site capabilities to the next level.

WooCommerce: Sell Anything Beautifully

WooCommerce is the most popular eCommerce plugin to utilize to create your online store in a few clicks. It is a feature-rich plugin of the eCommerce software of  WooThemes, a company known for their great online business solution.

In today’s tutorial, we’re going to create an online shop using this amazing plugin.

How to Build an Online Shop Using WooCommerce Read More

50 Most Useful jQuery Libraries

Posted in Text Effects, Tutorials, Web Interface3 months ago • Written by 4 Comments

Useful jQuery libraries is a very familiar phrase between designers and developers. It is the one of the most popular JavaScript libraries that you find on the Web. Every designer and developer knows the importance of it; they are familiar with its functions and features.

  • jQuery is designed to resolve just about every issue that a website might have
  • It can resolve all those issues that obstruct you from making an attractive and creative website
  • If you want to resolve any cross-browser issues, make JavaScript libraries in your collection

jQuery Libraries are a great source for the web developers. You will find plenty of plugins on the Internet that are free to use but, finding them can be very time consuming as you will have to go through every site in order to find out the latest and accurate jQuery libraries.

That is why, in today’s post, we have collected a list of the most suitable jQuery libraries. You can use them to add cool effects in your website.

50 Most Useful jQuery Libraries Read More

30 Beautiful Premium Icon Sets for Your Next Project

Posted in Icons, Inspiration3 months ago • Written by 1 Comment

When designing a website, beautiful icon sets are always the priority of any web designer. Designers search for attractive icons that can catch the attention of their users. They are essential in every project that is related with web design.

Even though icons are very small the detail and attraction that they provide to the site is extraordinary. This is reason why designers look for high-quality and premium icon sets rather than going with cheap and free ones.

You can always use icons to connect with your visitors. Instead of creating icons that are time-consuming, you can use pre-designed premium icons that guarantee in giving solid appeal to your visitors.

However, finding good premium ones from thousands of available icon sets on the Internet can be difficult. But, don’t worry because the hard work has been done for you.

In today’s post, I am featuring 30 beautiful premium sets that are available on the Internet but are not easy to find. Hope you enjoy them!

30 Beautiful Premium Icon Sets for Your Next Project Read More

What You Should Know When Choosing the Best Web Host

Posted in HowTos, Quick Tips, Tips, Tools, Usability3 months ago • Written by 1 Comment

Every designer or  developer who has worked with websites knows the importance of hosting. Web hosting is among the top important things that you have to consider before starting the website creation. Selecting a really good web hosting company can do your half of the work.

Many people talk about how a website should be designed or how to hire the best designer but, the importance of having the best web host is often not considered an important topic to discuss.

So, why do designers and developers need a web host?

  • Assurance. In order to make your website go live on the Internet, web hosting is required. If you think that registering for a domain name is enough than you are mistaken.
  • Accessibility. Having a website hosting company will make it sure that your website is accessible by everyone around the world. You can surely design a website but if you don’t have a web host, no one can access your website.
What You Should Know When Choosing the Best Web Host Read More

An Easy Way of Building Responsive CV Websites

Posted in Coding, Coding, HTML & CSS, Tutorials, Tutorials3 months ago • Written by 1 Comment

Resume websites a.k.a Curriculum vitae (CV) websites have been on the Internet over the years. The trend dictates that more and more people are into responsive CV websites.

These kinds of website provide information that makes it easy for employers to evaluate that particular person’s skills. This has a lot of advantages as you do not need to submit a paper version of your CV because it can already be accessed online anytime and anywhere.

Its purpose is to provide an overview of of the following:

  • Experience
  • Basic information
  • Portfolios

On today’s tutorial, we’re going to build a responsive CV website using CSS and a jQuery plugin called Easy Tabs Plugin, a lightweight jQuery plugin to provide full tab functionality.

An Easy Way of Building Responsive CV Websites Read More

Create Reflection Effect Using CSS3 and Reflection.js

Posted in Coding, Photo Effects, Tutorials, Tutorials3 months ago • Written by 2 Comments

One of the amazing effects you can do with today’s modern web design is to create an image reflection effect. However, creating an image reflection effect using CSS3 alone for your site can be time consuming. This might work for awhile; however, when you need modify the images on your site, you also need to change some parts of your CSS that may take some time to be done.

Another problem you might encounter is that it might not work on all browsers.
Good thing there is a new JavaScript utility called Reflection.js available for both jQuery and MooTools. This creates reflections for your site much easier and faster.

In today’s tutorial, I am going to show you how to create an image reflection effect with two versions. The first one is using CSS3 alone while in the second version, we will be using Reflection.js.

Ok let’s get started.

Create Reflection Effect Using CSS3 and Reflection.js Read More

Visualize Data Beautifully With Chart.js Library

Posted in Coding, HowTos, Tutorials, Tutorials4 months ago • Written by

Creating charts that look presentable can be a bit of a pain sometimes. Most often, web designers or developers use graphics to display data using Photoshop or Illustrator, which may take a lot time to be done.

Good thing, there are many available free JavaScript libraries online that web designers or developers can use to display data beautifully. The web designer or developer can then present data without creating graphics in Photoshop or Illustrator.

Chart.js library is one of the great online JavaScript libraries which builds data using HTML5 canvas element to draw graphs and charts, complete with documentation.

To see chart.js in action, we’re going to build the following charts using web programming languages as our labels with their fictional data.

Visualize Data Beautifully With Chart.js Library Read More

Retina-fy: Creating High Density Retina Displays for Your Website

Posted in Coding, Coding, HTML & CSS, Tutorials, Tutorials5 months ago • Written by 1 Comment

High density retina displays or screens, like Apple’s Retina Display, have lots of pixels in a small space that it is almost impossible see the pixelation, thus, displaying smoother images and texts. Although Apple offered it first on the market, manufacturers have been releasing similar devices recently to compete with Apple.

When using Retina Display devices, you can see that other sites online appear blurry. This is because of the low-resolution images being stretched to fill the screen that makes the site look disgusting. A Retina Display scales 1px to 2px, making the size double.

Retina-fy: Creating High Density Retina Displays for Your Website Read More

30 Stunning WebGL Examples and Demos in Action

Posted in 3D Effects, Inspiration, Showcase, Web Interfaces5 months ago • Written by

WebGL(Web Graphics Library) was released  on the Web early last year. Its ability to use HTML5 Canvas elements to generate graphics dynamically made it easy for web designers and developers to create smooth 2D and 3D effects. Here are some WebGL examples and demos you should look at.

WebGL is a branch of OpenGL based on OpenGL Embedded Systems (ES). It is a JavaScript API for drawing 2D and 3D graphics in a compatible web browser of an HTML5 canvas without the use of plugins.

This Javascript API is managed by the consortium of non-profit technology Khronos Group and work together with Mozilla Foundation. Since early 2009 they develop prototypes and deploy such technology.

30 Stunning WebGL Examples and Demos in Action Read More

Creating a Responsive Email Template

Posted in Coding, Coding, HTML & CSS, Tutorials, Tutorials5 months ago • Written by 10 Comments

As smart phones and tablets have become popular, more and more people are have been reading their emails regularly on their small screen devices. According to Campaign Monitor, mobile surpassed web and desktop client usage last July 2012. As the mobile email usage grows, web developers and designer must consider optimizing the look of their email newsletters on phones and tablet.

Email clients such as Outlook (Windows), Mail (OSX), etc. use different HTML engines. Many have some rules and regulations. That being said, some CSS might work while some might not.

So, in making an email template, it is highly recommended to use a different approach. Many email clients completely remove the head and strip out styles while some support a limited set of inline and internal styles for formatting. To many, an old-school table layout is the best way to go.

Creating a Responsive Email Template Read More
54.90.205.61 - unknown - unknown - US