jQuery Social Media Tabs Plugin. Add feeds & profiles from your favorite social networks in slick slide out or static tabs to ANY website with the jQuery Social Media Tabs plugin.
Easy to set up! Each social network tab loaded using AJAX only when required making the plugin very fast loading and no adverse impact on page loading times! Includes Facebook, Twitter, Google + & LinkedIn share links to make you social network streams more interactive, help promote your social network posts and boost your traffic! Latest version (1.7) updated to use Twitter API v1.1 – note that the Twitter API now requires PHP for authentication. PHP file and full documentation included in the plugin files. Includes 16 social networks with 69 feed options: Looking For A WordPress Version? Check out our – Social Network Tabs For WordPress plugin Details Social Media Tabs Demos Changelog. Icon Search Engine.
CSS3 loading animation experiment. While playing DIRT 3, I've noticed a very cool triangle animation as part of their UI. Almost immediately, I thought about how to build a similar version of it using CSS3. So, in this article you'll see an experiment about how to create a simple CSS3 loading animation. View demo For this example, I'll be using two CSS3 animations: one that fades the color for the triangles and one animation that rotates the whole design. These two animations, synchronized, will help creating a quite nice effect. The HTML Initially, I wanted to use pseudo-elements in order to have less markup elements.
Here's how the markup looks like: The CSS There are some things you may find interesting here: For a nice color fade across all three triangles, you need to increment the animation-delay.Notice the gap between 20% and 100% for the rotation keyframes. Conclusion This is an experiment and you must be aware of it. Also, this isn't that example that advocates for using CSS3 stuff instead images to save HTTP requests. KEYS.css. 10 wonderful fonts you can embed with Cufon and Sifr. Scripts like sIFR, Flir, and of course Cufon made it easy for developers and designers to be able to use nice fonts as such as Myriad Pro or Helvetica Neue and since some month, we see more and more blogs or website with fancy titles.
This is clearly a great thing, because web safe fonts are extremely limitating. Though, there is a problem that many people seems to neglect: Lots of fonts licences, even free ones, doesn’t allow you to embed it on webpages, or redistribute it. In this article, you’ll find a showcase of ten absolutely beautiful fonts that you can embed fith @font-face, Cufon, sIFR, or Flir. Fertigo » Get it Delicious » Get it Tallys » Get it Museo Sans » Get it CA BND Bold WEB » Get it League Gothic » Get it. Newbie Guide to Google Web Fonts. Why Google Web Fonts?
One upon a time, the web was filled with boring, standard fonts. In order to ensure compatibility across the greatest number of users, web designers were forced to limit their live text font choices to those typefaces commonly found on most machines. “Font licensing can really be a mess so directly embedding random fonts into a web page isn’t always a good idea.” This wasn’t the worst thing in the world for the sake of consistency and readability, but it really limited the typographical creativity of the web as a whole. With CSS3, most browsers started supporting @font-face, a way to serve up custom fonts to a web page. Web Font Services As a solution, a number of @font-face web font services rose up, the best and most famous of which is likely Typekit.
“Typekit had a beautiful solution: browse through their extensive library of fonts, then just copy and paste some code to implement them on your site. ” The Bottom Line Meet Google Web Fonts Customizing Your Preview <! Google Powered Login Form. Social Icon. Infinite Social Wall. Awesome Slide Out Button. Simple Effects for Drop-Down Lists.