jQuery plugin textarea fullscreen mode plugin.
Best jQuery Fullscreen Plugins & Tutorials with Demo
Draggable Dual-View Slideshow with JavaScript
An experimental slideshow that is draggable and has two views: fullscreen and small carousel. In fullscreen view, a related content area can be viewed.There are different techniques that would allow for such a layout; we tried to re-create this slideshow concept by using the Dragdealer.js library and 3D transforms. The main idea is to translate the slider on the Z axis, allowing it to be either fullscreen or of a smaller carousel size. By switching the actual size of the slideshow and removing the transforms when they are not needed anymore, we allow the slideshow to have a “real” size (i.e. 25% of the window). For the content part, we slide everything up and reveal a scrollable area.
Inspiration for Article Intro Effects with CSS3
Today we want to share some inspiration for article intro effects with you. You have surely seen some interesting article headers, usually containing a fullscreen image, that have some sort of intro effect, i.e. where some creative transition happens when scrolling or when clicking on a button to continue. We wanted to explore the effect possibilities with fullscreen images and making something happen when continuing to the article body. There are many potentially cool effects and today we want to share just a couple of ideas with you.
Morphing Buttons Concept with CSS3 & JavaScript
Today we want to share a bit of inspiration for a morphing button concept. You have surely come across this concept already: the idea is to use an element of action, like a button, and morph it into something else when clicked. Basically, the action element is being “reused” visually to reveal some other content. This can be a fullscreen overlay, a modal window, an expanding share button, and so on.
Classy FlipBook – jQuery Plugin
- FlipBook is based on the library turn.js 3rd release. Library “turn.js 3rd release” is not included.
- reverse flip book for the eastern countries (right to left)
- any width for Flipbook, you can add to your site – working on layout responsive and not responsive.
- you can easily disable the toolbar
- unlimited number of pages
- optimal loading pages(the flipbook does not show all the page – only 7 pages is in memory)
- double pages
- you can change the width input text in bottom bar
- icon fullscreen ( only works under FF and Chrome )<
- no Flash Player needed (works on the Ipad etc.)
MagicWall : jQuery Responsive Image Grid Plugin
MagicWall is a jQuery plugin for creating an image grid that cycles through a set of images using attractive animations at a specific time interval. You can use this plugin to create a decorative element of your website, display your work or simply use it as a nice animated background. MagicWall plugin converts a list of images into a grid with defined number of rows and columns. The remaining images will appear with different animations and delays.
Features:
- Responsive grid
- Hardware Accelerated
- Fullwidth layout
- Fullscreen layout
- Highly customizable
- 22 Animations
- Sass files included
- Small file size
CSS3 3D Grid Effect
Today we’d like to share a little animation concept with you. It’s the recreation of an effect we spotted in this fantastic prototype app by Marcus Eckert. The idea is to rotate a grid item in 3D, expand it into fullscreen and reveal some content. For our attempt to imitate the app behavior, we created two demos. In the first one we rotate the grid item vertically and in the second one horizontally.
Business FlipBook – jQuery WordPress Plugin
flipbook is based on the library turn.js 3rd release. Library “turn.js 3rd release” is not included.
Features:
- works on the iPad,iPhone etc. ( no Flash Player needed )
- support for tags in WYSIWYG editor.
- reverse flip book for the eastern countries (right to left)
- icon fullScreen ( only works under FF and Chrome )
- you can change the zoom to double click the mouse
- you can change the zoom step for zoomIn and for zoomOut
- you can enable / disable deeplinking (string at the end of the browser’s address)
- responsive design