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?
A few CSS and XHTML tips for web developers
Thursday, May 10, 2007 @ 20:11These past two month I was very busy doing many designs, redesigns, logos, layouts, etc. I didn’t have much time to write an article on my blog and I’m sorry for that. In the past few weeks I sliced a lot of layouts and built a lot of new pages with much content.
Doing that I found some tips (rather than techniques) very useful in the process. So, let’s get immediately to the matter.
Image gallery that doesn’t fall apart
Saturday, March 31, 2007 @ 20:09There are several techniques for laying out the image gallery (using list-items, simple IMG tags or using links when you create a “clickable” gallery). If you use any of available techniques, you should get the same or almost same effects. And everything works nice as long as you stick with the thumbnails of the same size. But from my experience when working with different people with different computer skill, you can expect almost anything. First of all, they won’t upload the photos of the same size, so everything you worked on falls apart – floats, sizes, aligns.
If you use some kind of CMS or your own news script, you can the solution explained in this article. I will show you how to create an image gallery that doesn’t falls apart when different sizes of images are loaded and with no images being distorted.
Advanced forms
Sunday, December 03, 2006 @ 0:04In you read the article about creating simple contact forms than you know what the most web designers will ever need. For those of you who need some advanced forms, this is the article for you. In this article I will not cover many things, because if you know the basics you could combine the knowledge for creating more powerful forms. When you’re done reading this article you will be able to create advanced forms such as registration form. I wanted to show you how to create nice looking form including text inputs, textarea and checkboxes. I will also show you how to group checkboxes and create description text for the text inputs.
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.
CSS image replacement techniques
Saturday, October 21, 2006 @ 21:33When you are engaged in web design process, one of the most helpful things is CSS image replacement technique. In this article, I will show you the basics you should know for replacing text with images. I will show you how to use a logo for Heading 1 (which is widely used for displaying company logo), how to replace different headings, and the last but not least - how to use this technique to display engaging and beautiful navigation.
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.
Image with textual description
Tuesday, October 03, 2006 @ 22:17How to create image with textual description, and keep it simple? Maybe some nice text decoration? If you are wondering about that, this is the article for you, and it’s not even very long and difficult.
Creating menus: Horizontal navigation > Explained
Wednesday, September 27, 2006 @ 19:17Few days ago I was writing about creating vertical navigation using unordered lists and CSS. Now it is time to show you how to create horizontal navigation with the same things. The beauty of CSS is that we don’t need to change anything in the XHTML code of our previous navigation. Although there are no limitations in creating horizontal navigation, in this article I will show you how to create clean and simple horizontal navigation, but without sub-navigation. I will cover sub-navigation in some other article on this topic.
Creating menus: Vertical Navigation > Explained
Thursday, September 21, 2006 @ 18:04In this article I will explain how to create simple vertical navigation menu with one sub-menu. I suppose there are many explanations of how to create vertical (and horizontal) navigation menus all over the web, but when I was just a beginner I learned to write both XHTML and CSS, but never really understood why I wrote this or that (in CSS file). I will try to help you.
Creating simple contact forms
Monday, September 18, 2006 @ 23:23Tables are designed to show tabular data. But they are also good for building contact forms, because of their easy positioning without having to write much CSS. In this article I will show you how to create simple contact form with less code and less CSS and no tables. Is that possible? You’ll find out.
How to start building web sites?
Sunday, September 17, 2006 @ 22:34Although I created my first web page back in 1997, I began designing them full time in 2004. In 1997 I was designing just text pages and my layout was table based. Now, in 2006 all of layout is CSS based, so if you are starting a web career, you have to know how to design XHTML/CSS valid page.
