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.

CSS Examples

  • CSS3 Notifications Bar
    CSS3 Notifications Bar
  • CSS3 CD Cases on a Shelf
    Just Take Those Old Record Off the Shelf
  • CSS3 Treeview. No JavaScript
    CSS3 Driven Treeview Without any JavaScript
  • Selectable Rating Stars with Pure CSS3
    CSS3 Rating Stars with Hover and Selection
  • Animated CSS3 Only Chessboard
    Animated CSS3 Only Chessboard
  • Animated CSS3 Only Horizontal Accordion
    Animated CSS3 Only Horizontal Accordion
  • CSS3 Tabstrip
    CSS3 Driven Tabstrip Without any JavaScript
  • CSS3 Element Reflections
    How to Create Crossbrowser Element Reflections with CSS3
  • Crossbrowser RGBA and Prevention of Opacity Propagation. Starting with IE6
    Crossbrowser RGBA and Prevention of Opacity Propagation. Starting with IE6
  • CSS3 Slides Viewer
    CSS3 Driven Slides Viewer Without any JavaScript
  • CSS3 iPhone Toggle Buttons
    How to Create iPhone Toggle Buttons with CSS3
  • Dropdown Styling with CSS3
    How to Style Select Boxes with CSS3
  • CSS3 Metro Dropdown Styling
    CSS3 Metro Dropdown Styling
  • Fancy CSS3 Tooltips
    Fancy CSS3 Tooltips without any JavaScript
  • CSS3 Gaussian Blur
    How to Achieve Gaussian Blur Effect with CSS3
  • Custom Checkboxes and Radio Buttons
    Imageless Custom Checkboxes and Radio Buttons with CSS3
  • CSS3 Background Image Cropping
    How to Crop Background Images with CSS3
  • Inline Masked File Upload Form with CSS3 and HTML5
    How to Create an Inline Masked File Upload Form with CSS3 and HTML5

JavaScript Examples

  • JavaScript Lazy Loading for Images
    JavaScript Lazy Loading for Images
  • JavaScript and CSS3 Image Slider
    JavaScript and CSS3 Image Slider
  • Batch Removal of Fake Twitter Followers from Your Browser’s Console
    Batch Removal of Fake Twitter Followers from Your Browser’s Console
  • Coming Soon - HTML5, JavaScript and CSS3 Replacement Page
    Coming Soon - HTML5, JavaScript and CSS3 Replacement Page
  • IMDB Movie Data Fetcher
    JavaScript API for IMDB Movie Data
  • HTML5 Charts
    Pure HTML5, CSS3 and JavaScript Charts
  • JavaScript Localization Class
    Quick and Dirty Localization With JavaScript
  • JavaScript Class Augmenter
    JavaScript Class Augmenter
  • TinyURL JavaScript API
    JavaScript API for TinyURL
  • JavaScript and CSS3 Image Reflections
    JavaScript and CSS3 Image Reflections
  • JavaScript iPhone Toggle Switch Button
    HTML5, CSS3 and JavaScript iPhone Toggle Switch Button
  • HTML5 Details Enabler YUI Class
    HTML5 Details Enabler YUI Class
  • JavaScript Inheritance Without Constructors
    JavaScript Inheritance Without Constructors
  • JavaScript Palindrome Checker
    JavaScript Palindrome Checker
  • JavaScript HTML Template Engine
    Client-side HTML Template Engine
  • HTML5 Resume Generator and Onepager Website
    HTML5, CSS3, JSON and JavaScript Resume Generator and Onepager Website
  • Wrapper for the HTML5 WebWorkers API
    JavaScript Wrapper for the HTML5 WebWorkers API
  • URI to JSON Serializer
    URI to JSON Serializer JavaScript Class
  • HTML5 Placeholder Enabler YUI Class
    HTML5 Placeholder Enabler YUI Class
  • XML to JSON JavaScript Objectifier
    XML to JSON JavaScript Objectifier Class
  • JavaScript Mapper for RESTFul Methods
    JavaScript Mapper for RESTFul Methods