WordPress Plugin Development from Scratch, Part 1/4: Basic Structure

Posted in Plugins, Tutorials, WordPress1 year ago • Written by 51 Comments

I assume that you are a freelance designer or someone who work full time as a designer for a web design agency. Most of web designers are used work with static website design.

Now the question is: do you have a future as a static website designer?

The answer would probably be no since most clients and companies are planning to convert their websites to work with a CMS like WordPress, Joomla or Drupal.

WordPress is becoming the new static web site.

WordPress integration is simple enough that almost anyone can setup a WordPress site with an auto installer program. Unless you are familiar in working with a CMS like WordPress, you will definitely face issues moving further as a freelance designer.

WordPress Plugin Development from Scratch, Part 1/4: Basic Structure Read More

Basic Web Design Video Course – Basic HTML Tags, Structure & CSS [Part 2]

Posted in Tips, Tools, Tutorials, Web Design1 year ago • Written by 16 Comments

Howdy, guys, it’s Mike here again and this is the second part of our “Basic Web Design Video Course”. This time we will talk about the tools needed before starting out with HTML and CSS,  then we will learn the most commonly used HTML tags.

For this tutorial, we will only cover the tags that are very useful to beginners, we will cover more tags at a later time. Then, we will style the tags using basic CSS properties. No worries guys, in the next videos we will go more in-depth and learn together.

Have you seen the first part?

If you missed out the first chapter make sure to watch it!

Basic Web Design Video Course – Basic HTML Tags, Structure & CSS [Part 2] Read More

Skeleton Boilerplate: Learn How To Convert Artthatworks From PSD To HTML

Posted in Coding, HTML & CSS, Tutorials2 years ago • Written by 52 Comments

Howdy Folks! In this tutorial you will learn how to convert Artthatworks (if you want to know how to create this design in Photoshop check here!)  from PSD to HTML using Skeleton Boilerplate and make it responsive with media queries. As I mentioned in my last tutorial, I hadn’t tried using a framework until recently. I found the Skeleton Boilerplate Framework which makes it very easy to convert PSD files into HTML, by calling the right classes you can create a quick responsive layout. Sounds great right? Well then get ready and let’s get started.

Skeleton Boilerplate: Learn How To Convert Artthatworks From PSD To HTML Read More

How to Make Custom Designs for your jQuery Slider

Posted in Coding, HTML & CSS, JS & AJAX, Tutorials2 years ago • Written by 15 Comments

Sliders are a common component used in website design and for various purposes. We can create image, content, or video sliders using  jQuery. jQuery is the most popular JavaScript framework used for these sliders. A lot of jQuery sliders can be categorized based on the techniques used for sliding. The following are some common and trending techniques used by developers.

  • Layered Sliders – This is the latest addition to sliders with parallax effect.
  • Fade In/Out Sliders – These types of sliders do not have controls. Content just fades away one by one.
  • Banner Rotators – These sliders rotate in a circular path.

There are many other types of techniques as well. Each type of slider is suited for a different purpose and location on your website. Hence the designer has to carefully choose sliders for different locations.

How to Make Custom Designs for your jQuery Slider Read More

Microsoft Announces TypeScript: Will It Change The Web?

Posted in Coding, JS & AJAX, News, Web Design2 years ago • Written by 10 Comments

Like it or not, JavaScript has long established itself as a de-facto scripting language on the web. There are many programmers who are in love with JavaScript, and then there is an equal number of programmers who hate it. Yet, if you are developing for the web, you most probably deal with JavaScript in some way or another, at some point or the other.

Owing to such popularity, JavaScript has seen its fair share of clones copies languages that attempt to replace or build upon JS. CoffeeScript is a shining example, for instance.

Among such examples, we recently saw a new entrant few days ago. Yes, Microsoft announced the release of TypeScript, a typed superset of JavaScript.

What is it all about? Read on as we take a look at it in this article!

Microsoft Announces TypeScript: Will It Change The Web? Read More

47 Cool and Useful CSS3 Tutorials and Techniques

Posted in Coding, HTML & CSS, Tutorials2 years ago • Written by 11 Comments

Using CSS3 proficiently makes designing a lot more fun. With a good command of CSS3, you can create beautiful designs with great efficiency and ease. The tutorials are extremely helpful, not only for the professionals, but, also for the beginners.

Here we have put together a smart collection of useful CSS3 tutorials to help you learn the nitty-gritty of it so that you can use it to create more beautiful web sites. Enjoy!

47 Cool and Useful CSS3 Tutorials and Techniques Read More

Media Queries Tutorial – Convert Burnstudio into a Responsive Website

Posted in Coding, HTML & CSS, Tutorials2 years ago • Written by 5 Comments

Howdy Folks! If you’re following the series, we have converted Burnstudio Design Agency from PSD to working HTML/CSS. We have discussed how we will markup the HTML and how we will style it using CSS. Now, in this tutorial I will teach you how to make it Responsive by using Media Queries. Media Queries will change the look of the website depending on the screen resolution of the device: desktop to a mobile resolution by tweaking the CSS for a variety of viewports.

By the end of this media queries tutorial you will learn how to convert any website into a responsive website.

Let’s get started!

Media Queries Tutorial – Convert Burnstudio into a Responsive Website Read More

Why It Is Good Idea To Learn jQuery in Year 2013?

Posted in 1WD Features, Coding, JS & AJAX, Web Design2 years ago • Written by 10 Comments

If you have anything to do with web development, you probably have heard the term ‘jQuery’ over a million times already. Believe it or not, jQuery has risen to popularity in a short span of time and today it stands as one of the most well-loved and popular entities when it comes to developing for the internet.

In this article, we shall be taking a look at jQuery in detail — its origins, advantages, disadvantages, and anything else that matters.

Why It Is Good Idea To Learn jQuery in Year 2013? Read More

Design an Awesome Product Page with CSS Background Attachments

Posted in Coding, HTML & CSS, JS & AJAX, Tutorials2 years ago • Written by 7 Comments

Today I am going to show you how to create a product page for your website with awesome CSS effects. We will be using CSS background attachments and jQuery to create these effects. There are 2 commonly used techniques using this effect. First method is creating the before and after effect of an image. I am going to create the second method which will change the product’ as we scroll down. Take a quick look at our demo product page to get an idea about the effect we are implementing in this tutorial.

Design an Awesome Product Page with CSS Background Attachments Read More

Create a Stylish Tweet Book with Jquery and CSS

Posted in Coding, HTML & CSS, JS & AJAX2 years ago • Written by 11 Comments

Twitter is a popular social networking service used by millions of users to share text-based content. It has been described as the “SMS of the Internet.” We love to tweet links and ideas we are interested as well as follow other people with similar interests. Everyone loves to follow a lot of people and hence there is a possibility of missing the most important tweets.

So in this tutorial I am going to create a stylish Tweet book to keep your best friends and view their Tweets. As you complete this tutorial you will gain knowledge in working with jQuery and CSS to create a stylish book design. You will also learn to work with the Twitter API using jQuery and AJAX. So let’s get started.

Once you open the demo click on the button with the arrow to open the book. Then click on a letter to load friends. Then click view button to get the recent tweets.

Create a Stylish Tweet Book with Jquery and CSS Read More
54.83.228.89 - unknown - unknown - US