GD Auto Service: Learn How to Create an Awesome Landing Page in Photoshop

Posted in Tutorials, Web Interface3 years ago • Written by 21 Comments

In this week’s tutorial we are going to create an awesome landing page for GD Auto Service as an example. The template will have a cool logo, search bar, navigation, slider gallery, login panel, blog, services, testimonials and footer. Let’s combine these all together to make an awesome template. I will try my best to make it easy for you to follow this tutorial. So let’s get started!

GD Auto Service: Learn How to Create an Awesome Landing Page in Photoshop Read More

50 Superb & Free PSD Files From Dribbble To Learn From The Best

Posted in Freebies, Icons, Inspiration, Web Interface3 years ago • Written by 18 Comments

Either for self-promotion or simply for goodwill and to help others, the truth is that finding free resources and inspiration can be a really easy task. If you are an experienced designer, you know the best way to learn is by just looking and studying other people’s work. PSD files can be a powerful way to learn and fulfill your work expectations.

Today, one of the main references for this purpose is definitely Dribbble. Dribbble is not only an awesome place to be inspired by many talented designers. You can actually stumble upon some fantastic free PSD files and examine them and learn more.

This collection includes some fantastic UI kits, a lot of assets for web and graphic design, as well as a few cool icons. These PSDs are as perfect for learning as they are for your future projects. Personally I haven’t practiced learning from PSDs lately but by checking out some of these I surely realized how much you can learn from a well-built PSD.

50 Superb & Free PSD Files From Dribbble To Learn From The Best Read More

GD-Gaming: Create a Simple Gaming Layout in Photoshop

Posted in Tutorials, Web Interface3 years ago • Written by 8 Comments

In this week’s tutorial we are going to create a simple template for a gaming website. You will learn how to create basic highlighting, color combination, alignment, what background works, and many other important things. I hope you can follow me from start to finish.

You have two options: to follow the tutorial and acquire all the techniques listed here, and soon you can design something relevant to this. Or you can just download the file, but I promise you that you will be confused if you just download the file. The best thing to do is to follow the tutorial, it takes less than 30 minutes!

GD-Gaming: Create a Simple Gaming Layout in Photoshop Read More

Template Show: How to Design a Gallery Layout in Photoshop

Posted in Quick Tips, Tutorials, Web Interface3 years ago • Written by 12 Comments

In this week’s tutorial we will create a gallery layout. I will not be using the 960 grid in this tutorial, the purpose is to show beginners out there how important the Ruler Tool is when you are designing in Photoshop. We will also tackle how to create and use patterns and using mask and filters.

Template Show: How to Design a Gallery Layout in Photoshop Read More

Quick Tutorial – Creating a Letterpress and Embossed Text Effects in Photoshop

Posted in Quick Tips, Text Effects, Tips, Tutorials, Web Design3 years ago • Written by 14 Comments

In the past few years the letterpress text effect has become a huge trend in web design. It’s being used in headers, headlines and even interfaces. The love for the letterpress effect has been transferred from printing machines to our computer screens. If done right letterpress can be a splendid and neat accent in your design. Another superb, yet often underrated, text effect is embossing. You may have seen it in some menus though. Text embossing is another effect which digital art has borrowed from traditional design. This tutorial will guide you through creating the letterpress and embossed text effect in Photoshop. The tutorial will be using some basic layer styles together with some more advanced techniques. If you’re a beginner in Photoshop text effects, continue to read to find out how to achieve fantastic looking letterpress and embossed text effects in Photoshop.

Quick Tutorial – Creating a Letterpress and Embossed Text Effects in Photoshop Read More

Myriad Pro: Create a Minimal WordPress Theme in Photoshop

Posted in Tutorials, Web Interface3 years ago • Written by 28 Comments

In this tutorial we are going to create a minimal WordPress theme in Photoshop. Don’t worry if you are new with using Photoshop, any skill level will do. I’ll try my best for you to follow this tutorial from start to finish. Also, you will learn how to create simple patterns to add more texture to our WordPress theme.

This is a simple design created in Photoshop. The working demo will soon follow, which will involve converting the PSD file to a working HTML/CSS. So, are you excited? Open your Photoshop now and let’s get started!

Myriad Pro: Create a Minimal WordPress Theme in Photoshop Read More

How to Create a Web Spy with a PHP Crawler

Posted in PHP, Tutorials3 years ago • Written by 52 Comments

Crawler, spider, bot, or whatever you want to call it, is a program that automatically gets and processes data from sites, for many uses.

Google, for example, indexes and ranks pages automatically via powerful spiders, crawlers and bots. We have also link checkers, HTML validators, automated optimizations, and web spies. Yeah, web spies. This is what we will be doing now.

Actually I don’t know if this is a common term, or if its ever been used before, but I think it perfectly describes this kind of application. The main goal here is to create a software that monitors the prices of your competitors so you can always be up to date with market changes.

You might think “Well, it is useless to me. You know, I’m a freelancer, I don’t have to deal with this ‘price comparison’ thing.” Don’t worry, you are right. But you may have customers that have a lot of competitors they want to watch closely. So you can always offer this as a “plus” service (feel free to charge for it, I’ll be glad to know that), and learn a little about this process.

So, let’s rock!

How to Create a Web Spy with a PHP Crawler Read More

How to Get More From WordPress With Multisite Blogs (Network Install)

Posted in Tutorials3 years ago • Written by 25 Comments

WordPress is surely the most used CMS in the world. Here we will talk a little about it’s incredibly easy multisite install (a.k.a. Network install). With multisite you can set up multiple blogs that share the same WordPress files, DB, plugins, themes, so you can do some cool things with it. We will see how to get posts from another blog in the network, as it was yours, create users, dynamically create a blog, how to create multiple blogs in different domains, and much more.

So, let’s rock.

How to Get More From WordPress With Multisite Blogs (Network Install) Read More

Do’s and Don’ts of Writing Better CSS and HTML

Posted in HTML & CSS, Tips, Tutorials3 years ago • Written by 34 Comments

CSS and HTML are key languages to begin with, when you decide to invest your time in web design and development. They are powerful languages and most of the time may seem simple to work with.

However, every single one of us, beginners, or advanced developers, have committed basic or major mistakes working with both these languages. With this in mind, I believe it is extremely important and always welcome to learn some good tips and practices which I hope will help you improve your skills and experience.

Do’s and Don’ts of Writing Better CSS and HTML Read More

MyProfile – How to Design a Social Network Page

Posted in Tutorials, Web Interface3 years ago • Written by 11 Comments

In this tutorial we are going to discuss and use Photoshop techniques and design a beautiful, attractive, stunning and well-designed social network page. This tutorial is perfect for people who are designing their own social network. At the end of this tutorial, you will have the confidence to show the world an awesome page.

MyProfile – How to Design a Social Network Page Read More
54.196.206.80 - unknown - unknown - US