異なる幅・高さの画像も超綺麗に整列させるjQueryプラグイン「Atteeeeention plugin」 2011年04月07日- Google image search style image alignment with jQuery Atteeeeention plugin | DreamersLab 異なる幅・高さの画像も超綺麗に並べられるjQueryプラグイン「Atteeeeention plugin」。 <img>でただ単に画像を並べると、幅、高さの違いから、ページがごちゃごちゃしてしまいますが、このプラグインを使うことでGoogle の画像検索のように綺麗にピッチリ並べられます。 普通に並べるとちょっと残念なことに。空白ができちゃいます。 プラグインを使うことで、あら綺麗。となります。 Firefox は 2以上、IEは6以上ということで殆どのブラウザに対応。 まず、必要な
当サイトで配付しているページ内をスムーズにスクロールできるスクリプト「Page Scroller」をバージョンアップ（3.0.7）して、商用利用でも無料に変更しました。 スクリプトは当サイトでも下記のキャプチャのように、いろいろな箇所に利用しています。 簡単に設置できるページ内をスムーズにスクロールできるスクリプト -Page Scroller ver.3 [ad#ad-2] 3.0.7の変更点 スクリプトのライセンス スクリプトのダウンロード 3.0.7の変更点 主な変更点は、下記の通りです。 3.0.7 ライセンスが変わりました。 詳しくは、「スクリプトのライセンス」を参照ください。 スクリプトのライセンス ライセンスを下記のように変更しました。 変更前： 表示 - 非営利 - 継承 2.1 日本 変更後： 表示 - 継承 2.1 日本 使用条件 上記のライセンスに従い、個人でも商用で
もはやこの業界ではかなり浸透しつつあるjQuery。 今回はそんなjQueryにスポットを当て、本年度紹介された中でも、ホットなトレンドプラグインをご紹介します。 ※プラグインつかってないのもあります。 １）3D表示プラグイン サンプルデモ 今年のトレンドと言えば3D。 というわけでこちら。まずはサンプルデモを確認。 触ってわかる通りですが、2枚の画像が3D表示されます。 呼び出す $(function() { $('#mindscape').smart3d(); }); HTML <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS #mindscape { width: 720px; height: 170px;
86501330, Jupiterimages/ Goodshoot/ Thinkstock かっこいい動きが実装できるjQueryプラグインを探している。 そんなときにおすすめなのが、『25 Amazing and Fresh jQuery Plugins』。新しいjQueryのプラグイン集です。 既出のものがありますが、動きの洗練されたものがまとまっています。 YoxView – jQuer Image Viewer Plugin lightbox系のかっこいいスライドショー Uniform – Sexy forms with jQuery ラジオボタンやファイル選択ボックス、チェックボックスをjQueryでデザイン。ホワイト、グレー+ブルー、ブラックの3タイプがダウンロードできる jQuery Form Wizard Plugin フェードイン&アウトで遷移するバリデーション付きのフ
今年も ｊQuery ネタのエントリーは数多くありましたが、この2ヶ月はほんと次から次へといろいろと紹介されていました。HTML5・CSS3を組み合わせた実験的なものから、ナビゲーションメニューやギャラリーを始め、今すぐ使えそうな実用的なものまで様々。気になるものを片っ端からブックマークしておきます。 Making a Fresh Content Accordion Beautiful Slide Out Navigation: A CSS and jQuery Tutorial jQuery Masonry 25 Incredible jQuery Slider Tutorials and Plugins TextboxList jQueryのプラグイン33+1選 -2009年12月：コリス 20 Professional jQuery Image Gallery Plugi
jqueryのプラグインのまとめです。jqueryはjavascriptベースのライブラリのようなもの。画像やメニューに動的な操作を与えたりすることが可能です。また、HTMLソースも複雑になりにくく、デザインをCSSで操作可能なものが多く、ウェブデザインをより魅力的にすることができます。 フェードしながらスライドするjQueryプラグイン デモ jQuery ListMenu Plugin デモ 大量のアイテムもすっきりとリストにできます。 Sliding login panel with jQuery デモ ログインフォームもおしゃれに。常に表示しておく必要はないですよね。アニメーション付きでぶらさがってくるこんなプラグインはいかがですか。 create a better jQuery stylesheet switcher デモ スタイルシートをjqueryで切り替えるプ
WordCamp Kyotoも無事に終わったので、記念エントリー。当日の様子に関しては、 レポート：WordCamp Kyoto 2009 最速レポート｜gihyo.jp … 技術評論社 WordCamp Kyoto » スポンサー・スタッフ・参加者によるレポート などをご参照ください。また、プレゼンのスライドは、WordCamp Kyoto » スピーカーのスライド & 資料集で公開されています。 さて、それでは本題。WordPressをCMSとして使用する際に必須のプラグインを自分のメモも兼ねて掲載します。 必須プラグイン //akismet.com/">Akismet:スパムコメントなどの対処。 //contactform7.com/">Contact Form 7:お問い合わせなどのフォームをどこにでも設置できる。 //www.lopo.it/duplicate-post.tar.
Googleとの連携を便利にする１０のWordPressプラグインの記事の紹介です。 WordPressの管理画面などを便利にするプラグイン集が紹介されています。 Google Sitemap のジェネレーターを管理画面に組み込むプラグイン Google AnalyticsのAPIを叩いてアクセス数などを管理画面に直接表示してしまうプラグイン その他、Google Doc の埋め込みによってページ内でPDFやPPTを埋め込めるようなプラグイン、AdSenseを便利に使うプラグイン、翻訳プラグイン、カスタム検索プラグイン、フィードバーナーカウンタを表示するプラグインなど便利なものがまとまっています。 各々のリンク先は以下のエントリを参照してみてください。 10 Most Useful Google Plugins for WordPress | WebDesignFan.com 関連エントリ
前回、WordPressのSEOに役立つプラグインでAll in One SEO PackとSimple Tagsを紹介しましたが、今回はその他の使えるプラグインのご紹介です。 全てインストール必須とは思いませんが、より効率よくWordPressサイトを運営するために役立つと思います。 AddQuicktag 記事編集画面（HTML編集）に自分の好きなHTMLタグのボタンを追加できます。AddQuicktagの使い方 Exec-PHP 投稿画面でphpを使用する事ができます。Exec-PHPの使い方 MaxBlogPress Ping Optimizer 通常、記事修正時に毎回送信されるpingを投稿時のみに限定できます。記事アップ後に何度も修正する人は入れておいた方が良いでしょう。 Broken Link Checker サイト内のリンク切れをチェックします。リンク切れはSEO、ユーザビ
jQueryでチェックボックスをすごい形にカッコよくしちゃう方法が紹介されていました。 具体的なデザインは以下。もうチェックボックスの原型がないという、面白くて分かりやすいＵＩに調整されています。 マークアップ上も、次のように綺麗になっています。 実際のタグは、不可視にしちゃって、jqueryによって、on/off を切り替えればいいわけですから、まさに何でもありで、参考にして他にも面白く、使いやすいデザインはいくらでも作れるかもしれません。 jQueryによるクロスブラウザ対応が出来るので、昔のように神経質になる必要もないですね。 詳細は以下のエントリから参照。 Pretty checkboxes with jQuery | Aaron Weyenberg
Table is the most difficult object to be styled, due to its browser compatibility and markup. Most of the designers and developers will use div to replace table because it is much more easier to style div than table. But, we still need table in our daily applications, one of the best example is comparison table. This article will share 15 useful jQuery table plugins for you to display, sort, filte
Tutorial9で、Webデザイナーのための美しいjQueryプラグインが紹介されています。 ざっといくつかご紹介。 » jQuery.popeye – an inline lightbox alternative lightboxをギャラリーのようなインターフェースに代替したjQuery.popeye » jPlayer – jQuery mp3 player plugin jQueryで作るmp3ミュージックプレーヤー » jQuery form plugin jQueryで非同期通信のフォームを実装 » easyDrag jQuery plugin 簡単にコンテンツをドラッグ&ドロップできるようにするプラグイン » jQuery accordion plugin – vertical 垂直方向のアコーディオンメニュー » Switch stylesheets with jQuery
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 slideView 動きが面白い画像のスライドショー。 Mop Slider コンテンツのスライダー。バージョンアップ。 simpl
WordPressの便利プラグイン他、チートシートやテーマ作成リファレンス等フレッシュなエントリ色々 2009年08月05日- WordPressの便利プラグイン他、チートシートやテーマ作成リファレンス等フレッシュなエントリを色々とまとめてみました。 どんどん便利なものが出てきて追うだけでも大変です（＾＾；） 目的に合いそうなものをチェックすればよいかも。 プラグイン・プラグインのまとめ Twitter Tools 2.0 | alexking.org WordPressとTwitterアカウント統合のためのプラグイン Display the Comment Stats on Your Advertising Page in WordPress wordpressで、広告主向けに、このサイトはどれだけのポストやカテゴリーがあって、どれだけコメントされているかという情報を表示する方法。 プラ
表にインクリメンタル・サーチで行を絞り込むフォームを付けるjQueryプラグイン、TableFilterを作った。似たようなものは前に書いたのだけどjQueryプラグインを作ってみたかったので書き直した。習作。 使い方は、 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.tablefilter.js"></script> <script type="text/javascript"> $(function () { $("table").addTableFilter({ labelText: "絞込み: ", size: 48 }); }); </script> という感じで、他のjQueryプラグインと変わらない(と思う)。以下はサンプル
I'm iOS Developer in Osaka, Japan. Products Atom Packages redpen linter-redpen asciidoctor-preview Visual Studio Code Extensions selectword Sketch Plugins SymbolNameAutocomplete SymbolNameSync MarginSymbols PluginsList Contributions Golang google/go-github: Go library for accessing the GitHub API griffin-stewie/go-chatwork: ChatWork API Client for Golang Forked from https://github.com/yoppi/go-cha
導入手順 配布元よりダウンロードして解凍。 customizable-post-listings.php を wp-content/plugins/ ディレクトリにアップロード。 プラグイン管理画面で「Customizable Post Listings」を有効化。 サイドバーへの表示は、wp-content/themes/テーマ/sidebar.php を編集してアップ。（パーミッションを変えておけば管理画面で修正できるらしい。） 詳細は下記参照。 使い方 公式説明 cf. coffe2code » Plugin: Customizable Post Listings 表示できるリスト Functions にある4種類のリスト（関数）が使える。 後述の引数と表示フォーマットを組み合わせることによって、様々なリストが作れる。 表示オプション指定方法 各関数の引数（パラメータ）によって指定。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く