SocialCount, a jQuery Plugin for Lighter & Faster Social Networking Widgets Posted by Zach on 11/27/2012 Topics: jQuery You're minding your own business, casually browsing around on the World Wide Web. rangeslider.js Features Touchscreen friendly Recalculates onresize so suitable for use within responsive designs Small and fast The rangeslider.js API is compatible with the standard HTML input methods.
Side Comments - Medium.com style commenting 1. Download SideComments.js Install with Component You can install SideComments via component. Prefix free: Break free from CSS vendor prefix hell! -prefix-free lets you use only unprefixed CSS properties everywhere. It works behind the scenes, adding the current browser’s prefix to any CSS code, only when it’s needed. The target browser support is IE9+, Opera 10+, Firefox 3.5+, Safari 4+ and Chrome on desktop and Mobile Safari, Android browser, Chrome and Opera Mobile on mobile.
Google Web Fundamentals Web Push Notifications, a new way to engage users Web push notifications makes it easy to re-engage with users by showing relevant, timely, and contextual notifications to the user, even when the browser is closed! Web push notifications allow users to opt-in to timely updates from sites they love and allow you to effectively re-engage them with customized, relevant content. The Push API and Notification API open a whole new set of possibilities for you to re-engage with your users. CSS3 Animation Cheat Sheet - Justin Aguilar How it works The CSS3 Animation Cheat Sheet is a set of preset, plug-and-play animations for your web projects. All you need to do is add the stylesheet to your website and apply the premade CSS classes to the elements you want animated. The CSS3 Animation Cheat Sheet uses CSS3 @keyframes and works on all the latest browsers (that's IE 10). Using CSS3 @keyframes, you don't have to worry about positioning the element to accomodate the animations - it will animate into place. Also for users with older browsers, the animated element will be visible and in place, even if the animation doesn't trigger.
CSS & HTML In this quick tip I want to talk to you about one of HTML5s hidden beauties, the HTML5 context menu attribute. You have probably never heard of it before, but I assure you it is one of those attributes that… There are loads of free scripts to download and include in your website projects. A Beginner’s Guide To jQuery-Based JSON API Clients Are you fascinated by dynamic data? Do you go green with envy when you see tweets pulled magically into websites? Trust me, I’ve been there. The goal of today’s tutorial is to create a simple Web app for grabbing movie posters from TMDb731.
The Subtle Magic Behind Why the Bootstrap 3 Grid Works IMPORTANT NOTE: Bootstrap 4 will be out soon, and these articles will be updated to reflect both v3 and v4. I do not expect major changes to how things work with regards to the content of these articles, but everything will be updated for continued education and assistance with Bootstrap. Read more here: Things like CSS grids should remain behind the curtain. No one really needs to know how it works, or why. Until you have a broken design or something complex and you can’t figure out why your spacing, margins, paddings etc are all messed up.