https://github.com/christophery/slide-social-buttons

Slide Social Buttons are a fun way to display your social media buttons.
https://github.com/christophery/slide-social-buttons

css facebook social-buttons social-media twitter

Last synced: 3 months ago
JSON representation

Slide Social Buttons are a fun way to display your social media buttons.

• Host: GitHub
• URL: https://github.com/christophery/slide-social-buttons
• Owner: christophery
• License: other
• Created: 2013-07-11T01:48:57.000Z (over 11 years ago)
• Default Branch: master
• Last Pushed: 2020-10-01T20:00:29.000Z (over 4 years ago)
• Last Synced: 2023-07-16T11:47:42.643Z (over 1 year ago)
• Topics: css, facebook, social-buttons, social-media, twitter
• Language: HTML
• Homepage: https://chrisyee.ca/slide-social-buttons/
• Size: 88.9 KB
• Stars: 32
• Watchers: 4
• Forks: 9
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt

Awesome Lists containing this project

README

        
# Slide Social Buttons

Slide Social Buttons are a fun way to display your social media buttons.

The buttons are inspired by the [Supersteil blog](http://supersteil.com/blog) but instead of using jQuery for the animation, they use CSS transforms & transitions.

Feel free to [let me know](https://www.twitter.com/cmyee) if you use Slide Social Buttons in one of your websites.

[View Demo](https://chrisyee.ca/slide-social-buttons)

## Features

- Uses CSS transforms & transitions.

- Uses Font Icons, perfect for retina displays.

- It's responsive!

## Requirements

- [Font Awesome 4.x](http://fortawesome.github.io/Font-Awesome/)

## Usage

Include Font Awesome and the Slide Social CSS in your header.

```html

```

Pick and choose which social buttons you wish to use, be sure to add the appropriate [like](https://developers.facebook.com/docs/reference/plugins/like/)/[tweet](https://twitter.com/about/resources/buttons) markup and JS as required.

```html



    


    	

    

    


        

    

    
like



```


You can find the markup for additional social buttons in the demo file (index.html).

## Thanks to

- [Supersteil](http://supersteil.com/)

- [HTML5 Boilerplate](http://html5boilerplate.com/)

- [Font Awesome](http://fontawesome.io/icons/)