slick - the last carousel you'll ever need
Features Fully responsive. Scales with its container. Separate settings per breakpoint Uses CSS3 when available. Fully functional when not. Swipe enabled. Or disabled, if you prefer. Desktop mouse dragging Infinite looping. Fully accessible with arrow key navigation Add, remove, filter & unfilter slides Autoplay, dots, arrows, callbacks, etc... Single Item
[JS]スライダーのスクリプトを探しているなら絶対チェックした方がいいスクリプト -Slider Pro
デスクトップ、スマホ、タブレットの表示・操作に対応したさまざまなスライダーを実装できるjQueryのプラグインを紹介します。 今必要とされるさまざまな機能を備えています。 「Pro」がついてるから有料？って思うかもしれませんが、MITラインセンスで個人でも商用でも無料で利用できます。 Slider Pro Slider Pro -GitHub Slider Proの特徴 Slider Proのデモ Slider Proの使い方 Slider Proの特徴 Slider Proはさまざまなスライダーをモジュール式に実装でき、レスポンシブ対応、タッチ操作にも対応したjQueryのプラグインです。 デフォルトの5タイプのスライダー 機能は非常に豊富です。 さまざまなデバイスのスクリーンに対応 デフォルトで完全にレスポンシブ対応（デモ全て） タッチ・スワイプ操作に対応（デモ全て） ブレイクポイント
![[JS]スライダーのスクリプトを探しているなら絶対チェックした方がいいスクリプト -Slider Pro](https://cdn-ak-scissors.b.st-hatena.com/image/square/662c60ab62c1f546c5985eed5c70eddf66814399/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201404%2F2014111905.png)
jQuery Content Slider | Responsive jQuery Slider | bxSlider
Add a respsonsive image slider to any website.
デザイナーの為のgem作成勉強会 - komagataのブログ
先週の日曜日にデザイナーの為のgem作成勉強会をFJORDでやりました。 RubyGemsによるデザインの再利用 // Speaker Deck 元々は@machdaさんが 「jsとかsassのmixinとかがgemになってると楽でいい。作り方教えて欲しい」 と言ってたので1人に教えるんだったら勉強会にしようと思いつきで10分ぐらいでATND建てたのでした。 デザイナーといってもみんなgitやterminal使えてrubyの環境つくれること前提って感じだったのでいきなりgem作成は厳しいかもですが、複雑化する長期プロジェクトではcssのgemによる構造化はほぼ必須かなって気がしました。 追加： @kyokutyoさんが手順を公開されていました。 デザイナーの為のgem作成勉強会に参加しました = 2012.10.14.Sun • FIXME
いろんな会社の若手エンジニアを収穫してきた！＠オブラブ収穫祭 #oblove - 邪道（旧）
オブラブさん主催オブラブ収穫祭〜若手エンジニアの集い、実りの秋〜に参加してきました。 まずはいつもの・・・ フライングオラクルなう！ #oblove (@ 日本オラクル株式会社 本社) 4sq.com/Tn9j6q— takao.oyobeさん (@TAKAKING22) 10月 13, 2012 ギリギリ若手枠で参加中！ ： オブラブ 収穫祭 〜若手エンジニア、実りの秋〜 esminc.doorkeeper.jp/events/1746— takao.oyobeさん (@TAKAKING22) 10月 13, 2012 なぜ参加したか 主には以下の2つの視点で参加してきました。 同年代のエンジニアがどんな経験をしているのか 他社の新人教育制度はどんな感じなのか 私自身社会人4年目のエンジニア（ギリギリ若手枠：25歳前後）で、約1年前から勉強会等に参加するようになって他社の方と交流する機会
Microsoft – クラウド、コンピューター、アプリ & ゲーム
すべての Microsoft 製品 Global Microsoft 365 Teams Copilot Windows Surface Xbox セール 法人向け サポート ソフトウェア Windows アプリ AI OneDrive Outlook Skype OneNote Microsoft Teams PC とデバイス Xbox を購入する アクセサリ VR & 複合現実 エンタメ Xbox Game Pass Ultimate Xbox Live Gold Xbox とゲーム PC ゲーム Windows ゲーム 映画とテレビ番組 法人向け Microsoft Cloud Microsoft Security Azure Dynamics 365 一般法人向け Microsoft 365 Microsoft Industry Microsoft Power Platform W
ページ背景をフルスクリーンのスライドショーにするjQueryプラグインを作ってみた。（CSS3のアニメーション機能のみで実現） | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
ページ背景をフルスクリーンのスライドショーにするjQueryプラグインを作ってみた。（CSS3のアニメーション機能のみで実現） デモページ ダウンロード↓ こんばんは、デザイナーのOです。 まずはデモをどうぞლ(╹◡╹ლ)。 先日、「ページ背景に画像をフルスクリーンで表示させてスライドショーを流す」という案件がありました。 これの実装ですが、まっさきに考えたのはやはりjQueryプラグインでした。 この手のプラグインなら探せばそこら中にごろごろ転がってるし、あまり新鮮味が感じられないというか・・ ところが、いつものようにプラグインあさりしてたら、こんな面白い記事が目に留まった！ Fullscreen background image slideshow with CSS3 これ、CSS3のみでフルスクリーンのスライドショーを作るという試みですな！僕的には結構面白くて、特に三番目のデモ、背景
jQuery Mega Image Viewer - animated zoom and pan by lhp | CodeCanyon
The mega image viewer jQuery plugin allows you to easily replace <div> tags with animated image viewers. Viewer used for displaying high-resolution object (image – JPG, PNG, GIF). Viewer displays the given display object inside the user-defined viewport area. Viewer allows to control the position and zoom of the object displayed inside the viewport. Viewer controls the sliding and zoom of the disp
jQuery Lightbox Evolution
Lightbox Evolution is a tool for displaying images, html content, maps, and videos in a “lightbox” style that floats overtop of web page. Using Lightbox Evolution, website authors can showcase a wide assortment of media in all major browsers without navigating users away from the linking page. Screenshots Testimonials Themes iPad Compatible Technical Support If you have any questions, please conta
Juicebox - The Ultimate HTML5 Image Gallery
Spectacular Web Image Galleries Made Easy Use Juicebox to create responsive JavaScript image galleries for your web site, blog or portfolio. Juicebox is a complete web image gallery solution. Use Juicebox to create spectacular web image galleries for your web site with no coding required. Juicebox is simple to set up and use, and includes complete browser and mobile device support. View demos Get
deck.js » Modern HTML Presentations
<div class="deck-container on-slide-1"> <section class="slide deck-previous"> <h1>My Presentation</h1> </section> <section class="slide deck-current"> <h2>Slide Header</h2> <p>Here is a list of points:</p> <ul> <li>Point 1</li> <li>Point 2</li> <li>Point 3</li> </ul> </section> <section class="slide deck-next"> <h2>Another Slide</h2> <blockquote cite="http://example.com"> <p>Lorem ipsum dolor sit
Create Featured Content Slider Using jQuery UI - WPLoaded
Showing off the best content of your website or blog in a nice intuitive way will surely catch more eyeballs. Using an auto-playing content slider is the one of techniques to show your featured content. It saves you space and makes for a better user experience, and if you add a pinch of eye candy to it, then there’s no looking back. There are a few tutorials on creating featured content sliders li
Automatic Image Montage with jQuery | Codrops
Arranging images in a montage like fashion can be a challenging task when considering certain constraints, like the window size when using fullscreen, the right image number to fill all the available space or also the size of the images in use. With the following script you can automatically create a montage, either for a liquid container or a fixed size container (including fullscreen), with the
jQuery Cycle Plugin
jQuery の Cycle プラグインについて。jQuery の Cycle プラグインを使うと、様々なアニメーション動作によるスライドショーを、簡単に作れる。オプションも豊富にあり、細部までカスタマイズできるので、スライドショー以外にも応用できる。 導入 jQuery Cycle Plugin – Downloadより、「 jquery.cycle.all.js 」をダウンロード。 実装例（サンプル） 実装例（サンプル）について 実装例（サンプル）のソースコードについては、こちら。 Cycle プラグインの使い方 基本 「jquery.cycle.all.js」を読み込み、「JavaScript」と「HTML」を下記のように書く。 JavaScript <script> <!-- jQuery( function() { jQuery( '#jquery-cycle' ) .cycle
jQuery Cycle Plugin | Webサイト制作支援 | ShanaBrian Website
jQuery Cycle Pluginの使用方法をご紹介します。 jQuery Cycle Pluginは様々な効果でスライドショーを簡単に実装できるjQueryライブラリです。 公式サイト ※ このライブラリは、jQueryが別途必要です。 目次 ダウンロードと設置 JavaScriptの読み込み 適用方法 オプションの設定 ページネーションの設置方法 オプション 効果一覧 ダウンロードと設置 こちらからダウンロードします。 ダウンロードしたJavaScriptファイルを任意の場所に設置します。 JavaScriptの読み込み 任意の場所に設置したjQueryとjQuery Cycle PluginのJavaScriptファイルを読み込みます。 パスは環境に応じて変更してください。 HTML <script src="js/jquery.min.js" type="text/javasc
Fullscreen Slideshow with HTML5 Audio and jQuery | Codrops
In today’s tutorial we’ll create a fullscreen photo slideshow to illustrate a New York picture series. We will add sounds with the HTML5 audio element in order to give life to the gallery and try to recreate the ambient of this vibrant city. In today’s tutorial we’ll create a fullscreen photo slideshow to illustrate a New York picture series. We will add sounds with the HTML5 audio element in orde
Cloud Zoom - Professor Cloud
startSection('doctype'); ?> endSection();?> startSection('head');?> endSection(); $templ->startSection('content'); ?> Cloud Zoom Cloud Zoom is a free jQuery image zoom plugin, a comparable alternative to products such as Magic Zoom. Compared to the popular jQZoom plugin, Cloud Zoom is smaller, has more features and more robust compatability across browsers. Also try these zoom plugins... They work
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はじめてのEmmet with Sublime Text2
GitHub - benlumley/jQuery-PanZoom: jQuery plugin to pan and zoom an image within a parent div.
http://tobia.github.io/CrossSlide/