I am loving this tutorial from Soh Tanaka on how to create an information popout for images. A bit like google images whenyou move your mouse over an image.
Popout tutorial using only css.
Reply
Tag Archives: css
How to identify the browser in PHP
Bastian Allgeier has posted a great article on how to identify what browser is being used to view your website. The code is written in PHP and set the HTML class to the browser being used.
The implementation involves downloading the PHP code from Bastian’s website and adding two line of code to your PHP script. Then adding CSS accordingly.
Free Xcart 4.2 Skins with a CSS Layout
The X-Cart website has 15 free CSS templates that can be installed on Xcart 4.2.
goto http://www.x-cart.com/news/free-skin-templates-for-online-stores.html
Coding a Web Design for Speed and Quality
The beauty of being a web designer is creating a detailed, creative, and original web design in Photoshop, without having to (for the most part) think about how it will be coded.
During the design phase, it’s all about the look, and either the coding can be taken care of later, or be outsourced to a developer.
Either way, not thinking about the development usability or functionality is a great way for a designer to not feel limited in the design process.
This is a great way of thinking, and can lead to the best designs. However, once it does need to be coded, we as designers are in a tricky spot.
In this article, you’ll find a few simple tips that can help designers learn basic XHTML/CSS conversion efficiently for a quick-loading website that is accurate to the original PSD.
See the full article at http://www.webdesignerdepot.com/2009/11/coding-a-web-design-for-speed-and-quality/
10 Top tips for better CSS
CSS
The Web designer ledger website gives a really good guide to writing and looking after your CSS.