How Fluid Grids Work in Responsive Web Design

Posted in Coding, Tutorials, Web Interface1 year ago • Written by 59 Comments

Responsive design is the process of arranging the layout in a way that all the important information is presented in a user readable way in any kind of device or screen size. Most designers will choose a grid based layout since it’s easier to handle grid based layouts in different kind of devices.

It’s your decision to choose between a fixed or fluid grid to design the layout. Throughout this tutorial we are going to focus on fluid grids and their importance in responsive design.

How Fluid Grids Work in Responsive Web Design Read More

How to Create a WordPress Reward for Tweet Plugin

Posted in Coding, Tutorials, WordPress2 years ago • Written by 13 Comments

As a website owner or blogger you need a good number of subscribers and followers to be successful in the social media world. Many websites provide freebies such as eBooks, Icon Packs and Plugins in exchange for emails. Getting people to tweet your content is another trending method to get more visitors to your site. In this tutorial, I’ll be showing how to create a WordPress reward for Tweet plugin to increase the tweets on your content while satisfying everyone!

How to Create a WordPress Reward for Tweet Plugin Read More

30 Must-See HTML5 Tutorials to Help You Impress Your Audience

Posted in Coding, Tutorials2 years ago • Written by 20 Comments

If you want to be a successful web developer or designer, you always have to be a step ahead. Sooner or later, HTML5 is going to strengthen its position even further and you want to be ready when that happens. Mastering the latest technology will allow you to experiment, push things further, and give you a considerable edge in the market.

For this roundup we’ve prepared 30 fresh, brilliant and useful HTML5 tutorials from 2012 ranging from basic element explanation to advanced case studies.

30 Must-See HTML5 Tutorials to Help You Impress Your Audience Read More

50 Useful and Instructive CSS3 Tutorials You Always Wanted To Complete From 2012

Posted in Coding, Tutorials2 years ago • Written by 26 Comments

Now that most browsers support the majority of the features CSS3 offers, it’s important for developers to catch up and be aware of the power of CSS3. Photoshop and JavaScript are slowly losing their significance because it’s become possible to echo the same results with just a few lines of code easier and faster than ever.

The techniques that were new a year ago have become standard now. CSS3 is evolving fast and for that reason we’ve prepared 50 fresh, useful and instructive CSS3 tutorials from 2012.

50 Useful and Instructive CSS3 Tutorials You Always Wanted To Complete From 2012 Read More

Bootstrap Your Application Using Twitter Bootstrap

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

As a front-end engineer, I was always excited to be a part of an assignment where I got to code the markup and CSS from the scratch. Like any other professional, the prospect of implementing my own ideas and exploring fresh techniques, on a fresh project, used to make me euphoric. As time passed by, the number of fresh projects that I was handling increased substantially, and the concept of starting all over again no longer remained an exciting business.

It was a pain to start coding the UI components all over again in each and every project (though I maintained snippets and reused the code, it was not an effective solution for the rework!). It was then I realized the need of maintaining an extensive library of reusable components which could be used across any projects. The idea seemed to be interesting, but the fact was such an effort needed a lot of detailed analysis and extensive testing across multiple platforms and browsers, to be rest assured that, the code be reused without any hiccups across any projects. The idea was to create a framework which was reliable and flexible enough to be reused.

Bootstrap Your Application Using Twitter Bootstrap Read More

How to Create an Infinite Scrolling Gallery in 10 Minutes

Posted in Coding, Tutorials, Web Interface2 years ago • Written by 25 Comments

Pagination is a technique used to break large data sets into small blocks in order to reduce the server load. We used to create pagination buttons with page numbers and next/previous links. Now pagination has gained a new perspective with infinite scrolling.

How to Create an Infinite Scrolling Gallery in 10 Minutes Read More

Create Your Own Premium Membership WordPress Blog – Part 1/3

Posted in Coding, Plugins, Tutorials, WordPress3 years ago • Written by 46 Comments

Who doesn’t want to earn money from blogging? I mean, sometimes you have shortages, sometimes comments let you down, payment is not THAT good. But you know, it’s still better than real work, right? (Troll’s comments in 3..2..1..)

So instead of spending a few bucks in order to get a premium membership system, why not create your own? And you can also learn a little bit about WordPress. Big deal, isn’t it? And you will be amazed at how easy is to build such great feature.

This is our first post from 3 and we’ll be talking about user roles, register, show / hide content based on user’s role.

So, Let’s Rock!

Create Your Own Premium Membership WordPress Blog – Part 1/3 Read More

Creating Your Own CMS Part 2 – Access Levels & Administrators

Posted in Coding, Coding, PHP, Tutorials3 years ago • Written by 13 Comments

Alright if you have read the first article that we worked on a while ago “Creating Your Own CMS Part 1 – Secure Login” then you should have some sort of CMS design with a secure login. Now that we can login to our CMS we will need to have an easy way to add an administrator and of course give them access to only certain parts of the CMS. But first one little thing that I decided to add in to make it easy for you to login without having to manually add an entry in phpmyadmin was to make the first login attempt double as a create user.

Creating Your Own CMS Part 2 – Access Levels & Administrators Read More

Convert 1stDelicious Portfolio Layout From PSD to HTML [Very Detailed]

Posted in Coding, Coding, HTML & CSS, Tutorials, Tutorials3 years ago • Written by 21 Comments

In this article you will learn how to convert 1stDelicious: A Simple Clean Portfolio Layout from PSD to HTML in a detailed step by step tutorial. You will learn how to create this layout by using a CSS framework, CSS Sprites and CSS3 into a valid HTML/CSS and cross browser compatible layout. I hope that you can go through this tutorial and learn a few techniques that will help you in future projects.

Convert 1stDelicious Portfolio Layout From PSD to HTML [Very Detailed] Read More

Convert a 3D Portfolio Dark Layout From PSD to HTML [Very Detailed]

Posted in Coding, Coding, HTML & CSS, Tutorials3 years ago • Written by 20 Comments

In this article you will learn how to convert a 3D Portfolio Dark Layout from PSD to HTML in a detailed step by step tutorial. You will learn how to create this layout by using a CSS framework, some CSS styles and Javascript into a valid HTML/CSS, cross browser compatible and dynamic layout. I hope that you can go through this tutorial and learn a few techniques that will help you in future projects.

Convert a 3D Portfolio Dark Layout From PSD to HTML [Very Detailed] Read More
23.20.149.27 - unknown - unknown - US