5 Online IDEs for On-The-Go Web Developers

Posted in Tools, Web Design • Posted on 9 Comments

Angry birds, sketch games, tower defense, social media browsing, and a thousand more apps for tablet computers. I’ve seen people use their tablet for entertainment and, well, just entertainment. But how can you use your tablet or smartphone for web development?

Tablet computers and smartphones are indeed portable but what other use can you do with them aside from browsing Reddit and tagging photos of cute cats on Facebook and flinging wild birds onto measley-built fortresses?

Can you develop websites and apps using smartphones and tablets?

Don’t want to bring your heavy laptop? Why not code using your smartphone or tablet using Online IDEs?

Cool?

5 Online IDEs for On-The-Go Web Developers Read More

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

Posted in WordPress • Posted on 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 Design • Posted on 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 Design • Posted on 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, Typography • Posted on 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 Design • Posted on 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 Design • Posted on 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 Design • Posted on 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 Design • Posted on 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, Tutorials • Posted on 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
54.92.236.20 - unknown - unknown - US