Clean And Accessible Form Foundation

Last Update 7/3/10

— As soon as you drop tables you find that making nicely formated and accessible forms is not that simple. There are many discussed methods to achieve this and there will always be something to argue about them. Having said that I present you here with a solution that in most of the cases works for me. I hope you find this useful.

→ Final product: View the demo | ↓ Download

GOALS:

There were a couple of things I had in mind when creating this form, first of all the code would have to be valid XHTML, clean semantic and well formated. This would need to have a good balance between accessibility and flexibility to make it portable and easy to style. This way you have more chances to easily copy and modify to adjust to different needs.
› Continue reading

Tags: , ,

Thursday, January 8th, 2009 Web Design & Development 38 Comments

From the lab: CSS Navigation Bar Code Generator

CSS Navigation Bar Code Generator

— This web tool will help you generate the code you need to build a navigation bar with the technique described in this article: CSS Text based navigation bar with images.

The result is a valid and accessible text based imaged navigation bar with one sprite image, XHTML and CSS. I have included a short video as well to showcase the process.

CSS Navigation Bar Code Generator

Please let me know if you have any comment. You can download the generated code in a zip file.

Hope you find it useful. Enjoy!

Tags: , , ,

Tuesday, December 16th, 2008 Web Design & Development 11 Comments

is_subpage() – Custom Conditional Function

This function has been updated and improved. Click here to go to the newer version.

— Quick conditional function for WordPress to check if the current page is a sub page. It works both inside and outside the main loop, only for 2.5 and upwards.

→ Download the function here

Example

Same way as you use is_page, is_home, etc.

< ?php if (have_posts()) : ?>

	< ?php while (have_posts()) : the_post(); ?>

		< ?php if ( is_subpage() ): ?>
			<p> This is a subpage </p>
		< ?php endif ?>

	< ?php endwhile; ?>

› Continue reading

Tags: , ,

Saturday, November 29th, 2008 WordPress 27 Comments
« Previous Entries Next Entries »

About Me

Matt Varone - Matias Varone - sksmatt
HI there,

I'm a freelance creative web developer, UI designer and hobbyist musician.

Twitter Status

Flickr Gallery

    Blue WallClutter drawerCS4 Replacement iconsCS4 Replacement icons

Scrnshots Gallery

  • Screenshot from ScrnShots.com
  • Screenshot from ScrnShots.com
  • new site im working on
  • Screenshot from ScrnShots.com