Home
Videos uploaded by user “John Gicharu”
How to Create 3D Buttons and Animate Them| Pure HTML and CSS
 
12:25
// How to Create 3D Buttons and Animate Them| HTML and CSS Only // Spice up the user experience on your site using 3D buttons. Learn how to create 3D buttons in the video. .......................Source Code........................ link: https://bit.ly/2MfX2Dz I Used the following in the Video Font used: Bebas Neue: https://bit.ly/2Q9aCvO I use Atom Free Editor in the video and the Emmet plugin for Atom. Link : https://atom.io/ ---------------- Social Media ---------------- Facebook: https://web.facebook.com/john.gicharu... Twitter: https://twitter.com/johnnygicharu1 Music Track: Skylike - Dawn Link: https://youtu.be/Jg9nDEtqWV0
Views: 13 John Gicharu
How to Create a Random Color Generator (HTML & Javascript)
 
06:38
// How to Create a Random Color Generator (HTML & Javascript) and a Little CSS // I use Atom Free Editor in the video and the Emmet plugin for Atom. Link : https://atom.io/ Source Code: https://bit.ly/2pP1Tml ---------------- Social Media ---------------- Facebook: https://web.facebook.com/john.gicharu Twitter: https://twitter.com/johnnygicharu1 Music Track: Raphael Leto - Wanted Me (feat. DNAKM) Link: https://youtu.be/DHBCqjUl8E4 Thanks for Watching!
Views: 115 John Gicharu
Cool CSS Navigation Menu| Menu Hover Effects| CSS Effects | HTML and CSS Only
 
07:33
// Cool CSS Navigation Menu| Menu Hover Effects| CSS Effects | HTML and CSS Only // Spice up the user experience on your site using a menu with cool hover effects. Learn how to create 3D buttons in the video . .......................Source Code........................ link: http://dapalan.com/6KX5 I Used the following in the Video Font used: Bebas Neue: https://bit.ly/2Q9aCvO ---------------- Social Media ---------------- Facebook: https://web.facebook.com/john.gicharu... Twitter: https://twitter.com/johnnygicharu1 Track: Clarv - Blizzard Link: https://youtu.be/8FhJRoiwBjE
Views: 90 John Gicharu
Menu Icon Transform Animation | HTML and CSS Only
 
08:55
// Menu Icon Transform Animation| Cool Hover Effects| CSS Effects | HTML and CSS Only // Learn how to create a Menu Icon effect using HTML and CSS Only. Note: The animation could be improved if you used an svg and it could also be transformed into a click event using JavaScript. This was a fun effect that you can create with CSS only. . .......................Source Code........................ link: https://bit.ly/2SL7hnC ---------------- Social Media ---------------- Facebook: https://web.facebook.com/john.gicharu... Twitter: https://twitter.com/johnnygicharu1 Track: Skylike - Limitless Link: https://youtu.be/AwWn7tl6c9E
Views: 18 John Gicharu
Cool Button Hover Slide Effect With Css Fontawesome Icons | HTML CSS
 
11:00
// Cool Button Hover Slide Effect With Css Fontawesome Icons | HTML CSS Only // I found some inspiring designs on Codedrops, read more here: https://tympanus.net/Development/CreativeButtons/ Learn how to make a cool slide reveal effect when you hover on Html button element. In this tutorial I used plugins such as Emmet and also used Fontawesome icons. Fontawesome Bootstrap CDN: https://www.bootstrapcdn.com/fontawesome/ Font used: Bebas Neue: https://bit.ly/2Q9aCvO Source Code: https:https:https://bit.ly/2wM8fGh ---------------- Social Media ---------------- Facebook: https://web.facebook.com/john.gicharu... Twitter: https://twitter.com/johnnygicharu1 Music Song 1: provided by Jordan Schor: Cosmic (feat. Nathan Brumley) [NCS Release] Music provided by NoCopyrightSounds. Watch: https://youtu.be/LVh4PFKNzMA Download/Stream: http://ncs.io/CosmicYO Song 2: provided by Argofox: Valesco - Cloud 9 https://youtu.be/nRa-eGzpT6o Thanks for Watching!
Views: 28 John Gicharu
Cool Fill Up Button effect | HTML & CSS
 
05:11
// Fill Up Button Effect | HTML & CSS // Source Code: https://bit.ly/2wJnznY ---------------- Social Media ---------------- Facebook: https://web.facebook.com/john.gicharu.754 Twitter: https://twitter.com/johnnygicharu1 Thanks for Watching!
Views: 23 John Gicharu
Transparent Login | HTML and CSS Only
 
15:44
// Transparent Login | HTML and CSS Only // Source Code: https:https://bit.ly/2oITpg4 ---------------- Social Media ---------------- Facebook: https://web.facebook.com/john.gicharu... Twitter: https://twitter.com/johnnygicharu1 Music provided by Argofox: Valesco - Cloud 9 https://youtu.be/nRa-eGzpT6o Thanks for Watching!
Views: 11 John Gicharu
Sleek CSS3 Card Hover Effects | HTML & CSS
 
14:24
// Sleek CSS3 Card Hover Effect | HTML and CSS Only // This video was inspired by some inspiring designs I found on Codedrops, read more here: https://tympanus.net/Development/HoverEffectIdeas/ Source Code: https://bit.ly/2Oq4qOF Font used: Bebas Neue: https://bit.ly/2Q9aCvO I use Atom Free Editor in the video and the Emmet plugin for Atom. Link : https://atom.io/ ---------------- Social Media ---------------- Facebook: https://web.facebook.com/john.gicharu... Twitter: https://twitter.com/johnnygicharu1 Music Track: Cadmium - Melody (feat. Jon Becker) Link: https://youtu.be/9MiFRbymQXQ Thanks for Watching!
Views: 6 John Gicharu
Simple Loading Animation Using HTML & CSS Only
 
10:06
// Simple Loading Animation | CSS Effects | HTML and CSS Only // Learn how to create a simple loading animation using HTML and CSS Only. The animation can be customized in various ways, for instance removing the box-shadows added within the video, customizing the colors etc. Feel free to indulge your inner designer and make your designs come to life. . .......................Source Code........................ link: https://bit.ly/2TuV2Mn I Used the following in the Video Font used: Montserrat which is among the google Fonts. ---------------- Social Media ---------------- Facebook: https://web.facebook.com/john.gicharu... Twitter: https://twitter.com/johnnygicharu1 --------------- Music provided by Frequency ----------- Track: https://www.youtube.com/watch?v=7wYu7pTBM5A
Views: 3 John Gicharu