The HTML5 Contenteditable Attribute

Did you know that we’re able to create client-side, in-browser content editing using basic HTML elements? We could then save that edited content to the browser’s local storage. The key to making this happen is with the HTML5 contenteditable attribute. To see how contenteditable works, …Continue reading

Triggering CSS Animations with Sibling Selectors

Combinators describe the relationship between CSS selectors, and they’re commonly used to combine two or more selectors into a more specific selector. Examples of combinators are the greater-than sign (>), plus sign (+), and tilde symbol (~). If you’ve ever worked with descendant selectors, …Continue reading

HTML5/CSS3 Image Thumbnail Gallery with Lightbox Effect

The fading lightbox interface has become a staple in many website layouts. This dynamic script was originally based off Lightbox as a pure JavaScript library. Open source developers eventually start playing around with these codes to generate new designs, plugins, …Continue reading