Category: Tutorials

You learn something everyday if you pay attention

20 Beautiful and Free Hand-Drawn Fonts

Designers can never ever have enough fonts in their toolbox, and hand-drawn fonts are the perfect choice if you want to add a little charm and personal touch to your work. With appropriate and well thought-out use of white space, hand-drawn fonts can give your designs some added style and elegance. In this collection, we… Continue reading 20 Beautiful and Free Hand-Drawn Fonts

Create a Free WordPress site without any Coding: CloudPress

Today we are going to be taking a look at a unique take on providing WordPress themes, named CloudPress, it is an app which lets you design a WordPress theme from scratch ( or choose from a number of existing themes ) and customize it using drag and drop building tools. Once you are done… Continue reading Create a Free WordPress site without any Coding: CloudPress

Accessibility for Modern Responsive Website Layouts

The older methods of web design have fallen by the wayside to make room for HTML5/CSS3 design. Unfortunately when you’ve become ingrained with older design techniques it can be difficult to extricate yourself from the outdated workflow. But modern usability centers around responsive design and requires more attention to detail. The following design tips are… Continue reading Accessibility for Modern Responsive Website Layouts

Realistic 3D Casino Style Bulb Sign Photoshop Tutorial

In today’s tutorial we’re going to play around in Photoshop to create an illuminated bulb sign similar to those used on Las Vegas casinos and Broadway theaters. The sign will be created as a standalone piece of text, using Photoshop’s powerful 3D tools to simulate a hyper realistic setting within a warehouse. We’ll then add… Continue reading Realistic 3D Casino Style Bulb Sign Photoshop Tutorial

Making SVG Accessible

1: Treat linked SVG images as you would bitmaps When linking to an SVG document as an image, the alt attribute is still required: <img src=”coca-cola-logo.svg” alt=”Coca-Cola”> … just like a regular bitmap. 2: If you’re using inline SVG, provide a title The <title> of an SVG element serves a similar purpose to the <title>… Continue reading Making SVG Accessible

6 Social Media Plugins You Must Try to Boost Your Web Traffic

One of the ways to increase your website traffic is through social media. It’s actually quite an important method nowadays as Google is using the social media influence to rank your website as well. As a result, the more users share your content, most likely you will rank well and get good flow of incoming… Continue reading 6 Social Media Plugins You Must Try to Boost Your Web Traffic

What Is An Effective Web Design And What Makes Good User Experience?

The Importance of User Experience We live at an age and time where everything is accessible but also in an era where people’s attention span gets shorter. Therefore, in a race to attract prospective customers, companies of all sizes and shapes come up with ways and means to do that. In the process, the World Wide… Continue reading What Is An Effective Web Design And What Makes Good User Experience?

25 Free jQuery Plugins for Custom Tabs & Accordions

Modern web designers simply adore dynamic page elements. Dropdown menus, carousels, tabbed links and accordion menus are just a few examples. All of these effects can be recreated using free jQuery plugins without much code. The toughest part is finding the perfect jQuery plugin to fit with your current project. In this gallery you’ll find… Continue reading 25 Free jQuery Plugins for Custom Tabs & Accordions

Freebie: 300+ Free Flat Color Icons

Today we are very excited to be sharing something amazing with you guys. the folks at Icon8 have released an amazing free consisting of more than 300 Flat color icons. Every web designer will tell you that there is nothing better than getting something for free, not only will it save you a lot of… Continue reading Freebie: 300+ Free Flat Color Icons

How to Create a Digital Photo Illustration in Adobe Photoshop CS6

In this tutorial, it will show you the steps to turning a regular photo into an eye-catching fashion illustration using lighting effects and colour correction in Adobe Photoshop CS6. Layered PSD file included. Let’s get started! Final Image Preview Start working by creating a new document (Ctrl+N) in Adobe Photoshop CS6 with the size 1000px… Continue reading How to Create a Digital Photo Illustration in Adobe Photoshop CS6

1600+ Fresh and New Sketch Freebies | Massive Collection!

Sketch is a great software for designers which gives you the power, flexibility and speed you’ve always wanted in a lightweight and easy-to-use package. Sketch is relatively new but it is getting more and more popular each day, among designers and web designers. In this post we selected 1600+ fresh and new Sketch freebies for designers. This massive… Continue reading 1600+ Fresh and New Sketch Freebies | Massive Collection!

12 Things You Must Know Before Developing Mobile Apps

