I’m going to collect web development snippets here that I think are either essential, useful or cool.
Modern web => Web 2.0+ basically all things modern
- Cross browser HTML 5 placeholder Text within input boxes to describe the content of the input box can be handled better thanks to HTML5 and some javascript goodness. No more…
<input type=”text” value=”Search” onfocus=”if (this.value == ‘Search’) {this.value = ”;}” onblur=”if (this.value == ”) {this.value = ‘Search’;}”> - Too many HTML requests slow down your page Use HTML5 data attributes and Jquery to add “nice to have” graphics after the main page has loaded to “improve” load times
- Wow slider. New jQuery graphic slider that allows you to create via a wizard and not write any code
- jCarousel. Feature rich carousel using jQuery
- Organise your things and people with trello.com
Web Accessibility online tests / tools
- Wave test – Web accessibility online evaluation tool
- W3C HTML validation – should need no explanation
- W3C CSS validation – should need no explanation
- Deque Worldspace Accessibility test
Useful web
- Online HTML + JSON Report decode Want to easily view a json stream, copy and paste the json output and this site will format the content nicely so it’s human readable.
- Free colour palette tool After some nice colours that compliment for a web development design, adobe has ‘kuler’ that will help you out.
- Front-end Development Guidelines A nice set of guidelines for developing efficient readable front end code
- CSS Reset A useful snippet off CSS to reset browsers to help get a more conforming look across your design, used as a base not as a finished code snippet!
- Pixels to EM conversion A useful conversion tool to convert from pixel measurements to EMs