Create Social Media buttons using Custom Icon Font - CodeTap

Published: 04 September 2017
on channel: codetap
1,973
28

In this pure CSS3 and HTML5 tutorial you'll discover how to create a social media button list using a custom icon font. I'll show you step by step how to start a custom font export it and save it in our project, both font source file and icon font files. We'll also find out how to hook the generated CSS into the style of our project. Once we're ready with our font process we'll be able to see our first icon rendered in the browser. We'll jump into creating a collection of social media objects which consits in a pair of "icon" and "url" keys, the icon representing the page the link points to.
I hope you're already curious enough so let's jump right into it.

Help us help you and others by subscribing to our YouTube channel using the following link:
http://youtube.com/codetap?sub_confir...

Or like our page on FaceBook:
  / codetap  


This setup needs NodeJS and Gulp to run correctly so if you haven't got those ones check the “required tools” playlist and get it done.
   • Required Tools  

Related videos:
Your resume online for free, your CV using HTML5 and CSS3
   • Your resume online for free, your CV ...  

Build HTML5 website pain free tutorial for beginners 2017 - CodeTap
   • Build HTML5 website pain free tutoria...  

Wow to build a webpage layout
   • The nightmare is finally over! HTML5 ...  

How to make a website for free in 3 easy steps 2017
   • How to make a website for free in 3 e...  

Install nodejs, gulp v4, git and github
   • install nodejs, gulp v4, git and github  

Code like a PRO for beginners
   • code like a pro for beginners  

Big THANKS to http://icomoon.io

Free resources
W3Schools where you can discover HTML, CSS, JavaScript and more
https://www.w3schools.com/

Free Code Camp - Amazing community where you can test your skills in well prepared challenges
https://www.freecodecamp.org/

Powered by
http://codetap.io and http://bitbee.uk

What do you get with CodeTap? ###
Build websites and get paid $30,000 and reach as much as $200,000 per year as a senior web developer with or without any knowledge of coding.
20 years of experience crammed into one master plan will be revealed to you, full of shortcuts to empower you to build websites from day one and learn how to while you do it.


Watch video Create Social Media buttons using Custom Icon Font - CodeTap online without registration, duration hours minute second in high quality. This video was added by user codetap 04 September 2017, don't forget to share it with your friends and acquaintances, it has been viewed on our site 1,973 once and liked it 28 people.