10 Video Tutorials for Learning Basic Web Design Skills
Some people can read instructions on how to do things and can immediately go out and do them without any problems. But others need to see things done before they fully grasp how to do them. This is fine if you know someone who can show you how to do things, but if you don't, it's a little harder. Enter the video tutorial. It shows you right on your computer screen how to do just about anything you want. Here are 10 that show you the basics of web design, from some basic PHP to creating your first website to creating WordPress themes. Building Your First Web Page by Hand - This is a basic tutorial on coding a web site completely by hand using a text editor. Killer PHP Video Tutorials for Web Designers - This site offers a bunch of free video tutorials covering PHP from start to finish, including Writing Your First PHP Script, PHP Loops, and more. Creatin' CSS Layouts in Dreamweaver - This is the first video in a three-part series on working with CSS in Dreamweaver.
100 Superbes Polices
Today we'd like to delight you with an extensive list of The Best Free Fonts for 2012. We've made a collection in which you can find Sans Serif, Slab Serif, Rounded, Modern, Display , Art Deco, Geometric, Urban, Futuristic and even abstract style types. An important part of typography is selecting the right typeface for a project. This is one these things that you might want to keep handy for your next designs. Download fromBehance Serif, Slab Serif, Semiserif Typefaces ... Script and Calligraphic Typefaces Sans Serif, Modern, Geometric Typefaces ... Display and Decorative Typefaces ...
Blender 3D Architect
12 Steps to Creating a Professional Web Design | Web Site Design Blog
Before we share some of the necessary steps used to create a professional web design and website, the following question must be addressed: What constitutes a "professional web design"? More often than not, a web designer or web design company claims to offer professional web design services for their clients. However, should they be promoting "web design services" rather than "professional web design services"? When measuring the professionalism of a web design and website, one must take into consideration a number of factors/steps: To put it simply, what separates professional web design from web design is whether or not a designer or web design company takes into consideration the above items when designing and building a website. The good news is, you don't need to hire a professional web design company or professional web designer if you want a professional web design and website. As a supplemental resource, visit our H2O Playlist on Professional Web Design. Let's get started.
33 Photoshop Tutorials
You will probably agree, all of these tuts are amazing, they all combine great typography, amazing image manipulation, color schemes and bring it all together perfectly. Download or Buy Adobe Photoshop CS4 Extended » 1. Create a Sony Ericcson G900 Poster 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. iPhone Poster Advertisement 28. 29. 30. 31. 32. 33.
Urban Sketchers
Web Form Design Patterns: Sign-Up Forms, Part 2 | How-To
Advertisement Last week we have presented first findings of our web forms survey1. The main objective of the survey was to provide designers and developers with some intuition of how effective web forms are designed; we also presented some guidelines of how an effective and user-friendly web form can be achieved. We have focused on sign-up forms as we wanted to consider further crucial forms (e.g. checkout forms) separately. Please notice that this post is not about checkout forms — that’s a topic for another discussion, we may consider them separately in one of the upcoming posts. 3. In the first part of our research we have considered the placement of the sign-up links and sign-up forms as well as on the visual appearance of forms. 3.1. Apparently, to improve form completion rates designers try to avoid all kind of distractions and offer a clear, unambiguous and simple web form. 3.2. 3.3. If hints and help appear, they appear… 3.4. According to our research, 3.5. 3.6. 3.7. 3.8. 3.9.
Pixel Patterns
Repeating patterns are a great resource to add detail and texture to any website or interface design. Download this free pack of 12 pixel based patterns, including diagonal lines, dots and tessellating shapes for use in your future design projects. All the patterns are contained within a Photoshop .pat file. Select the Fill tool then change the drop down box from Foreground to Pattern. In the pattern selection box click the small options arrow and select Load Patterns. Download the Photoshop pattern file
