background preloader

WebDesign tuts

Facebook Twitter

Layouts. Ultimate Designer Toolkit. PSD to HTML tutorial using 960 Grid System Sign up to download this tutorial plus 60,000+ more premium design items.

Ultimate Designer Toolkit

Make an Elegant and Simple Blog Web Layout Using Photoshop. This web design tutorial will show you the process of developing a PSD mockup of a clean and simple blog layout.

Make an Elegant and Simple Blog Web Layout Using Photoshop

We will be creating the design of the front page of the blog. The next part of this tutorial will walk you through coding the PSD to HTML/CSS. Creative Nerds - Part 5. Tutorials. Did you like our Sci-Fi/Space Photoshop tutorials list?

Tutorials

If yes, then you’ll definitely enjoy learning some new tips and tricks from these 25 movie effects Photoshop tutorials! For all the movie fans out there, we gathered here some really cool movie effects Photoshop tutorials which will teach you how to recreate your favorite movies posters or even manipulate your own photos and make you look like your favorite movie character!

One of the most inventive and beautiful art genres of our time is the digital space art. If you are passionate about space, science, planets and stars, this list of brilliant space Photoshop tutorials will definitely appeal to you! For the majority of the tutorials in this list, you won’t use any stock photos or any material at all besides Photoshop filters, effects and blending modes. Web Design Tips. WordPress themes and features for photographers keep getting better and better.

Web Design Tips

Whether you’re an artist, a commercial photographer, photo blogger, or just want a unique platform for sharing your images, there are now hundreds of outstanding WordPress photography theme options to choose from–with more appearing every day. The best premium photo themes offer tremendous versatility, with galleries, portfolio, blog and even shopping cart features all rolled into one seamless package. The hardest part may be simply deciding which theme is right for you. Read more on WordPress Photo Themes… Web Design Ledger. 691 shares 6 Valuable Tutorials for Web Designers Designers always need to be on top of their game to deliver great projects.

Web Design Ledger

From keeping an eye on everything that is new to always improving your techniques, you certainly need to be tuned to ways you can keep improving. Tutorials, Lessons, & Guides. Photoshop, CSS, xHTML, PHP and web related tutorials. Web Design Tutorials. Web Development Tutorials. Web Design Tutorials for Developers - Web Design Blog – DesignM.ag. Get the FlatPix UI Kit for only $7 - Learn More or Buy Now Modern development APIs work like agents for sharing information to other 3rd party websites.

Web Design Tutorials for Developers - Web Design Blog – DesignM.ag

I’ve written many past tutorials about API development to help anyone new to this process. There are so many web-based services that it’s tough picking something to grab people’s attention. In this tutorial I want to demonstrate how we can access the Forrst API using jQuery. Some API wrappers actually require server-side code like PHP or Ruby. Read More I was browsing through websites one day and came across one really interesting feature.

So in this tutorial I want to demonstrate how we can build a very simple HTML5 webpage recreating a full author bio display. Read More Any company selling a service with payment plans usually breaks up the structure into different packages. For this tutorial I want to demonstrate how we can create pricing tables with just a bit of HTML5 and CSS3. Live Demo – Download Source Code. Tutorials - Six Revisions. How to Make a Light Textured Web Design in Photoshop This web page design tutorial on Design Instruct (our other website) will show you how to create a beautiful, modern and subtly textured web page layout in Photoshop. continue reading »

Tutorials - Six Revisions

Six Revisions - Web Development and Design Information. The Do?s and Don?ts of Dark Web Design. Dark web designs are very popular and can have an elegant and creative appeal.

The Do?s and Don?ts of Dark Web Design

They are also perfect for many types of client work however, they are not suitable for every website and should be used only when appropriate. In spite of the striking visual impact that these dark designs can have, many designers don’t know how to effectively pull them off without turning off the visitor. With a dark design comes less readability, less appeal for most readers and less opportunity for conventional design elements.

In this post, we’ll discuss a few tips to make your next dark website design appeal to a broader audience, while letting you, the designer, express your creativity. A recent poll suggests that light designs are preferred by the general web-going audience by a whopping 47%. By contrast, 10% of those surveyed said that they always preferred dark backgrounds for websites, while another 36% said that the best choice would depend on the type of website. So, what’s the right answer? Create a Whimsical Animated Flash Background. Twice a month, we revisit some of our readers’ favorite posts from throughout the history of Activetuts+.

Create a Whimsical Animated Flash Background

This tutorial was first published in May, 2009. Using ActionScript 3.0, we'll create a cool Animated Background that we can use in Menu Screens or as a Music Visualizer. Final Result Preview Let's take a look at what we'll be working towards: Step 1: Brief Overview.