Category: Code Example

Animated text fill with CSS3 and No Javascript

http://codepen.io/Stanssongs/full/WogoaP
December 12, 2016
Code ExampleCSS3HTML5Web Design
0 Comment

See the Pen Animated text fill by Stan Williams (@Stanssongs) on CodePen.   Link to Demo: http://codepen.io/Stanssongs/full/WogoaP

CSS social buttons and icons

August 21, 2016
Code ExampleHTML5Web Design
0 Comment

See the Pen CSS social buttons and icons by Stan Williams (@Stanssongs) on CodePen. CSS social buttons and icons Usage example.   Preview Icons: Live Demo     Get them on Github: https://github.com/stanwmusic/css-social-buttons   License: MIT License   CSS social buttons and icons .      

Circular rotating music player

August 21, 2016
AudioCode ExampleCSS3HTML5MP3 PlayerWeb Design
0 Comment

Circular rotating music player with menu on back with HTML5 javascript and CSS3     I plan to redo this in widget size ie 320px x320px to be able to embed it in a webpage. I will post it on here when I do. Or please let me know if You fork this and do…

Read More

Night Tabs

August 20, 2016
Code ExampleCSS3HTML5
0 Comment

A clean responsive solution for creating beautiful tabbed content navigation without any JavaScript. See the Pen Night Tabs by Stan Williams (@Stanssongs) on CodePen.   Night Tabs is licensed under the MIT License

Musical Chord Progression Arpeggiator

August 17, 2016
AudioCode ExampleCSS3HTML5Javascript
0 Comment

MusicalGenerator! Generate a scale of music from the root of the key. Flats will be converted to sharps. C – C# – D – D# – E – F – F# – G – G# – A – A# – B   Embedded Code: See the Pen Musical Chord Progression Arpeggiator by Stan Williams (@Stanssongs)…

Read More