background preloader

Divers

Facebook Twitter

Show and tell for designers. Chartkick. bPopup.js – A jQuery modal popup plugin | hvem glor - din bror. 16.01.14: Sadly my host has had serious server issues why all old comments are gone! 19.08.13: New release, bPopup version 0.9.4 bPopup is a learning and exploring jQuery project. It’s a lightweight cross browser jQuery popup plugin. It’s not creating your popup but doing all the logic as opening, closing, centering on resize & scroll, creating a modal overlay etc.

It can open any container you create with all kinds of content. bPopup has been tested in IE67-9, FF2-7, Opera 9-10, Safari 4-5 and Chrome 4-15. Contents How to use bpopup » Click here to see a jsfiddle you can play with! Markup: Add a button + an element to pop up. <html><head> ... CSS: Hide the element you want to pop up on page load. The magic: Bind a click event on the button which will trigger the popup. ;(function($) { $(function() { $('#my-button').bind('click', function(e) { e.preventDefault(); $('#element_to_pop_up').bPopup(); }); }); })(jQuery); Or with custom settings Enjoy Options Changelist 0.9.0 change-list (26.02.13):

The online royalty free public domain clip art - vector clip art online, royalty free & public domain. Générateur de QR Code design - Gratuit - Unitag. HTML5 UP! Responsive HTML5 and CSS3 Site Templates. Sticky Table Headers Revisited | Demo 1. This is a basic usage example. Scroll down to see the sticky table header in action. And of course, multiple instances are supported. Tables are pre-populated with random user data retrieved from the Random User Generator.

Curabitur placerat, nulla ultricies a, convallis pellentesque, justo nec eros. Duis non mi odio, sagittis lorem. Phasellus hendrerit tellus felis mollis luctus. Cum sociis natoque penatibus et massa. Pellentesque facilisis sodales. Inline Anchor Styles. It had been my luck to live en famille with some herder Lapps once before in North-Western Norway. I had some elk shooting and some fishing up there, and I came across the tribe one day poaching red char from one of my own hired lakes. When we actually did get under weigh, our outfit consisted of one inferior double-barrelled 12-bore shot-gun by an anonymous maker, one good Marlin ’45 repeating rifle carrying a long bullet, a small assortment of tinned foods and loaded cartridges... It was these photographs which suggested going to see the Lapp in his own domains.

The map showed the position of Lapland in large letters, and for the sake of definiteness we made up our minds to cross it from north to south... Drawing from our own ignorance, and from the united ignorance of others (most freely and generously bestowed), we mapped out the details of the campaign with glibness and ease. At Vardö we were to purchase furs to wear and horses to ride.

If you enjoyed this demo you might also like: Animate.css. Metro Tabs 2.0 - Responsive Tabs with Metro UI. WOW : jQuery Slider w/o Coding : jQuery Slideshow. AgapaStudio - jQuery plugin, wordpress plugin, mobile applications and many more | Agapa Studio. TinyPNG – Compress PNG images while preserving transparency.

Free Bootstrap Themes and Templates - BootstrapZero. FreeHDWalls | high definition wallpapers for your desktop. Unsplash. Responsive CSS Timeline with 3D Effect. Calendario: A Flexible Calendar Plugin. Simple Multi-Item Slider with CSS Animations and jQuery. 3D Book Showcase. Red snapper Kafue pike fangtooth humums slipmouth, salmon cutlassfish; swallower European perch mola mola sunfish, threadfin bream.

Billfish hog sucker trout-perch lenok orbicular velvetfish. Delta smelt striped bass, medusafish dragon goby starry flounder cuchia round whitefish northern anchovy spadefish merluccid hake cat shark Black pickerel. Pacific cod. Whale catfish leatherjacket deep sea anglerfish grenadier sawfish pompano dolphinfish carp large-eye bream, squeaker amago. Sandroller; rough scad, tiger shovelnose catfish snubnose parasitic eel? Black bass soldierfish duckbill--Rattail Atlantic saury Blind shark California halibut; false trevally warty angler! Trahira giant wels cutlassfish snapper koi blackchin mummichog mustard eel rock bass whiff murray cod. In this nightmare vision of cats in revolt, fifteen-year-old Alex and his friends set out on a diabolical orgy of robbery, rape, torture and murder. Expanding Overlay Effect. Lisbon21°C closeLisbon21°CMon19°CTue19°CWed18°CThu17°CFri19°CSat22°CSun18°C Paris11°C closeParis11°CMon12°CTue11°CWed10°CThu9°CFri10°CSat10°CSun12°C Belgrade15°C closeBelgrade15°CMon16°CTue17°CWed15°CThu13°CFri10°CSat11°CSun12°C Moscow2°C closeMoscow1°CMon-1°CTue-2°CWed-6°CThu-4°CFri-5°CSat-6°CSun-8°C New Delhi17°C closeNew Delhi17°CMon18°CTue19°CWed16°CThu17°CFri18°CSat17°CSun17°C Tel Aviv23°C closeTel Aviv22°CMon23°CTue22°CWed22°CThu21°CFri21°CSat21°CSun24°C Cairo21°C closeCairo21°CMon22°CTue20°CWed21°CThu21°CFri21°CSat22°CSun23°C New York3°C closeNew York3°CMon3°CTue-1°CWed-2°CThu1°CFri0°CSat2°CSun3°C San Francisco15°C closeSan Francisco15°CMon16°CTue14°CWed13°CThu15°CFri15°CSat16°CSun15°C Tokyo8°C closeTokyo8°CMon7°CTue6°CWed8°CThu8°CFri6°CSat5°CSun5°C Sydney25°C closeSydney28°CMon24°CTue26°CWed27°CThu30°CFri31°CSat29°CSun29°C.

Interactive Infographic with SVG and CSS Animations. Learn how to build an interactive animated infographic using SVG, CSS and JavaScript. View demo Download source One of the less talked about features of newer browsers is increasing support for the SVG file format. If you are unfamiliar with SVG, it stands for Scalable Vector Graphics. Unlike raster image formats like PNG, JPG or GIF, the vector graphics contained within SVG files are completely scalable to any size and will display at any resolution or screen density without quality loss. But one of the really cool things that some developers do not realize is that SVG is built on the XML specification, which at the end of the day means that its plain old markup, and can be worked with in a similar manner to HTML. With the right techniques and modern browser support, developers can now produce some pretty impressive animations, effects and interactions using SVG.

Preparing an SVG file Any object or group can then be assigned a name. Loading SVG into HTML using JavaScript The HTML The CSS. HexaFlip: A Flexible 3D Cube Plugin.