Skip to content

StanWilliams.org

Resources, freebies, & more. Check out the menu.

  • Home
  • Blog
  • Links
  • Online Drums
  • Music
  • Public Domain Sources
  • Contact

Category: Code Example

http://codepen.io/Stanssongs/full/WogoaP

Animated text fill with CSS3 and No Javascript

Posted December 12, 2016December 12, 2016 webmakerLeave a commentPosted in Code Example, CSS3, HTML5, Web Design

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

Posted August 21, 2016August 21, 2016 webmakerLeave a commentPosted in Code Example, HTML5, Web Design

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

Posted August 21, 2016 webmakerLeave a commentPosted in Audio, Code Example, CSS3, HTML5, MP3 Player, Web Design

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 […]

Night Tabs

Posted August 20, 2016August 20, 2016 webmakerLeave a commentPosted in Code Example, CSS3, HTML5

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

Posted August 17, 2016August 17, 2016 webmakerLeave a commentPosted in Audio, Code Example, CSS3, HTML5, Javascript

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) […]

Website by Stan Williams Website Design ♡