Mark Boulton, Andy Budd, Andy Clarke, Simon Collison, Molly Holzschlag, Jeremy Keith and Jason Santa Maria are just some of the prominent speakers who will attend the conference. I’m sure it’s going to be great!

I’ll be there to get up-to date with the most recent trends and to meet new people. Hope to meet some of you guys too! If anybody is going please let me know by commenting this post. I’d be glad to have a chat with you during the conference or a pint at the social events to exchange some ideas.

Hope to see you there!
Andrea

You can now browse our database of well designed and innovative CSS based websites straight away from the homepage using our fully reorganized category menu, which makes it easier for you to find what you’re looking for.

We’ve also added some interesting features as the Best Site of the Month, which will be chose among all the sites we receive and reviewed by our staff. As a recognition for your good work, it will stay in a top banner on our homepage for the whole next month. A list of recommended books is also provided within the new footer layout.

Besides, CSSGlance is now both on Twitter and Facebook.. take a peek!

Hoping you like the new design as much as we do, we’d like to ask your opinion and collect your suggestions for possible future improvements.

CSSGlance Staff

The first idea was not our own. I think you can easily remember the great success made by what was called “The Million Dollar Homepage”. A simple page covered by a lot of mini banners which has led the owner to become millionaire and to leap to fame.

Quite a few websites adopted this useful way of making money. You can see good examples on CSS Remix and Italian Web Gallery.

In the most cases, you can get more information about the single banner by passing the mouse pointer over it. By doing this action, a small tooltip will appear, providing additional info as the name, the tagline or simply a link back to the website who bought the adv block.

This feature is often realized by using a small JavaScript. But what will happen to those users browsing a page without JavaScript enabled? The answer is simple. They won’t see the tooltip and the adv info. That means the content is not accessible.

So, what can we do to get the same nice tooltip feature and to improve accessibility? The solution is CSS. In fact, we can create pure CSS tooltips which are simple, useful and accessible, ‘cos they work even if the user browse the page without JavaScript enabled. This is the way we followed on CSSGlance.

This is what we’re looking for and now let’s go into details.

We just need a plain list of links. The XHTML code is something like this:

<ul>
<li><a href="http://www.google.com"> <span>Google.com</span></a></li>
<li><a href="http://www.yahoo.com"> <span>Yahoo.com</span></a></li>
<li><a href="http://www.cssbeauty.com"> <span>CSSBeauty.com</span></a></li>
...
</ul>

Now we have to float the <li> elements in order to put side by side each block. Then we can add a relative position to the links, in order to allow the span element inside to position absolutely respect the parent link. The span have also a display:none property which is changed into a display:block one when the mouse pointer pass over the block. You can easily solve ie bug adding some z-index.

Here you have the basic CSS code:

#miniadv ul{margin:0;padding:0;list-style:none}
#miniadv ul li {float:left;margin:0 2px 2px 0}
#miniadv a{float:left;position:relative;z-index:5; width:18px;height:18px}
#miniadv a:hover{z-index:10}
#miniadv a span{display:none}
#miniadv a:hover span {display:block;position:absolute; bottom:2em;right:2em;width:135px}

Let’s take a look at the example! You can download this example (zip-9KB) and use it however you like, but please give a link back to CSSGlance.

CssGlance Gallery Entries
http://feeds.feedburner.com/cssglance/gallery

CssGlance News (English language)
http://feeds.feedburner.com/cssglance/news

CssGlance Notizie (Italian language)
http://feeds.feedburner.com/cssglance/notizie

Thank you
CssGlance Staff

The new section’s name is Webdev Resources and it would be a handy list of useful websites about web standards and interesting developement techniques.

This won’t be an exhaustive list but simply the first step towards the creation of a greater collection.

Links are organized in many categories which represent some of the most interesting matters about webdesign developement. You can find websites, articles and other resources related to the following categories: Browsers, CSS guides, CSS image replacement, CSS image techniques, CSS layouts, CSS text styling, Daily reading, Developer tools, Forms, Grid design, Mobile design, Navigation menu, Tables, Validation tools.

We will add new categories and new resources as well. Our aim is to update this page regularly in order to make your “developer” life easier.

Please notify us any link you think should be added on this list by dropping an email to staff@cssglance.com.

Moreover CssGlance publishes articles, tutorials, and comments on subjects that are interesting and useful hopefully to web professionals, both developers and designers.

We are still working to solve out some technical and presentational problems. Please, submit your websites in order to help us to populate CssGlance contents.

Thank you very much
The staff