Slide Social Buttons are a fun way to display your social media buttons.These buttons are inspired by the Supersteil blog but instead of using jQuery for the animation, they use CSS transforms & transitions.
Features:
Pushy is a jquery responsive off-canvas navigation menu using CSS transforms & transitions.
Features:
Magic Slider and Carousel will help you to create the next generation of sliders, using the CSS3 transitions for layers and an ultra-smooth KenBurns effect. You’ll also be able to create interactive ‘magic’ carousels with YouTube, Vimeo and HTML5 video support; HTML5 audio support; Image support; Links support.
Features:
This jQuery plugin is included Alert, Confirm, Prompt, Notification and Four creative themes. Easy to use and configure.
Features:
MP3 Light Player is a powerful responsive HTML5 mp3 player for your website that runs on all major browsers and mobile devices like iPhone, iPad, IOS, Android and Windows8. MP3 Light Player supports unlimited playlists and each playlist can have unlimited tracks. The playlists can be loaded from a simple HTML markup, XML file, mp3 folder, Podcasts, Official.fm and SoundCloud playlist. Packed with a huge amount of features like, external API, deeplinking, popup window and facebook share button.
Replicating and improving the lightbox module seen on Medium with fluid transitions.As Fluidbox relies on CSS transforms, it only works with thumbnails that share the same aspect ratio with their higher resolution counterparts, otherwise the larger image will be cropped off, i.e. a square thumbnail linking to a landscape photo will cause the landscape photo to appear in a square frame. Fluidbox, serving as an alternative lightbox module, also assume that the image you have linked contains sufficient resolution to be displayed on the monitor — low resolution images will scale poorly on a large display.
Responsive & Retina Content Images Redux using Media Queries & a base64 spacer GIF with the rwdImages jQuery plugin to allow the actual image to be saved, shared & printed.Retina screens will be served an image that’s twice the size, but gets scaled down.
The key is to use the intrinsic ratio technique to set the height of responsive images to 0, and give them a padding-bottom of the (width/height)*100. When the viewport width is large enough to show the images at the largest, real height, set the padding-bottom to the actual image height so the images don’t continue to create unnecessary padding.
The rwdImages jQuery plugin is used to wrap the image in a span and create an overlayed clone of the image with opacity: 0 so users can download or share the image.
Side Navigation Menu with CSS3 transition property & without JS.We have a <nav> tag on the left of the screen with position: fixed;, a width and a fixed height.
Then we have a list with <svg> images and hidden links with display: none;, when we do a :hover over <nav> tag we added more with to the <nav> and a display: block; so that the links appear.
Responsive flat design jQuery DateTime Picker plugin for Web & Mobile.DateTime Picker is a quick highly customizable jQuery plugin. The design is clutter free & well suited for embedding it into mobile application development.
Users can change values using +/- buttons or type values directly into the textbox by selecting each value fields.
