Today’s resource comes from Vandeley Design in the shape of a UI Kit. However, unlike many of the resources presented before, this one is not in PSD format, but directly coded using HTML5 and CSS3. It even includes a clever mechanism to create custom checkboxes.
[notification type=”information”]Licence: free for personal and commercial projects[/notification]
[button color=”green” link=”http://vandelaydesign.com/blog/free-resources/html5-css3-ui/”]Get the HTML5/CSS3 User Interface Kit [/button]
“This is Responsive” is a project initiated, developed and maintained by Brad Frost and Pon Katerra. They compiled a repository of design patterns and code modules essential for responsive web design. The website also contains a catalogue of resources, like articles and tutorials (from novice to master level), style guides, design tools, development techniques. All in all, it is one of the most comprehensive points to start ones education in the mastery of responsive web design.
[button color=”green” link=”http://bradfrost.github.com/this-is-responsive/index.html”]Visit “This is Responsive” Repository[/button]
CSScience offers a fully responsive slider created only with CSS3 (and a minor Javascript fix for iOS devices). The functionality is supported in all modern browsers (Firefox, Chrome, Safari and Opera) and IE9 (without transition effects).
[notification type=”information”]Licence: free for personal and commercial use[/notification]
[button color=”green” link=”http://csscience.com/responsiveslidercss3/”]Get the Stylish UI Kit[/button]