CSS
CSS (Cascading Style Sheets) is a style sheet language that illustrates presentation semantics and is commonly used to provide a design framework for web pages written in HTML and XHTML.
Thursday, March 30th, 2006
Category: CSS
, Programming
We’ve seen lots of Ajax image galleries and slideshows and, not surprisingly, they invariably make good use of Javascript. But Stu Nichols proves it doesn’t have to be that way – he’s built a functional image gallery in pure CSS (via Digg). His article points out it’s compatible with all the major browsers. Just hover Read the rest…
4.1 rating from 194 votes
Friday, February 24th, 2006
Category: CSS
, Tip
David Schontzler came up with a quick and useful bookmarklet, ReCSS. It reloads all the stylesheets pulled in via links by adding a query string argument to the end of the URL. Quite handy for applying CSS tweaks to dynamic apps. Tested in Firefox, IE, and Safari.
Thursday, February 9th, 2006
Category: CSS
, Examples
Paul Armstrong put together an example of CSS navigation magnification, which brings the fishbowl effect to links. I am not sure if these techniques help UI, but the CSS implementation is interesting. PLAIN TEXT CSS: li { font-size: 1em; } li:hover { font-size: 2.5em; } li:hover + li { font-size: 2em; } li:hover + Read the rest...
Tuesday, January 31st, 2006
Category: Ajax
, CSS
, HTML
, PHP
DevArticles.com has posted all three parts of a series over on their site - "Sending Email with Ajax". It follows a step by step process of building up the client-side interface (with Ajax's help) and the server-side code that interacts with it (in this case PHP). Part one starts the process off, talking about the Read the rest...
Wednesday, January 4th, 2006
Category: CSS
, Tip
I have run into the same issue with three projects in a couple of weeks. The issue is a common one, and it comes out as IE not listening to your CSS dimensions. For example, take this blog. We commonly attach images to our posts, and what if we post a large image? The rightbars Read the rest...
Wednesday, December 7th, 2005
Category: Browsers
, CSS
You want to tell the browsers via CSS to change the pointer icon to be a hand. Firefox uses the standard pointer, whereas IE has used hand. The cheaky work around? IE ignores underscores: cursor: pointer; _cursor: hand; Any other cheaky hacks that you have had to use to Get Things Done (tm) ?
Thursday, November 24th, 2005
Category: CSS
CSS is a standard. A standard that has many versions. Browsers may or may not implement certain versions, or pieces of these standards, and this becomes the bane of our existence :) If you want a quick way to answer questions like: * html div: Will this work in the browsers I care about? body>div: Read the rest...
Monday, September 26th, 2005
Category: CSS
Pete Freitag has whipped up 20 CSS Tips and Tricks: Rounded Corners Rounded Corners without images Creating a Netflix style star ratings Tableless forms Styling Lists with CSS 2 Column Layout Technique 3 Column Layout with CSS 3 Column Fixed width centered layout Printing with CSS Adding a CSS stylesheet to an RSS feed Footer Read the rest...
Thursday, September 8th, 2005
Category: CSS
, Examples
, JavaScript
, UI
Web forms. Everybody knows web forms. Each day we have to fill in some information in a web form, be it a simple login to your webmail application, an online purchase or signing up for a website. They are the basic (and pretty much the only) way of gathering information on the web. You basically Read the rest...