PSD to HTML Tutorial: Code a Photoshop File to a Working Website

Posted in WordPress2 years ago • Written by 33 Comments

Howdy, folks! In this PSD to HTML tutorial you will learn how to code the Quick and Easy Stylish Design Agency Landing Page In Adobe Photoshop. I’m not really into coding, more of a design person and this is my first coding tutorial. I will try my best to guide you through the whole thing. We will be coding this from scratch and by the end you will have an awesome and fully functional agency layout.

Are you ready? Let’s get started!

PSD to HTML Tutorial: Code a Photoshop File to a Working Website Read More

40 Tutorials to Master the New Features of Photoshop CS6

Posted in 1WD Features, Tips, Web Design2 years ago • Written by 8 Comments

Photoshop CS6 boasts many impressive and exciting features, like the introduction of vector layers, Content Aware Patch/Move tool, Adaptive Wide Angle filter, Crop tool, and so on. Adobe has not tried to replace Illustrator, but if you need creative, simple shapes for use in design projects, then Vector Layers of Photoshop CS6 can do a superb job without making you switch to other applications.

Today, we will take you through some of the exciting Photoshop CS6 tutorials that illustrate how to use these brand new tools, enhanced features as well as a few secret tips to put some of CS6′s great new additions to work. So, enjoy the tour!

40 Tutorials to Master the New Features of Photoshop CS6 Read More

10 Logo Design Tips for a Timeless and Creative Logo

Posted in Tips, Web Design2 years ago • Written by 17 Comments

So, are you designing a logo? Alright! That sounds awesome, doesn’t it? And easy too!

Really? Did we just say “easy”?

If you think logo design is an easy process, trust me, that’s a misconception. To begin with, a logo is not merely some colors, fonts and fancy lines put together. It is a brand’s identity, to the extent that, more often than not, a logo is more identifiable than the brand’s name! For an entity so important, the design process requires thinking, artistic inputs and systematic planning. In other words, you don’t simply sit down and draw a logo while watching your favorite anime series.

If that is the case, how does one accomplish the creation of an awesome logo? We shall attempt to answer this very question in this article. Now, I have divided the article into two parts (because one is too mainstream): the first part talks about things that you should do while designing a logo, whereas the second one deals specifically with things you shouldn’t. Sound good? Well then, let’s start!

10 Logo Design Tips for a Timeless and Creative Logo Read More

45 Creative Uses of Typography in Web Design

Posted in Inspiration, Typography2 years ago • Written by 14 Comments

Typography is an important and crucial part of any web design. For this reason, almost every designer pays lots of attention to the use of typography. In this round-up, we are showcasing some excellent examples of typography in web design.

The latest trend in web typography is to employ bigger fonts that grab the attention of the viewers. Applying big typographic elements helps visitors in paying attention to the main element of the design.

Now, we shall take a look at some great examples of websites that demonstrate effective use of typography in their design. Enjoy!

45 Creative Uses of Typography in Web Design Read More

3 Reasons Why Web Designers And Developers Must Learn Online Marketing

Posted in Freelance, Tips, Web Design2 years ago • Written by 25 Comments

I’ve interviewed quite a few successful web designers and developers over the last couple of months. One thing that they all seem to have in common is that they took time to learn about online marketing and have built a strong online presence. This made me wonder, why don’t more people do the same thing?

I think that if you are a web designer or a developer who understands, and implements, online marketing, you not only have a tremendous advantage over your competition, but also a realistic shot of  creating a very nice lifestyle over a couple of years. Why?

3 Reasons Why Web Designers And Developers Must Learn Online Marketing Read More

Why It Is Good Idea To Learn jQuery in Year 2013?

Posted in 1WD Features, Coding, JS & AJAX, Web Design2 years ago • Written by 10 Comments

If you have anything to do with web development, you probably have heard the term ‘jQuery’ over a million times already. Believe it or not, jQuery has risen to popularity in a short span of time and today it stands as one of the most well-loved and popular entities when it comes to developing for the internet.

In this article, we shall be taking a look at jQuery in detail — its origins, advantages, disadvantages, and anything else that matters.

Why It Is Good Idea To Learn jQuery in Year 2013? Read More

20 Addictive HTML5 Games For You To Enjoy

Posted in 1WD Features, Tools, Web Design2 years ago • Written by 9 Comments

HTML5 game development is a trending topic that developers and designers often talk about these days. It is slowly but surely replacing Flash with its support for animations and game development in combination with JavaScript. You will see that more and more HTML5 games are created everyday with awesome graphics and cool effects. In this round-up, we are going to provide you with a list of addictive HTML5 games.

20 Addictive HTML5 Games For You To Enjoy Read More

45 Free and Fresh Web User Interface PSDs

Posted in Freebies, Usability, Web Design2 years ago • Written by 6 Comments

Finding free user interface elements and wireframes is just like finding treasure for designers. This is because resources like these can significantly help designers in their work and help them complete their job easily and more quickly. Basic web UI elements and wireframes are used to create a prototype of the user interface which will be shown to the client so that they can have an idea of how their user interface will look once it is completely designed.

In this post, we have collected 45 free and fresh web User Interface in PSD format so that you can easily modify or edit them. We hope that you will like this collection and find these UI elements useful to you. Good luck!

45 Free and Fresh Web User Interface PSDs Read More

Design an Awesome Product Page with CSS Background Attachments

Posted in Coding, HTML & CSS, JS & AJAX, Tutorials2 years ago • Written by 7 Comments

Today I am going to show you how to create a product page for your website with awesome CSS effects. We will be using CSS background attachments and jQuery to create these effects. There are 2 commonly used techniques using this effect. First method is creating the before and after effect of an image. I am going to create the second method which will change the product’ as we scroll down. Take a quick look at our demo product page to get an idea about the effect we are implementing in this tutorial.

Design an Awesome Product Page with CSS Background Attachments Read More

Breaking Down Media Queries for Responsive Web Design

Posted in Tips, Web Design2 years ago • Written by 4 Comments

The core of any Responsive Web Design framework is the media query. Media queries are what enable your website to call different style declarations from your stylesheets based on the current window width of the viewing device. Many of those new to Responsive Web Design, RWD, don’t spend time getting familiar with them. When there are great frameworks like The Semantic Grid System, Foundation by Zurb, and Twitter Bootstrap that let everyone just pick up and go, why would they bother? Right? Wrong! Having a skill that solely relies on code created by another is a hindrance to your career, in order to be able to say something is part of your skill set you have to understand it first. That is why for all those claiming to have an in-depth knowledge of RWD, we’ll be taking an extended look at it’s backbone: media queries.

Breaking Down Media Queries for Responsive Web Design Read More
54.205.160.82 - unknown - unknown - US