SAY IT WITH CSS! Slide Show implemented as pure CSS3 / HTML 5 solution

  •        64

The solution demonstrates CSS3 coding technique, which allows to implement online slide show with "darkbox" (or "lightbox") effects using pure CSS3 and HTML5; it does not require any Javascript/jQuery coding.



Related Projects

accessible-html5-video-player - Accessible HTML5 Video Player

A lightweight HTML5 video player which includes support for captions and screen reader accessibility. For details, read the blog post Introducing an Accessible HTML5 Video Player on the PayPal Engineering blog. Also see 7 Lessons from Developing an Accessible HTML 5 Video Player.Insert the CSS in the Head of your HTML document. You'll also need to upload the sprite image (or use your own) and adjust the path in the CSS file.

Scientific Calculator: HTML 5 and CSS 3

Online SCIENTIFIC CALCULATOR implements latest features, available in HTML 5, CSS 3 and jQuery. Developed as Rich Internet Application (RIA) w/extremely small footprint (<20kb), it demonstrates best scripting techniques and coding practices; does not require any image files.

Codelobster - Free Portable IDE for PHP/HTML/CSS/JavaScript Development

Codelobster PHP Edition streamlines and simplifies php development process. It provides HTML editor, HTML code inspector, CSS editor, JavaScript editor, PHP editor, PHP debugger and lot more.

party-mode - An experimental music visualizer using d3.js and the web audio api.

a somewhat-technical overview===========================Using the web audio api, I can get an array of numbers which corresponds to the waveform of the sound an html5 audio element is producing. There's a [good tutorial]( on how to do this. Then, using `requestAnimationFrame` (with a little [frame limiting]( for performance reasons) I'm updating that array as the music change

Sublime-HTMLPrettify - HTML, CSS, JavaScript and JSON code formatter for Sublime Text 2 and 3 via node

This is a Sublime Text 2 and 3 plugin allowing you to format your HTML, CSS, JavaScript and JSON code. It uses a set of nice beautifier scripts made by Einar Lielmanis. The formatters are written in JavaScript, so you'll need something (node.js) to interpret JavaScript code outside the browser. This will work with either HTML, CSS, JavaScript and JSON files.

AngleSharp - :angel: The ultimate angle brackets parser library parsing HTML5, MathML, SVG and CSS to construct a DOM based on the official W3C specifications

AngleSharp is a .NET library that gives you the ability to parse angle bracket based hyper-texts like HTML, SVG, and MathML. XML without validation is also supported by the library. An important aspect of AngleSharp is that CSS can also be parsed. The parser is built upon the official W3C specification. This produces a perfectly portable HTML5 DOM representation of the given source code. Also current features such as querySelector or querySelectorAll work for tree traversal.The advantage over similar libraries like HtmlAgilityPack is that the exposed DOM is using the official W3C specified API, i.e., that even things like querySelectorAll are available in AngleSharp. Also the parser uses the HTML 5.1 specification, which defines error handling and element correction. The AngleSharp library focuses on standards compliance, interactivity, and extensibility. It is therefore giving web developers working with C# all possibilities as they know from using the DOM in any modern browser.

conic-gradient - Polyfill for conic-gradient() and repeating-conic-gradient()

Please visit for usage instructions and demos.

HTML-CSS-Advanced-Topics - HTML/CSS: Advanced Topics

Use this tutorial as a guide to learn HTML5 and CSS3. Each unit contains an annotated lesson that can assist you in developing your Web Development skills.

open eXpressions :: WYSIWYG web editor

open eXpressions is a free an open source HTML editor coded in VB. We are working on full HTML 5 and CSS 3 support. We are also on sourceforge.

marketch - Marketch is a Sketch 3 plug-in for automatically generating html page that can measure and get CSS styles on it

Marketch is a Sketch plugin that helps you generate html page from Sketch file where you can get measures and CSS styles directly. The plugin is in active development, any help would be appreciated.

timeliner - jQuery plugin to make an interactive, historical timeline

Build a simple, interactive, historical timeline with HTML, CSS, and jQuery. The benefits of this timeline script are that it's (1) simple, (2) able to handle nearly any form of content (including images, video, audio), (3) printer friendly, and highly customizable with just CSS and HTML. Please drop me a line if you do do something interesting with it. See below for samples from other users.

OpenBEXI HTML Builder

OpenBEXI is a WYSIWYG HTML builder using the magic of HTML5 and CSS3 . By resizing, dragging and dropping various HTML widgets it is easy to build a web page. All texts using the DOJO editor, pictures, charts, chart-flows, Dygraphs, timelines, lists and DOJO widgets edited on your browser look like the HTML page you are going to publish to your web site. OpenBEXI provides a powerful CSS and JavaScript editor to change on the fly the presentation and the behavior of your web pages. Tools al

Flying Saucer - XML/XHTML and CSS 2.1 renderer in pure Java

Flying Saucer takes XML or XHTML and applies CSS 2.1-compliant stylesheets to it, in order to render to PDF (via iText), images, and on-screen using Swing or SWT. The library implements (basically) the entirety of CSS 2.1 and aims to be fully compliant with the W3C specification; it includes a small handful of CSS 3 features.

grunticon - A mystical CSS icon solution.

grunticon is a Grunt.js task that makes it easy to manage icons and background images for all devices, preferring HD (retina) SVG icons but also provides fallback support for standard definition browsers, and old browsers alike. From a CSS perspective, it's easy to use, as it generates a class referencing each icon, and doesn't use CSS sprites. grunticon takes a folder of SVG/PNG files (typically, icons that you've drawn in an application like Adobe Illustrator), and outputs them to CSS in 3 formats: svg data urls, png data urls, and a third fallback CSS file with references to regular png images, which are also automatically generated and placed in a folder.

Timesheet.js - JavaScript library for HTML5 & CSS3 time sheets

With Timesheet.js you can easily create simple time and data sheets or timelines using HTML5, JavaScript and CSS3. Yep, it's a Vanilla JS library. Just a few lines JavaScript to generate a beautiful HTML5 layout and some really delicious CSS to be customized by almighty you.

css-spinners - Simple CSS spinners and throbbers made with CSS and minimal HTML markup.

Simple CSS loading indicators made with CSS and minimal HTML markup. Simply replace "loading-indicator" with the class name of your choice.


Babelfish was created as a common framework for navigating several different node-to-node structured data sources, such as HTML, CSS, Javascript, XML & JSON. Developed in C# .NET 3.5

ASP.NET HTML5 Controls

DotM.Html5 is a library for ASP.NET in which html 5 controls are available for use. This control set contains new input type elements like 'email', 'number', etc. and new elements like 'section', 'nav', etc. introduced in HTML 5. Version 1.0 of DotM.HTML5 contains element...

gentelella - Free Bootstrap 3 Admin Template

Gentelella Admin is a free to use Bootstrap admin template. This template uses the default Bootstrap 3 styles along with a variety of powerful jQuery plugins and tools to create a powerful framework for creating admin panels or back-end dashboards.Theme uses several libraries for charts, calendar, form validation, wizard style interface, off-canvas navigation menu, text forms, date range, upload area, form autocomplete, range slider, progress bars, notifications and much more.