Web-ContentsSketch：ウェブを中心にデザイン活動している人の日々の記録 【次世代？ThicBoxの次に来るものを探したりしました。jQueryプラグインではColorboxとFancyboxがオススメ！】
WEBデザイナーとして日々感じたこと、思ったこと。 写真、絵、デザイン、WEB、インタラクションなことがらについて。 フットサル／サッカーの話題なども。 今制作中の案件で画像閲覧にThickBoxを実装中だったのですが、jQuery1.3や1.4ベースになりつつあったので、 ThickBoxのバージョンアップがされてるか、確認にThickBox3.1公式サイトへ行ってみました。（1.2ベースでないとThickBoxが動きません） あれ？Thickbox3.1で止ってる。jQuery1.2.xまでしか対応していない。(^^; 公式サイトでは、他のプラグインへの乗換えを勧めてるのを発見。 そかー。（ThickBox役割を終えつつあるんだなぁとか、結構お世話になってるのでしんみり(^^;） その中でMITライセンスで使い勝手が良かったのが、以前からあったFancyBoxと、今回初めて知ったCol
Wordpress:e-commerceプラグインでショッピングサイト構築 その1 | Chibiの覚え書き
『wordpressでe-commerce』ってきっと不人気。さらには解析から始めるe-commerceプラグイン。 これ、かつては使用する方達がちょこちょこ日本語化されていたようですが、今ではデフォルトで日本語が選べる仕様になっています。とはいえ、作者がきっと自動翻訳したんだろうなー位の翻訳なので、その辺は直していくということで。 さて、今回は一発目なので解析中～と少し変更した部分をメモ。 金額の小数点消去 processing.functions.php $price_out = number_format($price_in, 2, ‘.’, ”); //↑の記述をコメントアウトして↓を追記 $price_out = number_format($price_in); cart.class.php $price = number_format($price, 2, ‘.’, ”
WP Simple Cart Widget
“WP Simple Cart Widget” is open source software. The following people have contributed to this plugin. Contributors tajima
[JS]jQueryを使用したプリロード（画像の先読み）用のスクリプト
ロールオーバーで画像を変更する際に使用するプリロード用のjQueryを使用したスクリプトを紹介します。 Preloading Images with jQuery and JavaScript ロールオーバー時に表示する画像をその都度ダウンロードして表示すると時間のギャップが生じます。その時間の遅れを避けるために、画像を事前にバックグラウンドで読み込みます。 JavaScript <textarea name="code" class="html" cols="60" rows="5"> (function($) { var cache = []; // Arguments are image paths relative to the current page. $.preLoadImages = function() { var args_len = arguments.length;
[JS]カラムの高さを揃える多機能なスクリプト -Equal Column Heights
カラムの高さを単に揃えるだけでなく、アニメーションで揃えたり、指定した値に揃えることができるスクリプトを紹介します。
TechCrunch | Startup and Technology News
James Khatiblou, the owner and CEO of Onyx Motorbikes, was watching his e-bike startup fall apart. Onyx was being evicted from its warehouse in El Segundo, Los Angeles. The company’s unpaid bills were stacking up. His chief operating officer had abruptly resigned. A shipment of around 100 CTY2 dirt bikes from Chinese supplier Suzhou Jindao…
[JS]jQueryのプラグイン33+1選 -2010年5・6月
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
１枚の画像でハイライトする画像メニュー作成が可能なjQueryプラグイン「imagineMenu」:phpspot開発日誌
１枚の画像でハイライトする画像メニュー作成が可能なjQueryプラグイン「imagineMenu」 2010年07月05日- imagineMenu() jQuery plugin Tutorials Devoth.Design Edinburgh １枚の画像でハイライトする画像メニュー作成が可能なjQueryプラグイン「imagineMenu」。 サイトのナビゲーションメニュー等を画像で構築していて、カーソルがあたった際にハイライトさせたいという場合がたまにあります。 onmousemoveなどで画像を切り替える方法もありますが、imagineMenuを使えば、次のような１枚の画像からメニューを構築出来ます。 カーソルを合わせるとハイライトされるメニューが出来ました。 CSSで色々と修飾できるようになったとはいえ、画像でメニューを構築したほうが自由度は増すので選択する場合もあると思います
指定したセレクタ内の文字サイズの拡大/縮小に超便利な「FontScale」:phpspot開発日誌
Plugins | jQuery Plugins 指定したセレクタ内の文字サイズの拡大/縮小に超便利な「FontScale」。 $(element).fontscale('p', 'up', {unit:'px', increment:1}); のように記述するだけで、element 内のフォントサイズが簡単に大きくできます。 upをdownに変えれば縮小させることが出来ます。3番目の引数で、単位と増加量を指定できるので細かな調整が可能。 文字を大きくする、小さくするといった操作を簡単に実装できてしまいます。 拡大・縮小の他にも、リセット機能があるので、大きくしすぎてしまっても安心です。 リセットする場合は、$(element).fontscale("p","reset"); のよう呼び出してあげるだけです。 関連エントリ コンピュータに指定フォントが入ってるかチェックできるjQueryプ
Colortip - a jQuery Tooltip Plugin
In this tutorial we are going to write a simple jQuery tooltip plugin. It is going to convert the title attributes of elements withing your page, into a series of colorful tooltips. Six color themes are available, so you can easily match it with the rest of your design. Step 1 - XHTML The plugin we are about to write today, works by converting the title of an element on the page to a structure of
jQueryの日本語の解説サイトと国産のプラグイン集
MopBox 複数パネル（デモには100以上のパネルも）の表示にも対応した、画像・Flash・動画などを表示できるドラッグ移動可能なボックス。
CMSとしてのWordPressでサイト構築をするときに便利な13のプラグイン :: 5509
MTをサイト構築に採用するケースは非常に多いと思いますが、WordPressをサイト構築に採用するケースは少ないんじゃないでしょうか？ 確かにWordPress単体ではCMSとしてはちょっと足りない機能が多いです。そこでWordPressをブログではなくCMSとしてサイトを構築をするときに便利なプラグインを紹介します。（というかただの個人的なまとめです。） Custom Field GUI Utility カスタムフィールドを便利に使うプラグイン。 これはかなりおすすめというかCMSとして使う場合は必須と言えるくらい便利。 MTにはカスタムフィールドという便利なものがあります。 WordPressにも一応あるにはあるんですがこれが使いにくい… そんな不満を解決してくれるプラグイン。 Light Formatter テーブルをPukiWiki記法のように書くことができるようになるプラグイン。
輝くエフェクトが素敵なcss3+jQueryのギャラリー・ShineTime
アメコミ風なエフェクトがちょっと 素敵なcss3+jQueryのギャラリー ShineTimeのご紹介。なかなか 面白いエフェクトですよ。コンパクト なギャラリーでなかなかよさ気。 アメコミ風なエフェクトがちょっと 素敵なcss3+jQueryのギャラリー ShineTimeのご紹介。なかなか 面白いエフェクトですよ。コンパクト なギャラリーでなかなかよさ気。 確認したブラウザはChrome、Firefoxです。IE7,8でも一応動きますが、エフェクトが若干怪しいです。IE6では画像の表示が出来ませんでした。 サムネイルや左の大きい画像上にマウスを乗せると画像で作られたエフェクトが流れます。 サンプルでも使われているようなアメコミみたいな画像と相性良さそうです。 IE6では以下の様に画像が表示されません。 一応エフェクトは動きますので工夫すれば表示出来るかも。そこまでするメリットがあればチ
もうFLASHはいらない！？画像切替えJavaScript「jQuery
twitter facebook hatena google pocket FLASHを使用して画像を印象的に切り替える手法がWEBマガジンなどでは多く見られます。 でもそれFLASHじゃなくてもよくない？ JavaScriptライブラリのjQueryを利用した「jQuery "Feature Carousel" plug-in 」なら、いちいちフラッシャーに直させたり、よくわからないxmlを書き換える必要もありません。 sponsors 使用方法 jQuery "Feature Carousel" plug-in からファイル一式をダウンロードします。 <link rel="stylesheet" type="text/css" href="featureCarousel.css"> <script type="text/javascript" src="jquery-1.4.2.min
jQueryでappleぽい画像ギャラリーを作る via：A Beautiful Apple-style Slideshow Gallery With CSS & jQuery
twitter facebook hatena google pocket デザインの美しさと洗練された機能により人気のapple商品。 そんなappleぽいスライド型画像ギャラリーをjQueryで作成します。 via：A Beautiful Apple-style Slideshow Gallery With CSS & jQuery -- Tutorialzine sponsors 使用方法 とりあえずjQueryからjquery.jsをダウンロードしときましょう。 また、ギャラリー部分は下記のようなマークアップをします。 メイン画像と対応するサムネイルを置く形です。 <div id="main"> <div id="gallery"> <div id="slides"> <div class="slide"><amp-img src="画像パス1" width="920" heigh
A Fresh Bottom Slide Out Menu with jQuery | Codrops
In this tutorial we will create a unique bottom slide out menu. This large menu will contain some title and a description of the menu item. It will slide out […] In this tutorial we will create a unique bottom slide out menu. This large menu will contain some title and a description of the menu item. It will slide out from the bottom revealing the description text and some icon. We will use some C
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
sanmarie.me
Welcart
使用中のおすすめWordPressプラグイン15個
[JS]テーブルのデータをアニメーションでソートするスクリプト -Animated table sort