HTML5 Powered with Connectivity / Realtime, CSS3 / Styling, Device Access, Graphics, 3D & Effects, Multimedia, Performance & Integration, Semantics, and Offline & Storage

Web-development Experiments and Ramblings by Martin Ivanov

This website is a companion to the web-development articles I write about on my blog.

The concepts and the code presented here have been conceived by by me and are free to use. As a small token of courtesy, you may drop me a line and include a link to the website you use my stuff (in return I will put a use case link to your project), and keep the credits comment blocks in .css and .js files.

CSS Examples

  • Crossbrowser RGBA and Prevention of Opacity Propagation. Starting with IE6
    Crossbrowser RGBA and Prevention of Opacity Propagation. Starting with IE6
  • CSS3 Tabstrip
    CSS3 Driven Tabstrip Without any JavaScript
  • CSS3 Background Image Cropping
    How to Crop Background Images with CSS3
  • Custom Checkboxes and Radio Buttons
    Imageless Custom Checkboxes and Radio Buttons with CSS3
  • CSS3 Gaussian Blur
    How to Achieve Gaussian Blur Effect with CSS3
  • CSS3 iPhone Toggle Buttons
    How to Create iPhone Toggle Buttons with CSS3
  • Fancy CSS3 Tooltips
    Fancy CSS3 Tooltips without any JavaScript
  • CSS3 Treeview. No JavaScript
    CSS3 Driven Treeview Without any JavaScript
  • CSS3 Slides Viewer
    CSS3 Driven Slides Viewer Without any JavaScript
  • Inline Masked File Upload Form with CSS3 and HTML5
    How to Create an Inline Masked File Upload Form with CSS3 and HTML5
  • CSS3 Element Reflections
    How to Create Crossbrowser Element Reflections with CSS3
  • Dropdown Styling with CSS3
    How to Style Select Boxes with CSS3

JavaScript Examples

  • HTML5 Placeholder Enabler YUI Class
    HTML5 Placeholder Enabler YUI Class
  • JavaScript Inheritance Without Constructors
    JavaScript Inheritance Without Constructors
  • HTML5 Resume Generator and Onepager Website
    HTML5, CSS3, JSON and JavaScript Resume Generator and Onepager Website
  • TinyURL JavaScript API
    JavaScript API for TinyURL
  • Wrapper for the HTML5 WebWorkers API
    JavaScript Wrapper for the HTML5 WebWorkers API
  • JavaScript HTML Template Engine
    Client-side HTML Template Engine
  • JavaScript and CSS3 Image Reflections
    JavaScript and CSS3 Image Reflections
  • JavaScript Mapper for RESTFul Methods
    JavaScript Mapper for RESTFul Methods
  • Coming Soon - HTML5, JavaScript and CSS3 Replacement Page
    Coming Soon - HTML5, JavaScript and CSS3 Replacement Page
  • URI to JSON Serializer
    URI to JSON Serializer JavaScript Class
  • HTML5 Charts
    Pure HTML5, CSS3 and JavaScript Charts
  • HTML5 Details Enabler YUI Class
    HTML5 Details Enabler YUI Class
  • XML to JSON JavaScript Objectifier
    XML to JSON JavaScript Objectifier Class
  • JavaScript Localization Class
    Quick and Dirty Localization With JavaScript
  • JavaScript Class Augmenter
    JavaScript Class Augmenter
  • IMDB Movie Data Fetcher
    JavaScript API for IMDB Movie Data