Category: Tutorials

You learn something everyday if you pay attention

5 Things to Consider Before Becoming a Freelance Web Professional

* { box-sizing: border-box; } body {margin: 0;} If you’re working as a web professional for an employer, chances are you occasionally daydream about going it alone. Maybe you do some freelance work in your spare time and would love to extend that to full time, or maybe you just want the freedom of being… Continue reading 5 Things to Consider Before Becoming a Freelance Web Professional

The Inception of Mobile Application Designs

Mobile being the talk of the town, being the architect of your town (mobile app) it is incumbent on you improves the aesthetics and facilities of your town, so that it can attract maximum number of visitors. It is also you duty to stay abreast with the latest advancement in order to deliver the best… Continue reading The Inception of Mobile Application Designs

15 Clever Tools To Find Some Cool Domain Name Ideas

Choosing an ideal domain name is quite difficult in modern times because so many names have already been registered that simply coming up with name combinations will usually draw a blank with all good top level domain (TLD) or generic domains already taken. Because of this, innovative domain search tools have cropped up which can… Continue reading 15 Clever Tools To Find Some Cool Domain Name Ideas

Card Expansion Effect with SVG clipPath

View demo Download source Today we are going to create a experimental grid layout with “cards” where we’ll animate the card expansion with a morphing effect on the cover image and follow its motion with a delightful animation of a low-poly pattern used as the background of the page. We are using Trianglify by Quinn… Continue reading Card Expansion Effect with SVG clipPath

Learn JavaScript and Up Your Photoshop Game

You’re a Photoshop master. You have your preferences perfected, the menus memorized. You’re a Wacom wielding wizard. Or are you? If you use Photoshop and you don’t code, you’re wasting time and effort with every project you touch. That’s time you could use to do more creative, enriching work or to get away from your… Continue reading Learn JavaScript and Up Your Photoshop Game

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!