Tampilkan postingan dengan label transition. Tampilkan semua postingan
Tampilkan postingan dengan label transition. Tampilkan semua postingan

Kamis, 05 Desember 2013

Profile Card WordPress Widget (Widgets)

Help you to add a 2 sides profile card to your WordPress easily. The 2 sides card support CSS3 transition like flipping or twirl. You can see the demo in YouTube.


followrss



Features



  • Social icon support twitter, facebook, instagram, linkedin, skype, github, flickr, dribbble, pinterest, youtube, vimeo, location, email, and you can add more by yourself too.

  • Icon can be in circle, square, or round square.

  • The card switch transition support twirl, flipX, flipY, fade, papercut, curl

  • You can choose to hide the cover and show the profile only.

  • Compatible with latest jQuery and latest WordPress.

  • FAQ and source code are included in the package. Free update in the future.



Recommendation for you


Image Map HotSpot WordPress Plugin:


hotspot

Credit



jQuery http://jquery.com
icons: http://rog.ie/blog/free-social-media-icons

Rabu, 04 Desember 2013

7 Layer - Responsive LayerSlider (Sliders)

General Overview



7 Layer is unique layerslider built in jQuery.
It is strongly built in terms of animation and transition types.
And it is fully responsive and modern features like Video embed,Lightbox are supported which make it more stunning.



Specially designed for customized width/height adaption to make the customer feel free to use any size image and speed is optimized as well.
Supports plenty of 2d/3d transitions so users will have great choice of modern & smooth animations.
It’s especially flexible for users to customize which makes the slider most complete ever.



If you like 7 Layer, don’t forget to leave us 5 stars. :) .



Key Features



  • 250+ wonderful animations(2d,3d) – Animations will come more as new version released.

  • Layer Animation Parameterized – 17 parameters are helping layer animations to dance freely

  • Easy to implement and customize

  • Unlimited slides – Users can insert as many slides as he wants.

  • Unlimited Title Caption

  • Native browser support

  • Html5/Css3 transitions support – It uses html5/css3 transition for modern browsers.

  • Image Overall Loading – 7 Layer loads all images at once so that he/she doesn’t wait again while slides.

  • Image Preview support – 7 Layer provides image preview option on hover.

  • Customizable width and height – Width and height can be set.

  • Fully responsive – It’s fully responsive so it can be attached in touch device.

  • Full width functionality involved – Full width slider is available

  • Lightbox support – It supports lightbox based on users’ demand.

  • Touch device support – Touch events are supported.

  • Mouse swipe navigation support – Swipe functionality is available so users feel comfortable to navigate with mouse drag & drop.

  • Video content support(Youtube,Vimeo) – Embeded videos are supported.

  • Carousel support – Carousel viewmode is supported.

  • Bullet support – Bullet viewmode is supported.

  • Several customizable skin supported – 6 predefined skins are there and More importantly,Users can customize skin as he wants.

  • Keyboard navigation available

  • Multiple browser configuration(IE8+,Opera,Chrome,Safari,Firefox)

  • Automation support

  • Progressbar type can be set(linear/circle)


Support



The followers of 7 Layer are always supported by us.
For any complaint or queries, Do not hesitate even a sec to contact us who will be happily assisting you to solve the problem.


Credits



7 Layer can come into the world thanks to all of whom make valuable resources free.

jQuery: http://jquery.com/
jQuery Easing Plugin: http://gsgd.co.uk/sandbox/jquery/easing/
jQuery Flippy Plugin: http://guilhemmarty.com/flippy
jQuery Knob Plugin: https://github.com/aterrien/jQuery-Knob/blob/master/js/jquery.knob.js
jQuery Modernizr Plugin: http://modernizr.com/download
jQuery SliceBox Plugin: http://tympanus.net/codrops/2011/09/05/slicebox-3d-image-slider/
Monkey Patch: https://github.com/zachstronaut/jquery-animate-css-rotate-scale
Background Texture: http://subtlepatterns.com/
Preview Images : http://all-free-download.com
Free Icons : http://www.softicons.com


Update/Release Log


