background preloader


Facebook Twitter

Magnific Popup: Responsive jQuery Lightbox Plugin. Magnific Popup is a responsive lightbox & dialog script with focus on performance and providing best experience for user with any device(for jQuery or Zepto.js). Examples Single image lightbox Three simple popups with different scaling settings. 1 — fits horizontally and vertically, 2 — only horizontally, 3 — no gaps, zoom animation, close icon in top-right corner. Lightbox gallery You may put any HTML content in each gallery item and mix content types.

In this example lazy-loading of images is enabled for the next image based on move direction. If you wish to add touch-swipe support, check my article on the Smashing Magazine, or new PhotoSwipe script. Zoom-gallery If you wish to open the popup only after image is fully loaded, you may preload image via JS.

Popup with video or map In this example lightboxes are automatically disabled on small screen size and default behavior of link is triggered. Dialog with CSS animation Popup with form Ajax popup Modal popup Open modal Dismiss Error handling Fast. jGallery Demo and customize. jQuery UI. Calaméo - FlipBook: обзор скриптов. JavaScript - WowBook, a flipbook jQuery plugin | CodeCanyon. Site Templates - MagicBook - 3D Responsive Flip Book HTML Theme | ThemeForest.

One page, fluid , one page, fluid…Do you get tired of the web sites being more and more similar? Do you miss the real book feel? An absolutely unique theme! MagicBook is a real 3D flip book template with unlimited page number,cool 3D menu, responsive feature and easy customization etc. No more word, just have a look at the demo, believe that you will “WOW” ! Tip: for the MagicBook is an avant-garde work, the 3D animation won’t show on IE browsers. Not only for portfolio MagicBook is actually a book look like framework for cool information shown.

Showcase made by customs sakirhythmOlga DabrowskaPanama Center ApartmentsDganit-academy Testimonials As an illustrator I was looking for design for my website that would suit my art and this one is perfect. Bookmarked bookmarked bookmarked!! Amazing! Love this theme! Main Features Credits Change logs. Responsive Flip Book powered by jQuery. Testimonials Hi,thank you for this great product! - pageit Hi! Thank you very much for this great plugin. From the creators of the best selling Flip Book ever, we present Responsive Flip Book. Change Log 04/11/2013 - Version - Chrome flip issue fix 06/03/2013 - Version 1.2.4 - zip fix 05/03/2013 - Version 1.2.3 - thumbs fixes. 04/03/2013 - Version 1.2.2 - IE Bug fixes, - Bug fixes. 10/01/2013 - Version 1.2.1 - last page bug fix, - shadow behavior fixed, - arrows behavior fixed, - mobile appearance improved, - book position fix. * files changed: - flipbook.js 21/11/2012 - Version 1.1.1 - IE bug fix * Files changed - style.css - flipbook.js 13/11/2012 - Version 1.1 - improved zoom, - slide show bug fix, - shadow bug fix, - minor bug fixes. * Files changed - style.css - flipbook.js 01/03/2012 - Version 1.0 - release Why buy from us?

Features: Additions used Need Support? First of all thanks you for purchasing one of my products, I really appreciate it! Jquery flipbook Zyyne. 5 Plus Attractive PDF Page Turning Effect Jquery Plugin Software | PUBHTML5. MY DIGITAL PUBLISHING WORLD: Great JQuery Flipbook Software Can Boost Your Website and Blog. By using jquery plugin software to make photos with stunning page turning effect and add to your website homepage will definitely boost your blogs. The beautiful images flashing in visitors’ eyes can give them sensory overload. However, in most cases, there exits the problem with jQuery image sliders, that is, while homepage sliders add additional code to your page and slow down loading times, it is bad for search engine optimization. In order to helping boosting your website and blog instead of lowering conversion rates for sites, we’ve reposted several tried and tested free flipbook plugin software that is brilliant on all levels. With excellent page &animation editor inside, PUB HTML5 works well as attractive pdf page turning jquery plugin.

Create Realistic Responsive CSS3 jQuery & HTML5 FlipBook from PDF, Flip HTML5 is able to make all the files more interactive. Flip PDF Flip PDF offers various templates and plugins as programs. CSS Flip Book jQuery Plugin. Hey! Today I want to share with you this jQuery flip book plugin that I’ve put together. Using 3D transforms and just a little jQuery you can use it too. Below I’ll outline exactly how it works. So I wrote this a while ago but unfortunately it was mired with bugs and problems. I decided to rewrite it to make a bit more usable for everyone, as well as give it a place where I could provide updates if I so wished. So here it is! The plugin uses 3D transforms activated by jQuery to create the effect. Using it To begin, create your HTML. <div id="flipbook"><div class="slide"><img src="images/1.jpg" alt="" /><div class="content"><a href="#">Flowers: What you didn't know</a></div></div><div class="slide"><img src="images/2.jpg" alt="" /><div class="content"><a href="#">Flowers: Real or Fiction?

