Tampilkan postingan dengan label animate. Tampilkan semua postingan
Tampilkan postingan dengan label animate. Tampilkan semua postingan

Kamis, 05 Desember 2013

Layered Popups (Interface Elements)

Internet is full of boring popups. So, it’s a time to break this trend. That’s why I created “Layered Popups”. With this plugin you can realize your imagination and make unique multi-layers popup windows. You can create multiple layers with whatever-you-want content and add custom transitions/animations for each layer. You can embed AJAX-ed subscription form which works with autoresponders (MailChimp, AWeber, GetResponse, iContact, Campaign Monitor) and collect users’ names and e-mails. You can raise popup window on page load or show it on click event. You can make your website more attractive and pay users attention to certain stuff.




This is WordPress plugin. For non-WordPress websites try Layered Popups – Standalone Script.






Demo




Please visit official Layered Popups demo page and check out demo popups. With “Layered Popups” plugin you can create your own popups. You are limited only by imagination. :-)






Premium Packs
Business Pack for Layered Popups
Christmas Pack for Layered Popups






Features





  • Unlimited number of popups: create as many popup as you wish.

  • Multiple layers: each popup can contain any number of layers.

  • Custom layer duration/animation: customize layer duration/animation with ease.

  • 600+ Google Fonts: use any of 600+ webfonts.

  • Subscription form: AJAX-ed name/e-mail subscription form.

  • Autoresponders supported: MailChimp, GetResponse, iContact, Campaign Monitor and AWeber (beta) supported.

  • Export/import feature: you can easily export popup settings from one website and import to another website.

  • On-page-load event handler: raise any popup on-page-load event.

  • Different popup per page, post, custom post type: assign different popup per page, post or custom post type.

  • Auto open delay: popup window might be opened with delay.

  • Display modes: you can display popups every time, once per session or only once.

  • Remember subscribed visitors: plugin set cookie on user machine to avoid repeated popups for subscribers.

  • On-click-event handler: show any popup on-click event.

  • CSV Export: list of subscribers can be exported as CSV-file to be used with any newsletter systems.

  • Set of predefined popups: use any of 11 predefined popups as a template for your work.

  • Design your own popups: it’s easy – check out video tutorial. :-)

  • Responsive design: popup window looks nice on small screen devices.

  • Realtime preview: edit popup/layers and view changes immediately.

  • Opt-in locker (optional): users must subscribe to close popup.

  • Shortcodes supported (experimental): add WP shortcodes into layer content.

  • Attach popups to menu items: it’s easy – check out video tutorial. :-)

  • Easy to install: install and activate the plugin as any other plugins.

  • Translation ready: plugin might be translated to any language.

  • WordPress Best Practices: no any alerts from Plugin Check and WP_DEBUG.





Installation





  1. Install and activate the plugin. Once activated, it creates menu “Layered Popups” in left side column in the admin area.

  2. Click left side menu “Layered Popups >>> Settings” and configure “on-page-load” event handler if you need it.

  3. Click left side menu “Layered Popups >>> Create Popup”. Create and customize your popup and it’s layers. You also can use pre-defined popup as template for your modifications.

  4. Read FAQ section (“Layered Popups >>> FAQ”) to find answers for most common questions.

  5. Enjoy your popups.





How to create new popup




Please watch this video tutorial. It shows how to create new popups. http://www.youtube.com/watch?v=3RFgeTWAPDc






Testimonials




bernknecht:

An incredible plugin. Phantastic. It works perfect and the settings are so comprehensive AND easy. Love it.



marzenaslonko:

Excellent plugin, great creative idea and 1st class support.



coloradocc:

Excellent idea. Really opens the door wide for creativity. Nice work!



besuretr:

What can I say, oh yes luv it, luv it, luv it!!! It’s an awesome plugin.



colorit:

Wooooow, is this great! Finally something really special here at the WP plugins!!! Very useful, very stylish, very flexible!



jtorres_mora:

This is the first layered animation POPUP I’ve seen in the market. Congratulations for this excelent Wordpress useful file.



hzscheyge:

Very neat! Exactly what I was looking for ;).





Support




If you have problems regarding using the plugin, please contact me and I’ll help you.






Popups Repository




