I haven’t created anything new here for a while

I apologize for disappearing , I was just getting this site started and I still plan to continue with it when I can. I haven’t created anything new here for a while because I have been extremely busy on a new project. I will try to post something new more often. I have much content already created for here but never got around to writing it up and posting , such as Responsive website templates, Bootstrap website templates, HTML5 audio, and some state of the…

Please help Jimmie Vanzant

Please help Jimmie and keep him and his wife Zee and the Van Zant family in your prayers. Recently Jimmie was diagnosed with liver cancer and his doctors at Vanderbilt Medical Center have told him he will need a life-saving liver transplant very soon. However, transplantation is enormously expensive. According to Transplant Living the total cost of a liver transplant including the pre-transplant expenses, procurement of the organ, hospital admission, doctor’s fees, post-transplant care, and anti-rejection medications for his lifetime is more than $575,000. As…

Free websites? How to get a free website with Cpanel MySql PHP and more

{{unknown}}                  Check out the first free website I created here http://html-design.site88.net an HTML responsive Site that I created from an existing template that I had already made. I uploaded the HTML template using ftp. I used my favorite FTP client Filezilla. (A Link to Filezilla a free ftp client is below) But use the ftp client of your choice. Their ftp instructions were easy to use as well.   Here is the Free cPanel at http://www.000webhost.com/ Get…

Css3 Gradients & Colors, Codes to create your own CSS3 gradients

Source code. Download here, includes working HTML example page: Zip file md5sum: 32f8a9a476bc90e8fb8498d1b869a9f3  Gradients-Colors.zip Css3 Gradients & Colors is MIT licensed: MIT License   View Live preview here:   Here are the CSS codes to create these Gradients. Simply Change the Hex values ie, (#FFFF00) to create your own unique CSS gradients. .gradient1 { background: linear-gradient(135deg,  #ff2247, #1e3f9f); } .gradient2 { background: linear-gradient(#0d1944, #49aae7); } .gradient3 { background: linear-gradient(#289dd7, #0e8acf); } .gradient4 { background: radial-gradient(ellipse at center, lighten(#d35400, 30%) 0%, #d35400 80%); } .gradient5 {…

Circular rotating music player with menu on back with html5 javascript and css3

    Demo: Working preview is here : http://stanwilliams.net/circular-music-player/index.html $nbsp; To ad your song, open index.html with your favorite editor, even notepad will work, and find the part that says: <audio id=”audio” controls>   Underneath that is this section: <source src=”https://ia700204.us.archive.org/2/items/OriginalMemphisFive-HowComeYouDoMeLikeYouDo/Original_Memphis_Five-How_Come_You_Do_Me_Like_You_Do-1924.ogg” type=”audio/mpeg” codecs=”mp3″></source> </audio> Change it like so to ad the URL to your desired song  <source src=”http://yourmp3-or-ogg-file-url” type=”audio/mpeg” codecs=”mp3″></source> Source Download zip file: circular-rotating-music-player MD5sum: 893457a502d7c05d82af804022b5a1ba  circular-rotating-music-player-with-menu-on-back-with-html5-javascript-and-css3.zip   Circular rotating music player with menu on back with html5 javascript and css3 is  MIT licensed: …

Glazing ribbon screensaver effect in HTML5 canvas

Randomly moving invisible particles connected with colored lines(strokes) produces this cool effect. Blending the colors using global Composite Operation gives the glaze to the ribbons.   See the Pen Glazing ribbon screensaver effect in HTML5 canvas by Stan Williams (@Stanssongs) on CodePen.

animated button effects using jquery, css, javascript and effeckts.js

Buttons effects Effeckts.js and using jQuery css and javascript View full page working Demo  Opens in a new tab. Sources: These downloads are working example demo HTML pages that I just hand coded April 2nd 2104, The downloads include the .js and .css files and license etc. I created both zip and tar.gz files for your convenience Download Buttons.tar.gz  MD5Sum: aeb48cac4023a8f056b593089b6d12b3 Download Buttons.zip   MD5Sum: d62eb1c7fe5d444595512d51cb5a6cf6 Get the source code for Effeckt.css on Github Effeckt.css on Github I have an older Dell GX280  that I…

Facebook api widget gets json data from facebook and displays it in a simple Handlebars template with easy pie chart

Facebook API Widget gets json from Facebook and displays it in a simple Handlebars template. Live Demo: Preview Live Demo. Source Files: Zip file 7.3 KB Facebook_API_Widget.zip MD5SUM:    1bfd0bb1e98afb0b78d303ed61e5a62f     (Facebook_API_Widget.zip) tar.gz file 4.9KB Facebook_API_Widget.tar.gz MD5SUM:    60756996d5af20b5599cbdd7f82446c3     (Facebook_API_Widget.tar.gz) Github: Github Built on top of the jQuery library http://jquery.com Easy Pie Ch arts Source http://github.com/rendro/easy-pie-chart/autor: Robert Fleischmann version: 1.2.3 Inspired by: http://dribbble.com/shots/631074-Simple-Pie-Charts-II?list=popular&offset=210 Thanks to Philip Thrasher for the jquery plugin boilerplate for coffee script.

Pulsing text spiral – Using SCSS3 and Haml and some math functions to manipulate keyframes in a spiral pattern.

{{unknown}}See the Pen Pulsing text spiral by Stan Williams (@Stanssongs) on CodePen. Pulsing text spiral.     Using SCSS3 and Haml and some math functions to manipulate keyframes in a spiral pattern.   Below is the code.: The SCSS goes in the <head> section, and is enclosed between the tags. <head> <title></title>     <style>body {   overflow: hidden; } .spiral {   font-size: 20px;   position: absolute;   top: -webkit-calc(50% – 10px);   top: calc(50% – 10px);   left: -webkit-calc(50% – 20px);   left:…

90+ CSS3 @font-face scalable vector icons and social buttons using webfont icons

@font-face scalable vector icons 90+ CSS3 @font-face scalable vector icons that can instantly be customized icons and buttons easy to add any or all of the 90+ @font-face vector icons and buttons to your post, pages and anywhere else you nee buttons or icons without having to host image files.   Demo page  see them all here: stanwilliams.net/social-buttons-icons/index.html   Download  the source files or Fork this on Github:  https://github.com/stanwmusic/css-social-buttons CSS3 @font-face vector icons and buttons They looks like this: Mouse over them to see the effect.…

3D Hover Effect for Images

3D Hover Effect for Images! Mouse over my Peace Pipe album cover graphic below to see the 3D effect. Full Page demo 3D Hover Effect for Images. Description: A simple CSS3 3D experiment showing the conversion of an image into a realistic 3D cuboid on hover with a cool shadow effect. The bottom surface of the cuboid is made using a pseudo element which inherits the background image of the thumbnail and is positioned perpendicularly to create the 3D box effect. The second pseudo element…