10-28-2013: Version 1.0.1


Bug fixed: Slider smooth move without waiting till layer animation finished.


10-27-2013: Version 1.0.0


Initial Release

7 Slider - Responsive Image Slider (Sliders)

General Overview



7 Slider is one of the most complete image slider ever.
It is built in latest jQuery and mobile compatible so anyone can easily use it without any restriction.
And it is fully responsive and modern features like Video embed,Lightbox are supported which make it more stunning.



Specially designed for anysize image adaption and speed is optimized as well.
Supports plenty of 2d/3d transitions so users will have great choice of modern & smooth animations.
It’s especially flexible for users to customize which makes the slider most complete ever.



If you like 7 Slider, don’t forget to leave us 5 stars. :) .



Key Features



  • 250+ wonderful animations(2d,3d) – Animations will come more as new version released.

  • Easy to implement and customize

  • Unlimited slides – Users can insert as many slides as he wants.

  • Unlimited Title Caption

  • Native browser support

  • Html5/Css3 transitions support – It uses html5/css3 transition for modern browsers.

  • Image Overall Loading – 7 Slider loads all images at once so that he/she doesn’t wait again while slides.

  • Image Preview support – 7 Slider provides image preview option on hover.

  • Customizable width and height – Width and height can be set.

  • Fully responsive – It’s fully responsive so it can be attached in touch device.

  • Full width functionality involved – Full width slider is available

  • Lightbox support – It supports lightbox based on users’ demand.

  • Touch device support – Touch events are supported.

  • Mouse swipe navigation support – Swipe functionality is available so users feel comfortable to navigate.

  • Video content support(Youtube,Vimeo) – Embeded videos are supported.

  • Carousel support – Carousel viewmode is supported.

  • Bullet support – Bullet viewmode is supported.

  • Several customizable skin supported – 6 predefined skins are there and More importantly,Users can customize skin as he wants.

  • Keyboard navigation available

  • Multiple browser configuration(IE8+,Opera,Chrome,Safari,Firefox)

  • Automation support

  • Progressbar type can be set(linear/circle)


Support



The followers of 7 Slider are always supported by us.
For any complaint or queries, Do not hesitate even a sec to contact us who will be happily assisting you to solve the problem.


Credits



Many thanks to all of them who made this slider come into the world.

jQuery: http://jquery.com/
jQuery Easing Plugin: http://gsgd.co.uk/sandbox/jquery/easing/
jQuery Flippy Plugin: http://guilhemmarty.com/flippy
jQuery Knob Plugin: https://github.com/aterrien/jQuery-Knob/blob/master/js/jquery.knob.js
jQuery Modernizr Plugin: http://modernizr.com/download
jQuery SliceBox Plugin: http://tympanus.net/codrops/2011/09/05/slicebox-3d-image-slider/
Monkey Patch: https://github.com/zachstronaut/jquery-animate-css-rotate-scale
Background Texture(textured_stripes) : http://subtlepatterns.com/


Update/Release Log


10/23/2013: Version 1.0.1



  • 70 Animations added to the list

  • Swipe functionality improved

  • Touch functionality improved

  • Keypress bug fixed


10/21/2013: Version 1.0.0


Initial Release

jQuery Preview Slider (Sliders)

Introduction




As many jQuery plugins, jQuery Preview Slider is a subtle combination of HTML, CSS and jQuery. It is a flexible image slider optimized for full width of the screen. It offers you preview of the next and previous slides. You can customize the navigation buttons, transition speed and transition type.




Features


  • jQuery driven image slider

  • Responsive design

  • Multiple navigation controls: buttons, image click, keyboard

  • Auto scrolling / Circular scrolling

  • Fading and sliding transitions effects

  • Easing on transitions

  • Documentation

  • Compatible with all major browsers (IE8 and above , Chrome, Firefox, Safari and Opera)

  • Customizable navigation buttons style

jQuery Grid and List Switch (Navigation)

A jQuery plugin help you to display grid thumbnail, and have a option to display it in a list.


followrss



