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 HTML5, CSS3 and JavaScript articles I've been writing since 2006 on my web-development blog. All of the concepts and the code showcased here are solely mine, represent my point of view and are free to use with the proper credits.

Want to see the rest of my work? Check my portfolio or drop me a line.

HTML5 Web Components and Custom Tags

  • AcidJs IMDb Fetcher HTML5 Movie Widgets
    HTML5 widgets for AcidJs IMDb Fetcher, the movie data API
  • X-Tabs - HTML5 Web Component
    X-Tabs - HTML5 Web Component Build with Mozilla X-Tags
  • X-NotificationsBar HTML5 Web Component
    X-NotificationsBar HTML5 Web Component Built on Top of Mozilla X-Tags
  • X-Ellipsis - Native Multiline Ellipsis, Truncation and Text Capping
    X-Ellipsis - Native Multiline Ellipsis, Truncation and Text Capping
  • X-CD Info - Last.FM Album Data Widget HTML5 Web Component
    X-CD Info - Last.FM Album Data Widget HTML5 Web Component
  • X-Meme - HTML5 Web Component
    X-Meme - HTML5 Web Component Build with Mozilla X-Tags
  • X-AJAX - Custom HTML5 AJAX Panel Web Component
    X-AJAX - Custom HTML5 AJAX Panel Web Component
  • X-Slides HTML5 Web Component
    Slides Viewer for the Web, Built on top of Mozilla X-Tags
  • X-Flags - HTML5 Web Component
    X-Flags - HTML5 Web Component
  • X-Password HTML5 Input on Steroids
    X-Password HTML5 Input on Steroids
  • YouTube Video HTML5 Web Component
    HTML5 Web Component for Embedding YouTube Videos
  • X-Checkbox - Custom HTML5 Web Component
    X-Checkbox - Custom HTML5 Web Component
  • X-Overlay - HTML5 Web Component
    X-Overlay - HTML5 Web Component Loading Overlay
  • X-Chessboard - HTML5 Web Component
    X-Chessboard - HTML5 Web Component Build with Mozilla X-Tags

CSS3 and HTML5 Experiments

  • CSS3 Notifications Bar
    CSS3 Notifications Bar
  • CSS3 CD Cases on a Shelf
    Just Take Those Old Record Off the Shelf
  • Imageless CSS3 Treeview with Checkbox Support
    Imageless CSS3 Treeview with Checkbox Support
  • 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 Experiments

  • JavaScript Lazy Loading for Images
    JavaScript Lazy Loading for Images
  • JavaScript and CSS3 Image Slider
    JavaScript and CSS3 Image Slider
  • Coming Soon - HTML5, JavaScript and CSS3 Replacement Page
    Coming Soon - HTML5, JavaScript and CSS3 Replacement Page
  • HTML5 Charts
    Pure HTML5, CSS3 and JavaScript Charts
  • IMDB Movie Data Fetcher
    JavaScript API for IMDB Movie Data
  • 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
  • Batch Removal of Fake Twitter Followers from Your Browser’s Console
    Batch Removal of Fake Twitter Followers from Your Browser’s Console
  • 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