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

  • Custom Image Tag HTML5 Web Component
    Custom Image Tag HTML5 Web Component
  • IMDb Movie Widgets
    IMDb Movie Widgets, using IMDb Fetcher REST API
  • Tabs HTML5 Web Component
    Tabs HTML5 Web Component
  • Notifications Bar HTML5 Web Component
    Notifications Bar HTML5 Web Component
  • Guitar Chord Diagram HTML5 Web Component
    Guitar Chord Diagram HTML5 Web Component
  • Native Multiline Ellipsis, Truncation and Text Capping HTML5 Web Component
    Native Multiline Ellipsis, Truncation and Text Capping HTML5 Web Component
  • Last.FM CD Widget HTML5 Web Component
    Last.FM Music Album Widget HTML5 Web Component
  • HTML5 Web Component for Configurable Reflections on Elements
    HTML5 Web Component for Configurable Reflections on Elements
  • Toggle Switch - HTML5 Flip Switch Web Component
    Toggle Switch - HTML5 Flip Switch Web Component
  • Meme HTML5 Web Component
    Meme HTML5 Web Component
  • Declarative AJAX Panel HTML5 Web Component
    Declarative AJAX Panel HTML5 Web Component
  • Slides HTML5 Web Component
    Slides Viewer for the Web Wrapped as a HTML5 Web Component
  • Flags of the World - HTML5 Web Component
    Flags of the World - HTML5 Web Component
  • Password Input on Steroids HTML5 Web Component
    Password Input on Steroids HTML5 Web Component
  • YouTube Video HTML5 Web Component
    HTML5 Web Component for Embedding YouTube Videos
  • Custom Checkbox HTML5 Web Component
    Custom Checkbox HTML5 Web Component
  • Loading Overlay HTML5 Web Component
    Loading Overlay HTML5 Web Component
  • Chessboard HTML5 Web Component
    Chessboard HTML5 Web Component
  • Extended File Upload Input HTML5 Web Component
    Extended File Upload Input HTML5 Web Component

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