サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
デスク環境を整える
playground.mobily.pl
Today I would like to show you how to create a modern gallery (with cool animation effect) using Raphael library and jQuery. First of all, check out Raphael website and read the documentation. In this tutorial we will use just a little part of this what Raphael offer. Create three files: index.html, default.css, init.js and download Raphael library. Then include all files in your head section: <li
Mobily Playground Home TutorialsjQuery, CSS FreebiesjQuery plugins developed by Mobily Contact MeHire me or just say hi! MobilySlider is advanced slideshow plugin for jQuery (5KB). Features: can add inline HTML content (awesome!) looping auto generated pagination auto generated arrows autoplay fade, horizontal, vertical slide transition effect pause on hover callback functions Changelog: 02.02.201
Mobily Playground Home TutorialsjQuery, CSS FreebiesjQuery plugins developed by Mobily Contact MeHire me or just say hi! MobilyNotes is lightweight (2KB) jQuery plugin that shows your images or other html content in a stacked format. Features: rotating your content autoplay autogenerated buttons $('.notes').mobilynotes({ init: 'rotate', // specify how to show your notes (available options: rotate
Example 1 $('.europe_map_1').mobilymap({ outsideButtons: '.map_buttons a' }); France France, officially the French Republic. It is the largest west-European country and possesses second-largest Exclusive Economic Zone in the world. http://en.wikipedia.org/wiki/France Germany Germany, officially the Federal Republic of Germany. The territory of Germany covers an area of 357.021 km2 and is influen
Example 2 $('slider2').mobilyslider({ orientation: 'vertical', animationSpeed: 500, autoplay: true, autoplaySpeed: 3000, pauseOnHover: true, bullets: false });
Thanks for stopping by. My name is Marcin Dziewulski. 30 years old. Warsaw. Husband. Father. I'm a developer with an eye for beautiful things. I enjoy solving challenges with technology by building simple, elegant and scalable solutions. I have experience with multiple projects and startups. I like working for people who are passionate about making great things. The last four years I've been worki
Example 2 $('.selecter2').mobilyselect({ animation: 'fade', animationTime: 750 });
MobilySelect is jQuery plugin (2kB) that replaces one collection of items with another. $('.selecter').mobilyselect({ animation: 'absolute', //type of animation: absolute, fade, plain animationTime: 500, listClass: 'selecterContent', btnsClass: 'selecterBtns', btnActiveClass: 'active', selector: 'li', onChange: function(){}, onFinishAnimation: function(){} }); HTML: Note that 'rel' attribute need
MobilyNotes MobilyNotes is lightweight (2KB) jQuery plugin that shows your html content in interesting way. More » MobilyBlocks jQuery plugin (2KB) that allows you to create an unordered list as an animated circle. More » MobilyMap Lightweight, fully configurable jQuery plugin that converts an simple image into a functional map. More »
$('.nature').mobilyblocks({ animateTime: 500, zIndex: 50, widthMultiplier: 1.15 });
MobilyMap Lightweight, fully configurable jQuery plugin that converts an simple image into a functional map. More » Lightweight (5KB), fully configurable jQuery plugin that converts an simple image into a functional map. $('.map').mobilymap({ position: 'center', // map position after loading - 'X Y', 'center', 'top left', 'top right', 'bottom left', 'bottom right' popupClass: 'bubble', markerClass
このページを最初にブックマークしてみませんか?
『Marcin Dziewulski. Developer. Warsaw, Poland.』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く