The image is necessary, however we don’t actually use the image, we split it up using CSS. You also want to get yourself a copy of modernizr with css 3D transforms. Then we run the plugin. Flippage by marcbuils. FlipPage est un plugin jQuery créant l'illusion de tourner les pages d'un livre. Développé à l'origine pour une présentation sur tablette tactile, il peut aussi trouver sa place dans une application de livre électronique par exemple.

Ce plugin a été développé en HTML5/CSS3 afin d'utiliser la puissance graphique hardware et de créer ainsi une animation plus fluide. Demo Rendu 1 Sources 1 Rendu 2 Sources 2 Installation npm install jquery-plugin-flippage Navigateurs normalement compatibles iPhone/iPad/iPod Touch - Android - Firefox 3.6+ - Chrome - IE 9 (sans animation) - IE 10 Navigateurs testés iPhone 3G / iPhone 3GS / iPad 1 / iPad 2 - Android - Firefox 6 - Firefox 7 Beta - Safari - IE9 Licence LGPL v3 Version actuelle v0.6.4 Changelog. BookBlock: A Content Flip Plugin. JQuery Plugin: imBookFlip. Page Turning without Flash. I was asked by a client to create a bookflip (Page Turn) effect that did not require Flash. I found a Javascript class and decided to use it as the basis for a JQuery plugin.

The imBookFlip plugin can load a book in an iframe or directly on the page. The book’s pages can be set to turn when manually clicked only, begin auto flip (turn automatically) as soon as the html page loads, or begin auto flip when first page (front cover is clicked). Adding audio is easy because Sound Manager can be used with the plugin. Default Setup The default mode for the imBookFlip plugin is inside a container that is positioned using relative positioning (position: relative). First we load the necessary files: Next we create a style for the book and a style for the book’s pages. Now you create your pages (inside the book container). Each div is a page and is assigned the page class (imBookPage).

Iframe Option You also have the option of loading the book in an iframe. Ajax Option The JSON object: The CSS: Demos. Moleskine Notebook with jQuery Booklet. QuickFlip 2: The jQuery Flipping Plugin Made Faster and Simpler. jQuery QuickFlip 2 jQuery QuickFlip takes any piece of HTML markup and flips it over like a card. The effect is similar to the UI animation on the iPhone Click to flip panel I’m happy to announce the release of QuickFlip 2, a major reworking of the jQuery plugin that flips any piece of HTML markup over like a card. The new version is faster and even easier to use—simply call the flip animation through a jQuery selector and the QuickFlip will flip the front panel to show its back. Download QuickFlip 2 for jQuery Read the QuickFlip documentation QuickFlip works by using an animation shortcut that is barely noticeable when flipped quickly (hence the name).

It provides an attractive alternative to other slower and more resource heavy Flash and jQuery flip animations. What’s new in QuickFlip 2? QuickFlip 2 is now even easier to implement. Additionally, QuickFlip’s new version makes triggering the flip effect much simpler due to a new flip function that can be attached to any jQuery selector. jQuery - Flip. Example Back Click to flip me back! How to include Simply include jquery.js and jquery.flip.js you have downloaded How to use In HTML file, create a <div> with two <div> inside with class .front and .back <div id="card"><div class="front"> Front content </div><div class="back"> Back content </div></div> Then, call jQuery flip() on a DOM $("#card").flip(); Options Using via javascript You can flip to the back by calling $("#card").flip(true); And flip it back to the front by calling $("#card").flip(false); Example with options Image from Image from

Waldobronchart/FlipCounter. The jFlip plugin. A flipping page gallery This plugin builds an image gallery made as a book. You can flip the book pages to view the next or previous image clicking or dragging the animated corners shown when hovering on the gallery area. By the way, no flash needed! Author: Renato Formato. Documentation The plugin needs jquery 1.2.3. IE needs a modified version of excanvas I wrote that supports patterns (with a special feature to scale patterns) and rotated linear gradient. You need to add the following line to the head: How to use the plugin The plugin finds all the images inside the provided selector and build the flipping book gallery.

$(selector).jFlip(width,height,options) Arguments Events - since version 0.4 The elements on which jFlip is applied can bind the flip.jflip event, triggered on page flip The event handler has the following signature: function(event,current_page,total_pages) Download Update v0.4 (28/2/2009): New options to change the corners color and size. ExcanvasX Demo view the examples. Metro JS - Metro Live Tiles and More for jQuery - Drew Greenwell - Professional Developer. Booklet - jQuery Plugin.

