What's new in this category
CSS map in practice
Saturday, September 08, 2007 @ 12:10A few months ago I wrote an article about how to use CSS to create a nice looking map. The process was (I think) well explained in that article, and now I want to show you the real example – or how to use CSS and unordered list to create live, nice looking CSS map (that hopefully rocks :)
I personally love XHTML and CSS combination even when we should achieve the same effect with Flash. This is partly because I never explored Flash so much. The client of ours – Oxy Polyclinic wanted for us to create a map of diving locations for their Ship “Borna”. We could create a map by using Flash, but we used simple XHTML and CSS instead. Why?
Using Photoshop masks for creating web graphics
Sunday, January 07, 2007 @ 22:01If you want to create a dropped shadow background than you could just add a drop shadow layer effect to a specific layer. But what happens when you would like to create a dropped shadow background that fades with the background itself. The easiest way is to use Photoshop “power”.
I am talking about Photoshop masks, and in this illustrated tutorial I will show you how to use masks to create faded shadowed background and also how to use masks when dealing with header images like in the example just bellow.
Tables explained » how to use and style them
Thursday, November 16, 2006 @ 19:40Back in the “old days” of the web, tables were used for creating page layouts ranging from complex to simple (for example – creating a contact form). Today, we use DIVs and SPANs instead, and we should use tables only for displaying tabular data. In this article I will show you how to use tables (we will use <thead>, <tfoot> and <tbody>), display a caption and style it up with some CSS.
Creating web graphics in Photoshop
Tuesday, November 07, 2006 @ 0:14In this brief and illustrated tutorial you will learn how to create most commonly used web graphics in Photoshop. Techniques explained in this tutorial, can be used in other similar programs as well. In this tutorial I will try to explain how to create a menu, like the one explained in the article “CSS image replacement techniques” and then I will guide you through the process of creating a custom submit button.
To complete this tutorial you should be familiar with the basics of Photoshop like dragging guidelines, creating layers and applying the effects to them, changing opacity, and using a Tool Menu.
Create your own drop down menu with nested submenus using CSS and a little JavaScript
Wednesday, October 11, 2006 @ 22:57Drop down menus are among the coolest things on the web. Beside that they are also very good for creating navigations that contain many elements. The main problems of creating drop down menus lies in the Internet Explorer’s inappropriate way of displaying :hover pseudo class (not recognized anywhere except in A tag), and the problem in calculating the z-index when an element is positioned absolutely inside a relatively positioned element.
Learn how to design your own XHTML valid website
Sunday, September 24, 2006 @ 18:32
I know from my experience, that it’s not easy to make a switch between table-based design, and CSS-based design. Been there, done that - thank you. On the web there are many great resources and lessons for designing layout or navigation you can all find them on Google. There are also many documented problems between Firefox/IE/Opera/Safari.
I will try to help you with that switch, I will try to answer all your questions with this list of articles that cover designing one imaginary firms website from scratch. This articles will help you design your own sites and understand the process, but if you are not a web designer, you should try to hire one if you have any problems in the process. Hey, I know about computers, but I never tried to fix one, right?