Let’s start layered popups repository. If you created nice popup and want to share it with others, please send exported file to popups@halfdata.com and I’ll include it into repository which will be available for all “Layered Popups” users.






History

2013-11-18 – version 1.70 released



Added feature to add different popup per page, post, custom post type through post/page editor.

2013-11-10 – version 1.65 released



Opt-in locker
Multisite installation support
Autoclose delay for on page load popups
Option to send subscription form details to admin
ESC-button handler

2013-11-07 – version 1.62 released



Added option to attach popups to menu items

2013-11-02 – version 1.60 released



Added AWeber support
Added shortcode support
Added 2 more demo popups
Improved video popups
Fixed FireFox issue

2013-10-30 – version 1.40 released



Initial Release





Credits





  1. Fugue Icons [icons]

  2. Farm-Fresh Web Icons [icons]

  3. Mountains of Christmas [font]

  4. Open Sans [font]

  5. Walter Turncoat [font]

  6. Christmas Icon Set [icons]

  7. The City from the Shard [image]

  8. Fast Icon [icons]

  9. Wallpapers Business Graph [image]

  10. Wakpaper.com [image]

Business Pack for Layered Popups (Add-ons)

Business Pack is a set of pre-defined business multi-layer popups (10 pieces) for Layered Popups WordPress Plugin and Layered Popups Script. With this pack you can make your website more attractive, unique and effective. Use these popups as a start point for your creativity and build your own popups. It’s easy!




IMPORTANT! Make sure you installed Layered Popups WordPress Plugin or Layered Popups Script.




Package Content


Business Pack contains 10 pre-defined multi-layer popups (files are named as business-01.txt, business-02.txt, etc.). Import them into your Layered Popups installation.

Demo


Please visit official Business Pack – Layered Popups demo page and check out 10 business popups.

Installation



  1. Make sure you installed Layered Popups WordPress Plugin or Layered Popups Script.

  2. Go to WP dashboard or script admin area.

  3. Go to “Popups” page.

  4. Click “Import Popup” button and select desired popup file (files are named as business-01.txt, business-02.txt, etc.).

  5. Unblock newly imported popup.

  6. Enjoy!



Credits



  1. Open Sans [font]

  2. The City from the Shard [image]

Rabu, 04 Desember 2013

Core.Animation Library for .Net WinForms Controls (Miscellaneous)

This library is created for .Net WinForms developer who wants to overpass the classic and static view of elements in .Net framework. Microsoft has never directly supported animations in WinForms development, because there were WPF apps for this purpose. However many of you didn’t have time to spend for learning WPF, but wanted so badly to have nice animations like moving and fading on button clicks or when hovering on some controls.



Core.Animation library helps you animate your buttons, labels, any controls with a single or two lines of codes.


Try Before You Buy


Click here to try effects and examples in this sample application

Source code of sample application is also included.


Features




  • Very smooth and attractive effects


  • Supports creating sync and async animations.


  • Set your own parameters to create own customized animations.


  • Beginner developers can use without advanced coding knowledge.


  • Advanced developers can create any animation combining images and effects


  • Each method is xml commented and understandable


  • Saves you from hours of coding


  • Source codes of library and sample application are both included in C# language.


Implemented Effects




  • Extend and shrink effects


  • Fade effects


  • Zoom effects


  • Image Slide effects


  • Attention effects


  • Appear and disappear effects



Many different effects can be created using async combination of effects. See advanced examples in sample application.




Detailed documentation included. If you face any problems you can contact through comments or through the email included in documentation any-time.




Free counters!

jQuery Scroll-It (Miscellaneous)

Scroll Any Element On The Page Up Or Down When The Page Scrolls.


Set distance, duration, easing, type, direction


Scroll HTML Elements (div, span, h1, h2, h3, h4, h5, h6, p, img, ul, ol, section, aside, etc)




See Wordpress Version

Narsis Cover, CSS3 Image Hover Animation Effect (Images and Media)

Narsis cover is highly customizable CSS3 animation effects for image hover.

These Animations is carefully designed with attention to the details. Your visitors will love theme.


Main Features




RTL supported


You can also use Narsis cover in your RTL websites.



50 Animation Effect


You can easily change Narsis cover Animation Effect with data-effect attribute.



13 color schemes


You can easily change Narsis cover with data-theme attribute.



Customizable Icons


