Front-end Experiments and Insight
My Web-development Experiments and Ramblings
This website is a companion to the HTML5, CSS3 and JavaScript articles I've been writing since 2006 on my web-development blog. The concepts and the code showcased here represent my point of view and are free to use with the proper credits. In regards to supported browsers - evergreens plus Internet Explorer 10 and above.
HTML5 Web Components and Custom Tags
-
Extended Image Tag -
Syntax Highlighter -
Last.FM Music Album Widget -
Extended File Upload Input -
Extended Password Input -
Ebook Reader -
Native Multiline Ellipsis -
Panel Bar -
Parallax HTML5 Web Component -
Icons for Font Awesome -
Lorem Ipsum Text Placeholder -
Auto Resizable Textarea -
Element Reflections -
Modern Memes -
IMDb Movie Widgets -
Corporate BS Generator -
Slides Viewer -
Loading Overlay -
YouTube Video Embed -
Guitar Chord Diagrams -
Custom Checkbox -
CHMOD Setter -
Gravatar Profile -
Declarative AJAX Panel -
MS Office Ribbon -
Language Selector -
Toggle Switch Element -
Chessboard -
Notifications Bar -
Flags of the World -
Tabs -
Tic-Tac-Toe Game -
Playing Cards Deck -
Google AdSense Tag -
EU Cookie Consent Tag -
Weather Widget
CSS3 and HTML5 Experiments
-
Notifications Bar -
Tabs -
3D CD Cases on a Shelf -
Rating Stars -
Animated Horizontal Accordion -
Animated Chessboard -
Treeview -
Treeview with Checkbox Support -
Crossbrowser Gaussian Blur -
Background Image Cropping -
Slides Viewer -
Tooltips -
Custom Checkboxes and Radios -
Metro-style Dropdown -
Select Box Styling -
Crossbrowser RGBA -
Crossbrowser Reflections -
Selectbox Icons for Firefox -
CSS3 and SVG Image Filters -
iPhone Toggle Switch -
Parallax Effect with Pure CSS3 -
Inline File Upload Input
JavaScript Experiments
-
Coming Soon Page -
Image Slider -
Image Lazy Loader -
API for TinyURL -
Client-side Image Placeholders -
IMDB Movie Data Fetcher -
Palindrome Checker -
Inheritance Without Constructors -
XML to JSON JavaScript Objectifier Class -
Mapper for RESTFul Methods -
Resume Generator and Onepager -
iPhone Flip Switch -
Simple Template Engine -
URI to JSON Serializer -
Charts -
Details Enabler YUI Class -
Class Augmenter -
Placeholder Enabler -
HTML5 WebWorkers API Wrapper -
Image Reflections -
Quick and Dirty Localization