A super flat and minimal clock whit 3 columns - hours, mins and secs - updated in javascript and jQuery
A Pen by Saminou yengue kizidi on CodePen.
Saminou24
Saminou24
/ Superflat-superminimal-bullet-clock.markdown
Created
October 7, 2013 14:19
A Pen by Saminou yengue kizidi.
Saminou24
/ Simple-Audio-Visualisation.markdown
Created
October 3, 2013 23:34
A Pen by Justin Windle.
A basic example of using the Web Audio API AudioContext with an AnalyserNode and frequency-domain analysis (FFT) to create a simple music visualiser.
A Pen by Justin Windle on CodePen.
Saminou24
/ Quick-n-dirty-iTunes-11-style-scroller.markdown
Created
October 3, 2013 23:30
A Pen by Chris Green.
Spent a couple of hours seeing if I could recreate the album scroller found in the store view of the latest version of iTunes. Uses CSS3 transforms for animation and some jQuery to handle interaction. Definitely needs tidying up, and probably only works in WebKit and latest FireFox for now.
Update: Fixed the auto-scroll so now it will pause when you hover the scroller. Also fixed couple of other little bugs with the animation queue.
A Pen by Chris Green on CodePen.
Saminou24
/ Pure-CSS3-breadcrumb-navigation---the-pixel-perfect-way.markdown
Created
October 3, 2013 23:28
A Pen by underfire.
Version 2 of Yet Another UI kit, Hope you like it :)
A Pen by Hugo Darby-Brown on CodePen.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <form> | |
| <fieldset class="radioset"> | |
| <ul> | |
| <li><input type="radio" name="radio[]" id="radio1" checked><label for="radio1">foo</label> | |
| <li><input type="radio" name="radio[]" id="radio2"><label for="radio2">bar</label> | |
| <li><input type="radio" name="radio[]" id="radio3"><label for="radio3">baz</label> | |
| <li><input type="radio" name="radio[]" id="radio4"><label for="radio4">qux</label> | |
| </ul> | |
| </fieldset> | |
| </form> |
By CSSFlow: free UI elements and widgets coded with HTML5, CSS3, and Sass.
View the original article and download the Sass source at:
cssflow.com/snippets/dark-datepicker
Original PSD by Alexey Anatolievich.
Tested in Firefox 4, Safari 4, Chrome 14, Opera 10, IE 8 (and newer).
A clean looking calender for the month of January using in-line elements and relative and absolute positioning. I made this relative so you can place it anywhere.
A Pen by Scott Marshall on CodePen.
A Pen by Andreas Storm on CodePen.