Features



  • CSS3 transition in the modern browser.

  • Fade only on the older browser, like IE8.

  • Smooth grid and list switch.

  • Optional hover effect.

  • Clean and lightweight, free update in the future.



Recommendations For You


jQuery OneByOne Slider Plugin:
onebyone

Credit


jQuery http://jquery.com
Lightbox http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/

TeamHouse Animated Team & Product Showcase (Media)

TeamHouse is an animated showcase for team members or products. This script is compatible with all major browsers. Everything coded nicely so that you don’t have to spend much time to customize.




TeamHouse is compatible with 960 grid css framework, so all you need to do is just copy and paste and it will work flawlessly.




TeamHouse is friendly for the theme developers too. If you just purchase an extended license for each of your themes, you are allowed to resell as a part of your theme in themeforest.




30 Photo Animations (Images and Media)

View the Live Preview to see what Fig is capable of.


All animations and styles can be combined to create a unique experience for your image galleries.


Use the Fig Configurator to quickly generate Fig HTML snippets ready to be copy and pasted to your website.


The package contains the original source files so if you’re a webdeveloper you can tweak the library to your own liking.


Plug & Play, no jQuery or other libraries needed.


Animations



  • 7 load animations. Animate a photo in to view in six different ways, pick from zooming in or out, fading, or rotating in various directions.

  • 8 hover animations. Bring a certain area of the photo in to focus on hover or move the photo around when the user interacts with it.

  • 9 caption animations. Slide, fade or push the caption into view from various directions.

  • 6 text animations. Animate the caption text into view via fading, sliding or stacking.


Styles



  • 4 caption fill effects. 3 blur levels and a dreamy soft setting.

  • 2 caption colors. bright and dark.

  • 3 frame border widths.

  • 2 border colors. bright and dark.

  • 5 caption positions. Above, below, top, bottom or cover.


Techniques



  • HTML5 or HTML4 setup.

  • Links can be put in or around the element, making the entire picture clickable.

  • Delayed image loading, images will load and animate when the scroll into view.

  • Sequence grouping and loading, group images together to animate their load animations in sequence.


Files



  • fig.css (30Kb, 3Kb gzipped)

  • fig.js (7Kb, 3Kb gzipped)


Browsers



  • Chrome

  • Safari

  • Firefox

  • Opera

  • iOS 6+

  • IE10

  • IE9 (without animations)

  • IE8 (without animations, with static captions)


Expected to work on Android 4.0+ as well but for now untested, if you have any doubts check the Live Preview to be sure before buying.


WordPress


Currently Fig has not been tested with WordPress. I see no reason why it should not work. For your convenience I’ve added some WordPress plugin references below.


You should be able to link the fig files using this plugin:
CSS and JS links


The plugin below should allow you to add Fig HTML to your articles.
Raw HTML


Photos


The photos used in the Live Preview are copyrighted under creative commons license Attribution 2.0 Generic.




Updates







30 Photo Animations (Images and Media)

View the Live Preview to see what Fig is capable of.


All animations and styles can be combined to create a unique experience for your image galleries.


Use the Fig Configurator to quickly generate Fig HTML snippets ready to be copy and pasted to your website.


The package contains the original source files so if you’re a webdeveloper you can tweak the library to your own liking.


Plug & Play, no jQuery or other libraries needed.


Animations



  • 7 load animations. Animate a photo in to view in six different ways, pick from zooming in or out, fading, or rotating in various directions.

  • 8 hover animations. Bring a certain area of the photo in to focus on hover or move the photo around when the user interacts with it.

  • 9 caption animations. Slide, fade or push the caption into view from various directions.

  • 6 text animations. Animate the caption text into view via fading, sliding or stacking.


Styles



  • 4 caption fill effects. 3 blur levels and a dreamy soft setting.

  • 2 caption colors. bright and dark.

  • 3 frame border widths.

  • 2 border colors. bright and dark.

  • 5 caption positions. Above, below, top, bottom or cover.


Techniques



  • HTML5 or HTML4 setup.

  • Links can be put in or around the element, making the entire picture clickable.

  • Delayed image loading, images will load and animate when the scroll into view.

  • Sequence grouping and loading, group images together to animate their load animations in sequence.


