All posts in Tutorials

Coding a Stylish Blog Design Layout in HTML & CSS


Last week we went through the process of designing a stylish blog layout in Photoshop. Now let’s take our visual concept and cut it into slices for use with neat HTML and CSS code. All our browser testing will be done on this coded concept before converting the design into a full WordPress theme.

At the end of the last post, the design concept had been put together in Photoshop and was all ready to rock. To refresh your memory, here’s the design we’ll be working on.

Designing Awesome Brochure:Huge List Of Tips, Tutorials and Inspirations

A Brochure, also referred as a pamphlet, is an effective marketing tool either to showcase the product your business is going to throw in the market or to express your future projects and ideas. Brochures are also being used in huge amount by the non-profit organizations for collecting funds. There are many other reasons and objectives of printing a brochure but whatever the reason may be, if you want to create a brochure for your business which looks professional as well as attractive, then you are in right place, in this article we are discussing some basics tips to design an appealing and captivating brochure. After that we will also showcase some awesome brochures for your inspiration. Let’s get started
TIPS

How To Create Recognizable And Really Unique Article Thumbnails

Picture can save a thousand words. That’s true and it works everywhere, even in blogs. Next thing visitors spot after the title is thumbnail. Well done post thumbnails will attract more visitors and they will explore your website with interest.

In this article I’m going to share some tips and advices about beautiful post thumbnails. You will see lot examples of using thumbnails and hopefully learn something new.

Ultimate Guide to HTML Emails – Basics, Tips, Tutorials and Resources

HTML emails is a great marketing tool, and if built good, they work great. In 2009 HTML email ROI was $43.52 for every dollar spent on it. If you are a freelancer be aware that sooner or later your clients will start asking for you to build HTML emails.

You might think that it’s not a big deal. Just a miniature HTML web page. But the difference from building HTML websites is that you aren’t building it to just a couple of browsers with very similar structure, but to 20+ email clients people are using. And believe me, they won’t swallow your code so easily. Each of them has it’s own particularities and that makes

HTML emails so hard to make. Below you will find 50+ tutorials, tips, resources, templates to get familiar with HTML email building.

Eco-Friendly Design Tutorials and Resources Round-Up

Eco-friendly is in! With all the global warming issues threatening the world today, ‘going green‘ becomes the keyword as everyone around us scurry to do their part to save our planet. It shouldn’t be surprising to us to see that the world is moving towards the direction of environmental friendliness as we see more and more green products in our everyday lives, all for the sake of preserving nature.

The Ultimate Roundup of 50+ Icon Designing Tutorials

Icon designing is very essential and important for graphic designer as there are plenty of clients who are willing to pay good for some unique and creative icons for their projects. There are many sites offering free icons for commercial use but they cannot be unique as anyone can use them or they may not be according to your requirements like size or color so it is very important for designers to know, how to design their own spicy icons.

40 Awesome Apple Related Tutorials

With the growing popularity of Apple and because of the way Apple present there products, more and more designers are getting inspired from Apple products such iPad, iPhone, iMac. Lot’s of inspiration is taken from Apple’s web site as well. To show you the possibilities, we have compiled a list of 40 Awesome Apple Related Tutorials made by several great designers on the web.

15 Fresh Photo Effect Tutorials From 2010

Here we have a selection of various Photoshop photo effect tutorials fresh from this year. They are all in Photoshop but if there are enough requests, I’m sure we can do some in other photo editing programs too. Create a Devastating Twister With Photo Manipulation Techniques, Create a Dark and Surreal Poster Using Your Own Portrait, Super Easy Typographic Portrait in Photoshop …

20+ High Quality Adobe Fireworks Tutorials

Adobe Fireworks is an excellent tool for designers. It provides a unique balance between vector and raster graphics, which is a nice hybrid between Illustrator and Photoshop. In this post we’ll feature 20+ of the best tutorials for Fireworks that will help you to get started. Creating Fading Light Vectors in Fireworks, Create a Vibrant Digital Collage Mixing Buildings and Vector Shapes on Paper..

How to Create your own BuddyPress theme (Part-2)

After completing the 1st  part of this guide you should have a theme which looks just as you want it, or is not far off what you aimed for. In this part I’ll show you how to add even more changes to your child theme.

If you haven’t read the previous parts yet I recommend you do so to gain an insight into how to best go about the required steps.