Category: Tutorials

You learn something everyday if you pay attention

Latest Edition of 20 CSS & CSS3 Tutorials

CSS or Cascading Style Sheet was created to separate style codes from HTML part of a web design. It helps to make any changes without getting nasty about it. Now CSS has evolved itself into CSS3 which is the backbone of current beautiful website designs. Designers are keeping their pace with the latest technologies used… Continue reading Latest Edition of 20 CSS & CSS3 Tutorials

5 Responsive Web Design Fundamentals for Newbies

Everywhere you go; there is talk of responsive web design (RWD). This technique has revolutionized the way we design websites. The focus of today’s designers is on creating fluid layouts that render effectively on devices of all screen sizes and resolutions. With the increasing popularity and rapid adoption of smartphones and tablets, users have started… Continue reading 5 Responsive Web Design Fundamentals for Newbies

Flat Web Design Tutorial – Portfolio Landing Page

Some people may find flat web design boring while others totally love it. I find flat design interesting and more user friendly. It puts more emphasis on the content and it’s very flexible, which is really ideal for responsive web design. If you, like me, love flat design, make sure to check out 40+ Flat Web Design… Continue reading Flat Web Design Tutorial – Portfolio Landing Page

Two-Factor Auth Using Authy

It feels like every day you read about a new security breach on a website, in many cases involving weak passwords. It’s a known fact that users are notoriously lax when it comes to choosing their passwords, so there needs to be a better way of providing secure logins to your site. That’s where two-factor… Continue reading Two-Factor Auth Using Authy

Create a Mysterious Scene with Planets

Preview of Final Results Tutorial Resources Stars – greenaleydis-stock Cosmos Package – resurgere-stock Field – f3rd4-stock People Brush – fiftyfivepixels Trees Silhouettes – kuschelirmel-stock Trees Silhouettes 2 – winerla-stock Bushes – redheadstock Step 1: Creating a new Photoshop file Let’s start off by creating a new Photoshop file. Create a new file with the following… Continue reading Create a Mysterious Scene with Planets

Make HTML5 apps with Sencha, part one

When it comes to creating mobile apps there are a variety of issues to consider, including the plethora of devices, screen sizes and platforms to cater for, plus the number of skillsets needed to target all the major platforms. For example, Apple iOS uses Objective-C, Android uses Java and a bit of C and C++,… Continue reading Make HTML5 apps with Sencha, part one

Design a Roll-up Banner Stand in Photoshop

For many web and digital designs, the designer’s intent is to make the viewer feel like they’re visiting in person. Not every interested customer can physically visit your storefront, conference, event, or sale, so it’s important to invite them and accommodate them online. One way to achieve this is to allude to items they might… Continue reading Design a Roll-up Banner Stand in Photoshop

Create a Simple jQuery Image Lightbox Gallery

When building your own WordPress theme, there are a number of items to consider. One such page element is a dynamic image gallery, either using a lightbox or some type of sliding panel. Both of these user interfaces mesh nicely into the content of an article. Since they can both work on typical websites it… Continue reading Create a Simple jQuery Image Lightbox Gallery

40 brilliant InDesign tutorials

Adobe’s digital publishing platform InDesign has a ton of features which enable you to create everything from stylish brochures to eye-catching posters; newsprint publications to unique screenprint work. Here we’ve rounded up 35 great InDesign tutorials which walk you through a variety of design projects. You’re sure to find something here to stretch your skills… Continue reading 40 brilliant InDesign tutorials

Build a Mini Image Gallery Slideshow using Galleria

After searching through countless blog posts I have been looking for a really great image gallery slideshow. Something that could be added into WordPress and made as an easy publishing solution. This lead me onto Galleria which is a beautiful open source responsive image slideshow using jQuery. In this tutorial I want to demonstrate how… Continue reading Build a Mini Image Gallery Slideshow using Galleria

Create Facial Photo Manipulation Surrounded by Electrified Orbs in Photoshop

In this tutorial, I will show you the process of creating this Create Facial Photo Manipulation Surrounded by Electrified Orbs in Photoshop. I will show some interesting methods to rendering the electrified orbs by utilizing lightning textures and various Photoshop tools. We will go through manipulation techniques such as clipping mask, layer mask, layer blending… Continue reading Create Facial Photo Manipulation Surrounded by Electrified Orbs in Photoshop

Getting the Hang of CSS3 Columns

A while back CSS3 introduced a new set of properties, which are responsible for creating columns within your layout. You simple apply these to one of your elements in order to divide it up, automatically and hassle free, into a multi-column set up. This property is very easy to comprehend, set up and manipulate. There… Continue reading Getting the Hang of CSS3 Columns

15 Jaw-Dropping and Hypnotic Speed Art Videos and Tutorials

Here we try to publish a healthy mix of written and video content. While written and video content are equally important and educational, they each have their strengths and weaknesses. While video is a great format for seeing exactly how an artist or instructor performs a task, it can be frustrating to stop, rewind, and… Continue reading 15 Jaw-Dropping and Hypnotic Speed Art Videos and Tutorials