The mobile industry has taken the web by storm, and it’s a fact proven beyond any shred of doubt. The rising popularity of smartphones and tablet devices have given businesses new ways to connect and engage with their audience on the go. Mobile phones are becoming a significant part of our life and they show… Continue reading 12 Things You Must Know Before Developing Mobile Apps

Our Favorite jQuery Plugins and Libraries For Spring 2015

Web development is hard and there is much to learn. Developers and designers need to be on top of a lot of emerging technologies and trends. But the community is buzzing with activity and it creates awesome libraries and plugins that can help us do our work. Here are some of our favorites. Not all… Continue reading Our Favorite jQuery Plugins and Libraries For Spring 2015

Build a Custom WordPress User Flow — Part 3: Password Reset

In the first two tutorials in this series, we have built custom pages for logging in and registering a new user. Now, there is only one part in the login flow left to explore and replace: what happens if a user forgets their password and wants to reset their WordPress password? In this tutorial, we’ll… Continue reading Build a Custom WordPress User Flow — Part 3: Password Reset

Create Mysterious “Energy Flow” Rock Text Effect in Photoshop

In this tutorial, I will show you the steps I took to create this Mysterious “Energy Flow” rock text effect in Photoshop. We will use a rock texture, river flow stock image, and cloud brushes to achieve this effect. The rock texture will form the foundation of the text, whereas the river stock will be used to… Continue reading Create Mysterious “Energy Flow” Rock Text Effect in Photoshop

What Are Web Designers Best Sources For Inspiration?

What Are Web Designers Best Sources For Inspiration? If inspiration is as easy as drinking a cup of coffee or you can easily find inspiration in a cup of coffee, then a web designer’s life is a breeze. However, like their art and all the codes that go with it, there are times when inspiration… Continue reading What Are Web Designers Best Sources For Inspiration?

20 Inspirational Website Designs with Incredible Graphics!

Today we won’t give you a&nbsfree website templates showcase, but instead we decided to amaze you with  HUGE dose of web design inspiration! We searched the web for the most inspirational website designs with incredible graphics and concepts and selected only 20 of them. These are the ones we liked most. These inspirational website designs… Continue reading 20 Inspirational Website Designs with Incredible Graphics!

65+ Must-Have Free Mockups for Designers

We know that designers are always looking for fresh and new mockups to use for their design presentations and so we decided to keep you all updated with the latest must-have free mockups on the web! These must-have free mockups will make your projects look even better when you’ll show them to your clients. In this article you… Continue reading 65+ Must-Have Free Mockups for Designers

15 Must-Know Chrome DevTools Tips and Tricks

Google Chrome is the most popular web browser used by web developers today. With a quick six week release cycle and a powerful set of ever expanding developer features turned the browser into a must have tool. Most of you are probably familiar with many of its features like live-editing CSS, using the console and… Continue reading 15 Must-Know Chrome DevTools Tips and Tricks

How To Create Abstract Geometric Photo Collage Art

Since posting this showcase of inspiring artwork combining geometry & photography back in 2014 I’ve wanted to give this trendy style of art a try myself. I finally sat down with Illustrator & Photoshop and devised a method of transforming a photograph into an abstract collage of geometric shapes. We’ll begin with Illustrator to build… Continue reading How To Create Abstract Geometric Photo Collage Art

6 Key Tips for Building a Successful Mobile App

Mobile applications have become a vital component in our lives. You can find an app serving varied purposes, from letting you play games to track healthy eating habits, organize to-do lists and much more. With mobile devices outselling traditional computer systems, creating a mobile app can help expand your reach to the target audience located… Continue reading 6 Key Tips for Building a Successful Mobile App

Draw a Delicious Ice Cream Icon in Photoshop

In this tutorial, we will learn how to Draw a Delicious Ice Cream Icon in Photoshop. We will be using the built-in vector shapes in Photoshop to achieve this outcome. Have a try! This is an intermediate to advanced level Photoshop tutorial. Final Result Preview Step 1: Preparing Canvas We will start by making a new… Continue reading Draw a Delicious Ice Cream Icon in Photoshop

Learn Web Design, Development And Business: The Only Course You Need

In this section we have put all the best of our content in the one place. As the title says, here you will be able to catch up if you are starting out as a web designer and polish your skills as an amateur. Keep coming to this page often, pick your interesting section and… Continue reading Learn Web Design, Development And Business: The Only Course You Need