New open source tool: Fyles

Fyles is a tool that will gather all the icons for all the file types that are on a system. It then generates a sprite sheet and css for all of those extensions. Fyles only references unique icons, so if there are file types that share the same icon, it will only be in the sprite once. The exception to this is the “default” icon, to ensure that the default icon exists in the sprite, it may exist more than once.

Here is a sample of how the sprite is laid out:

And here is a small block of what the css looks like:

And here is how you would include an icon on your page:

Html5 Unobtrusive Form Validation for ASP.NET MVC

I have a project that I was able to make use of modern browsers HTML5 form validation. But I wanted to include the validation that also takes place from within aspnet mvc so there is a unified experience with the validating the form. I took the jquery.unobtrusive-validation.js and made some modifications to it to hook in to the aspnet mvc validation. It is not yet 100%, the “Required” aspnet mvc validation doesn’t seem to “trigger” unless the field is filled out, then attempted to be submitted, and then cleared again, but the default html5 “required” validation message still shows initially. Either way, I figured I would share this and maybe someone could build on it and improve it. Enjoy.

Here are some screenshots of the results.

Failed Regex Validation
 

Failed Minimum String Length Validation
 

Failed Remote Password Strength Validation


Failed Compare to Password Field Validation


Download from Skydrive