Files



  • fig.css (30Kb, 3Kb gzipped)

  • fig.js (7Kb, 3Kb gzipped)


Browsers



  • Chrome

  • Safari

  • Firefox

  • Opera

  • iOS 6+

  • IE10

  • IE9 (without animations)

  • IE8 (without animations, with static captions)


Expected to work on Android 4.0+ as well but for now untested, if you have any doubts check the Live Preview to be sure before buying.


WordPress


Currently Fig has not been tested with WordPress. I see no reason why it should not work. For your convenience I’ve added some WordPress plugin references below.


You should be able to link the fig files using this plugin:
CSS and JS links


The plugin below should allow you to add Fig HTML to your articles.
Raw HTML


Photos


The photos used in the Live Preview are copyrighted under creative commons license Attribution 2.0 Generic.




Updates







7 Layer - Responsive LayerSlider (Sliders)

General Overview



7 Layer is unique layerslider built in jQuery.
It is strongly built in terms of animation and transition types.
And it is fully responsive and modern features like Video embed,Lightbox are supported which make it more stunning.



Specially designed for customized width/height adaption to make the customer feel free to use any size image and speed is optimized as well.
Supports plenty of 2d/3d transitions so users will have great choice of modern & smooth animations.
It’s especially flexible for users to customize which makes the slider most complete ever.



If you like 7 Layer, don’t forget to leave us 5 stars. :) .



Key Features



  • 250+ wonderful animations(2d,3d) – Animations will come more as new version released.

  • Layer Animation Parameterized – 17 parameters are helping layer animations to dance freely

  • Easy to implement and customize

  • Unlimited slides – Users can insert as many slides as he wants.

  • Unlimited Title Caption

  • Native browser support

  • Html5/Css3 transitions support – It uses html5/css3 transition for modern browsers.

  • Image Overall Loading – 7 Layer loads all images at once so that he/she doesn’t wait again while slides.

  • Image Preview support – 7 Layer provides image preview option on hover.

  • Customizable width and height – Width and height can be set.

  • Fully responsive – It’s fully responsive so it can be attached in touch device.

  • Full width functionality involved – Full width slider is available

  • Lightbox support – It supports lightbox based on users’ demand.

  • Touch device support – Touch events are supported.

  • Mouse swipe navigation support – Swipe functionality is available so users feel comfortable to navigate with mouse drag & drop.

  • Video content support(Youtube,Vimeo) – Embeded videos are supported.

  • Carousel support – Carousel viewmode is supported.

  • Bullet support – Bullet viewmode is supported.

  • Several customizable skin supported – 6 predefined skins are there and More importantly,Users can customize skin as he wants.

  • Keyboard navigation available

  • Multiple browser configuration(IE8+,Opera,Chrome,Safari,Firefox)

  • Automation support

  • Progressbar type can be set(linear/circle)


Support



The followers of 7 Layer are always supported by us.
For any complaint or queries, Do not hesitate even a sec to contact us who will be happily assisting you to solve the problem.


Credits



7 Layer can come into the world thanks to all of whom make valuable resources free.

jQuery: http://jquery.com/
jQuery Easing Plugin: http://gsgd.co.uk/sandbox/jquery/easing/
jQuery Flippy Plugin: http://guilhemmarty.com/flippy
jQuery Knob Plugin: https://github.com/aterrien/jQuery-Knob/blob/master/js/jquery.knob.js
jQuery Modernizr Plugin: http://modernizr.com/download
jQuery SliceBox Plugin: http://tympanus.net/codrops/2011/09/05/slicebox-3d-image-slider/
Monkey Patch: https://github.com/zachstronaut/jquery-animate-css-rotate-scale
Background Texture: http://subtlepatterns.com/
Preview Images : http://all-free-download.com
Free Icons : http://www.softicons.com


Update/Release Log


10-28-2013: Version 1.0.1


Bug fixed: Slider smooth move without waiting till layer animation finished.


10-27-2013: Version 1.0.0


Initial Release