background preloader

Magnific Popup: Responsive jQuery Lightbox Plugin

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. 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 Animations are added with simple CSS transitions, you can make them look however you wish.More animation effects on CodePen. Popup with form Entered data is not lost if you open and close the popup or if you go to another page and then press back browser button. Ajax popup Fast

http://dimsemenov.com/plugins/magnific-popup/

Related:  Jquery UI PluginsJquery PluginspaulailincaisitesWWW_addonscss

Tooltipster - The jQuery Tooltip Plugin Styling your tooltips with a custom look ⇑ Tooltipster makes it very easy to go from one of the packaged themes and customize a few properties of your choice. To do so, we recommend that you create a so-called "secondary theme" which will override some properties of a packaged theme. Create a new css file and include it in your page. Inside the file, declare your customized rules like this: For your secondary theme to be applied, provide an array of themes instead of just one.

Server-side HTML vs. JS Widgets vs. Single-Page Web Apps At the recent GOTO Chicago conference, I gave a talk on "Frontend Architectures: from the prehistoric to the Post-modern." In just my first 10 months at Coursera, I've experienced the joys and woes of many different frontend architectures, and I wanted to share what I learnt. I detail everything in the slides, but I'll summarize my thoughts here as well. reveal.js - The HTML Presentation Framework HTML Presentations Made Easy Created by Hakim El Hattab / @hakimel Heads Up Masonry Options All options are optional, but columnWidth and itemSelector are recommended. Recommended itemSelector Specifies which child elements will be used as item elements in the layout. We recommend always setting itemSelector. itemSelector is useful to exclude sizing elements or other elements that are not part of the layout.

Website speed test Nobody Likes a Slow Website We built this Website Speed Test to help you analyze the load speed of your websites and learn how to make them faster. It lets you identify what about a web page is fast, slow, too big, what best practices you’re not following, and so on. We have tried to make it useful both to experts and novices alike. jQuery plugin for Avgrund concept popin Avgrund is a jQuery plugin for modal boxes and popups. It uses interesting concept showing depth between popup and page. It works in all modern browsers and gracefully degrade in those that do not support CSS transitions and transformations (e.g. in IE 6-9 has standard behavior). Tested with jQuery 1.4+, file size is under 2Kb, MIT Licensed. You can simply init Avgrund with one line and linking 'avgrund.css' file: $('element').avgrund();

Camera Mapping in Blender 2.5 NOTE: This tutorial is based off Blender 2.5, so some parts may not work in 2.6+. Substitute the ‘sticky’ function with ‘UV project from view’ instead. During the tutorial you will learn: What camera mapping is used forHow to easily project any image onto a 3d objectHow to match the perspective of a photoHow to overcome a common camera mapping problemHow to use the very useful ‘sticky’ texture function Magnific Popup - responsive lightbox jquery plugin for gallery and popup Contact Live edit your lightbox to make them responsive with Magnific Popup plugin and watch the preview. Get a working prototype with code snippets right away! Browser Support Gallery mode

Related:  Bootstrap