What is it? Booklet is a jQuery tool for displaying content on the web in a flipbook layout. It was built using the jQuery library. Licensed under the MIT license. Want to check out the source? Take a look at the project's GitHub Repository. see it work jQuery Booklet This is a sample booklet! Content Variety You can place any sort of html elements inside of your booklet pages. Default Options The default options include: Manual Page TurningThis option requires jQuery UI, but will degrade and be usable if not included. Move to the next page by dragging or the arrow keys to see the animation in action! Turn.js: The page flip effect in HTML5. WYSIWYG редакторы на jQuery - Записки о web-программировании. Визуальные редакторы текста написанные на Javascript значительно облегчают нашу жизнь при добавлении новых статей, постов на сайтах.

Они позволяют просто и удобно форматировать текст перед публикацией. Многие из них напоминают функционалом и внешне MS Word. Сегодня я расскажу о нескольких визуальных редакторах на jQuery. jQuery редактор markItUp! MarkItUp! Быстрой и простой интеграции в любой проект;поддержке горячих клавиш;предпросмотру на Ajax;поддержке IE7, Safari 3.1, Firefox 2, Firefox 3, в IE6 и Opera 9+ могут быть проблемыразмеру всего в 6.5 КБ! Ко всему прочему, markItUp! jWYSIWYG редактор на jQuery Это инлайновый редактор контента, выполненный в виде jQuery плагина, наделенный неплохими возможностями и небольшим весом — всего 7 КБ в сжатом виде! GNU GPL v2;компактный и легковесный;динамические предпросмотр на Ajax;поддержка всех основных браузеров Оф.сайт Lightweight RTE Предельно простой текстовый редактор на jQuery с минимумом возможностей. Редактор на jQuery — HTMLBox WYMEditor. jQuery Text Editor. 10 лучших WYSIWYG-редакторов текста и HTML для ваших проектов.

Дать пользователям возможность форматирования текста без изучения дополнительного кода – это то, над чем разработчики усердно стараются последние несколько лет. И все не напрасно, они уже добились значительно прогресса. Представляем вам 10 наиболее используемых WYSIWYG-редакторов. Надеемся, что вы подберете что-то для собственных проектов. 01. NicEdit Демо | Скачать NicEdit представляет собой отличную альтернативу большим и громоздким редакторам. 02. Демо | Скачать TinyMCE представляет собой бесплатный javascript HTML WYSIWYG-редактор. 03. Демо | Скачать CKeditor – это новый FCKEditor, который раннее завоевал звание лидера на рынке. 04. Демо | Скачать YUI Rich Text Editor – это графический интерфейс пользователей от Yahoo, который превращает обычное поле ввода текста в полноценный WYSIWYG-редактор. 05.

Демо | Скачать Markitup – это плагин для jQuery, который позволяет вам превратить обычное поле ввода текста в редактор тэгов и форматирования. 06. Демо | Скачать 07. Демо | Скачать 08. 09. Examples :: markItUp! Universal Markup jQuery Editor. Tag Sets Html markItUp! As a Html oriented editor BBcode markItUp! As a BBcode oriented editor Textile markItUp! Markdown markItUp! Wiki syntax markItUp! Dotclear markItUp! Advanced configurations Skins. Building a jQuery-Powered Tag-Cloud. A tag-cloud is a great way of showing visitors to your blog the main topics of interest that are available. There is also additional information contained in a tag-cloud. Aside from the actual links themselves, which give people an idea of the subjects that your site covers, they can also show how popular the different subjects are. Another great thing about tag-clouds is that they can be used to describe the frequency of anything; you can link to articles, blog posts, images, video, or anything else that you have in abundance on your site.

Tag-clouds are easy to do badly; whether from a design perspective or from a code perspective. Thanks to jQuery, it’s also easy to do well. We’ll be using the hot new 1.3 version of jQuery for this example and will be working with PHP and MySql to provide a JSON feed of our tags. Getting Started Let’s make a start on the page that the tag-cloud will be shown on; in a new file in your text editor create the following page: Save this as tagcloud.html. DynaCloud - a dynamic JavaScript tag/keyword cloud with jQuery. Js Tutorial - Tutorials to use plugins with documents and demos.

qTip2 - Pretty powerful tooltips. TagCanvas - an HTML5 Canvas Tag Cloud. tQuery API - extensions for three.js. 3D CSS3 Book Generator with jQuery. jQuery Animated Typing with Typed.js | by Matt Boldt. jQuery Учебник - Введение. Справочник jQuery | W3 Просвещение. CallMe 1.9.1 — jquery-скрипт обратного звонка » Назар Токарь. Adding JavaScript. Как подключить jquery. Подключение jQuery через Google. jQuery() :: Шпаргалка jQuery. jQuery TOOLS - The missing UI library for the Web.

How jQuery Works | jQuery Learning Center. jQuery. Codrops | Useful resources and inspiration for creative minds. Free jQuery Plugins and Tutorials - jQuery Script.