We use FontAwesome for icons so you can use more than 360 icons for your menu.



Valid and Clean Codes


All HTML5, CSS3 and JavaScript codes are fully validated and cleaned.



Cross-browser compatible, IE7 included



Google Chrome, Mozilla Firefox, Opera, Apple Safari and IE +7.



Animations Effects work with CSS3 transitions and css3 not work in IE



Fully Customizable


You can change Narsis cover appearance, position and etc easily with just data attributes, no need for any special Skills.



Well Documented



Stylus Technology



All style write in stylus technology with powerful addon like nib and 1stylus plugin.



PhotoDune Images



We used these photodune images for demo files
PhotoDune Image
PhotoDune Image
PhotoDune Image
PhotoDune Image
PhotoDune Image
PhotoDune Image
PhotoDune Image
PhotoDune Image
PhotoDune Image
PhotoDune Image
PhotoDune Image
PhotoDune Image
PhotoDune Image
PhotoDune Image
PhotoDune Image
PhotoDune Image
PhotoDune Image
PhotoDune Image
PhotoDune Image



Authors :



sedaghat
AliMD
seyedi
Mampel
aGHasizadeh


Support :


Please feel free to email via our user page contact form.

You maybe like our other work


Narsis CSS3 Glassy Menu

\

ImageZoom - Responsive jQuery Image Zoom Plugin (Images and Media)

Overview


ImageZoom is a jQuery plugin for image zoom effect. It has thrid mode of image zoom effect : inner mode,standard mode and follow mode. It is easy to use, you can just use single image or set a large image. When you set a large image you view see it‘s 410 faster than other to show zoom view (witch use image load event to get the large image width/height ). You can try the the imgfast demo in the live demo page to see it. And ImageZoom is ready to use with an carousel. It has a lot of options and method witch let make what just need. Enjoy it :)


Features



  • Responsive! You can use it in you responsive layout.

  • Three zoom mode include. Inner zoom,standard zoom,follow zoom

  • Get large width/height 410 faster than imageload event.

  • Use resized thumb image for zoom view when the large image is loading.

  • Smooth move. Zoom view move smooth.

  • Customizable by CSS and  options.

  • Flexible options.

  • Easy to control the zoom object with many method.

  • Option for preload image or not.

  • ImageZoom with elastislide ready.(An custom skin include)  Also responsive.

  • Cross browser

  • Event callback for begin and end zoom.

  • Easy to custom the style.

  • Many demo and documention include.


Options



  • type:The image zoom mode.(inner,standard,follow) Default:inner

  • bigImageSrc:If Call image zoom on the thumb image and want to zoom with large image set this option. Default:null

  • smoothMove:Is the zoomviewer’s image move smooth. (true/false) Default:true

  • preload:Is ImageZoom preload the large image. Default:true

  • zoomSize:The ZoomView Size for standard mode and follow mode. Default:[100,100]

  • offset:Set the offset of the zoomviewer for standard mode. Default:[10,0]

  • position:Set left/right to show the zoomviewer. Default:right

  • alignTo:Set the id of the zoomviewer align to (Standard Mode). Default:null (alignTo the riginal image)

  • descriptionClass:The coustom description css class. Default:null

  • showDescription:Is zoomimage auto show the image description. Default:true

  • zoomViewerClass:The coustom class of the zoom viewer for follow mode and standard mode. Default:null

  • zoomHandlerClass:The coustom class of the zoom handler area for standard mode. Default:null       string

  • onShow:Event when zoom begin. Default:null

  • onHide:Event when zoom end. Default:null


ImageZoom Object



  • obj.$viewer   (jQuery element object)       The large image show view area.

  • obj.$handlerArea    (jQuery element object)       The handler view show on thumb image when use standard mode.

  • obj.$el    (jQuery element object)       The image the you have called ImageZoom on it.

  • obj.$largeImg    (jQuery element object)       The large image that show on zoom viewer.   


Methods



  • destroy() : Destroy imagezoom.

  • changeImage(string,string) : Change the img tag original image src and large image.

  • changeZoomSize(number,number) : Change the ZoomViewer Size (width,height).



Other Image Effects Plugins


HoverEx – jQuery image hover animation plugin



Picanim – jQuery image hover effect pulgin



Zoome – jQuery Image Zoom Effect Plugin



Flag Counter