jQueryで画像を回転「jqueryrotate」 jQuery入門 サンプル集
今回はjQueryのプラグイン「jqueryrotate」を使って画像を傾けたり回転させてみたいと思います。ではプラグインの設置からはじめていきます。 http://code.google.com/p/jqueryrotate/ ではまず上記リンクの左のFeatured⇒Downloads⇒からjQueryRotate.2.2.jsをクリックしてダウンロード。 htmlからjQueryRotate.2.2.jsを読み込みます。 次に回転させる画像を適当にHTMLに配置します。なんでもよいですがidをつけることを忘れずに。 <img src="images/rabbit.jpg" id="hoge"> それではjQueryで画像を傾けてみます。 $("#hoge").rotate(15); え！これだけ？と思いましたか？これだけのソースで画像が回転してしまいました。 これだけでは物足りないの
MovableTypeでプラグインを使わずにカテゴリを並べ替え | バシャログ。
Movabletypeでのカテゴリ並び替えですが、有名なプラグインは以下です。 カテゴリーとフォルダを並べ替えるプラグイン（MT4以降用） - The blog of H.Fujimoto MovableTypeのカテゴリーソートに使える数字置換プラグイン - pmLabo 上記のプラグインはこれまでよくを使用していましたが、Perl版プラグインのためにダイナミックパブリッシングでは使えなかったりと制約があったりするので、最近は専ら以下のように並び替えしています。 カテゴリ並び替えの手順 管理画面よりカテゴリを追加する。 その際、並べたい順番の連番を < > で囲みます。 すべてのカテゴリを上記のように登録します。 すべてのカテゴリ登録後、画面では、先ほど入力した < > は表示されていません。 MTのソース 通常のカテゴリ一覧の記述は以下です。 <ul> <MTCategories sh
Movable Typeを簡単にスマートフォン最適化するためのプラグイン | バシャログ。
娘の好きなアイドルを AKB48 からももいろクローバーZ にシフトチェンジ実行中のishidaです。 来月は娘の誕生日。プレゼントはももくろDVDでいいよね？ さてさて、Movable Typeで構築したWebサイトでスマートフォン対応したいというクライアントさんからのご要望が多々あります。 デザインもページもオリジナルで作成はできますが、それなりのコストはかかってしまいますよね。 予算はないんだけど対応したいよ！って場合も出てきます。 そこで今回は予算もあまりかけずに、Movable Typeをちゃちゃっとスマートフォン対応させるためのプラグインをまとめてみました。 フリーのMTテンプレートでスマートフォン対応 【Retinaディスプレイ対応】Smart Phone テンプレート for MT おまけも付いてくるよ。 - CSS HappyLife CSS HappyLifeさん作成に
Webサイトのモックアップを作るのに便利なPhotoshopプラグイン WebZap - WebDelog
Photoshopでサイトのモックを作成する際に、 作業時間の短縮に繋がりそうなプラグインWebZapを紹介します。 WebZapはこちらより購入できます。 2012年11月5日の時点では$15で購入することができます。 WebZap - Photoshop panel plugin for web developers [browsershot url=“http://webzap.uiparade.com/” width=“300”] 購入はクレジットかPayPalを選択できました。 購入して購入後の確認メールの後に、しばらくするとメールが届きます。 そこからファイルをダウンロードします。 圧縮ファイルを解凍すると以下のようなファイルが現れます。 とっても詳しいマニュアルがPDFでついています。 もしわからないことがこちらで確認しましょう。 zxp形式のファイルをダブルクリックしてプラ
jQueryコーディングの基本的なことからプラグイン化までの注意書き（Webデザイン）
jQuery でのプログラミングの、基本的なことからプラグインを作るところまで、初心者の頃につまずいた部分を中心にまとめてみました。公式ドキュメントなどで使われている、少し難しい印象の専門用語も織り交ぜながら書きました。jQuery で Webデザインのパーツを作るときの注意書きという感じです。 Webサイトを作るとき、私的にはとってもよく使っている jQuery。jQuery を勉強しだしたころは、自分の書いたコードが動いたりするのが、とっても楽しくて嬉しかった覚えがあります。私はあまり JavaScript でのコーディングが得意ではないので、今でもよく jQuery を使ってコーディングしてます …。 以前：CSSは分かるけど jQuery は苦手 … という人が jQuery に親しんでくれるといいなーと思って書きました という記事を書いたのですが、今回はその復習 & jQuery
たった１行で完成？凄まじくレスポンシブデザインなサイトの作り方 | DECONCEPTER
簡単に作れる！みんな大好き可変グリッド 先日話題になっていた「なんだこれ！！「NHKスタジオパーク」のレスポンシブ・ウェブデザインが凄まじくレスポンシブ！！」で紹介されていたNHKスタジオパークのレスポンシブデザイン。 こちらのサイト、プラグインを使ってとてもシンプルに作られています。キレイ。このシンプルさを伝えたくてうずうずしてきました。せっかくうずうずしたのでどんな作り方をしているのかサンプルを交えて紹介します。 まずはこちらのデモを御覧ください。 凄まじくレスポンシブデザインなサイトデモ 使われているのはjQuery Masonryというプラグインだ！ @planetofgoriさんのブログで紹介されているように、jQuery Masonryというプラグインが使われています。このプラグインたった数行でNHKのサイトのような可変グリッドレイアウトが作れてしまいます。可変グリッドのレイア
米国人からコーディングについての怒りのメールを頂戴した - その手の平は尻もつかめるさ
"米国人からコーディングについての怒りのメールを頂戴した" の補足 - その手の平は尻もつかめるさ ↑の方で補足いたしました。(2012.09.04 追記) 最近、英語のメールでよく怒られます。moznion です。 海を隔てて共同作業しているアメリカ人から、僕のコーディングについてお叱りのメールを頂いたので、 自戒の念を込めて邦訳して記します。 書いてあることは「当然」とも言うべき内容ですが、僕はその「当然」も守れていなかったのかぁ〜と反省。 以下、邦訳(意訳)です。 1. 郷に入っては郷に従え 既にソースコードが存在しているって事は、そこには同時にコーディングスタイルも存在しているってことだ。 その既存のソースコードに手を加える場合、別のコーディングスタイルを導入してはならない。 もし君がバックエンドのソースコードを弄っているなら、バックエンドのコーディングスタイルで記述するんだ。 フ
簡単！本をめくるような表現を実現するjQueryプラグイン「Viewbook」
twitter facebook hatena google pocket これは簡単に導入できてよさげなプラグインです。 本をめくるような表現をさくっと導入できるViewbook - jQuery Pluginを紹介します。 また、オプションも色々あるので、オリジナルなコンテンツになりそうです。 sponsors 使用方法 Viewbook - jQuery Pluginからファイル一式をダウンロード。 <script type="text/javascript" src="jquery-1.4.3.min.js"></script> <script src="jquery.easing.1.3.js" type="text/javascript"></script> <script src="jquery.viewbook.1.0.0.js" type="text/javascript
ソーシャルブックマークの情報を取得するWPプラグイン「WP SBM Info」 - Rewish
先日作ったServices_SBM_Infoを利用して、ソーシャルブックマークのカウントやコメントを取得するWordPressのプラグインを作ってみました。 対応サービスや取得できる情報についてはServices_SBM_Infoと同じです。 ライブラリについて URLに対するソーシャルブックマークの情報を取得するWordPressプラグインです。 ダウンロード wp-sbm-info.zip - v0.1.0 ライセンス GNU General Public License 取得できるSBMの情報 ブックマーク数 ブックマーク数の単位 (user/users/tweet/tweets) ブックマーク数のランク (色の変わるブックマーク数に応じたランク) ブックマークコメント (Deliciousを除く) エントリーページのURL 追加ページのURL 対応しているSBMサービス はてなブッ
[WP]iPhone最適化プラグイン「WPtouch」
以前からiPhone & iPod touchに最適化するプラグイン「iWPhone」を使っていたのですが、イマイチ使い勝手がよくなかったので、同じような最適化プラグイン「WPtouch」に変更しました。 「iWPhone」は標準テーマとの切替が出来ないので投稿後の確認がしづらかったんですよね。 あと、テーマが殺風景。これは自作すれば何とかなるんだろうけど、メンドクセなので。 「WPtouch」のいいところとしては「沖縄食べ歩きリスト」やアーカイブなどの「ページ」に簡単にアクセスできるのが便利。 その機能に付随して「FlickrRSS」というプラグインを使ってFlickrにアップロードした写真を簡単に見せることも可能です。 ※iPhoneでアクセスして、右上のMenuをタップしてください。 デフォルトからの変更点 ブックマーク用アイコンの変更CSSの改造JavaScriptがコンフリクトを
![[WP]iPhone最適化プラグイン「WPtouch」](https://cdn-ak-scissors.b.st-hatena.com/image/square/15499c1cfd85788a7d1e5ceb26fe9cd4bc8766da/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fdigicool.org%2Fwp%2Fwp-content%2Fuploads%2F2022%2F03%2Fcropped-81491c33bcb6d0c82d1236734b74d78c.png%3Ffit%3D512%252C512%26ssl%3D1)
yamk blog » WPtouch-ja (日本語化)
日本語化 WPtouch プラグイン はじめに WPtouch は WordPress 用のプラグインで、iPhone/iPod touch もしくは Android からアクセスされたときに最適化されたテーマに切り替えてくれます。 ※以前はブログで公開していましたが、バージョンアップごとに URL が変わるのは面倒なため、今後はこちらのページで公開します。 オリジナルの .php ファイルはかなりの部分で gettext 対応のコードが埋められていますが、日本語 po を作ろうとすると語句の順序がおかしくなり、そのままでは主語と述語が逆転して文章にならない部分がありました。このため .php の修正差分と、 ja.po/ja.mo を含んだパッケージとしています。 このパッケージには日本語化の差分しか含まれていないため、あらかじめ WPtouch のオリジナルサイトからダウンロードおよび
Movable Type用OAuth対応Twitter投稿プラグイン「PostTweet」
Movable Typeのブログ記事投稿と連携してTwitterにポストしてくれるPostTweet プラグインを紹介します。 このプラグインは前バージョン「PostToTwitterプラグイン」の後継で、OAuth認証に対応しています。 １．プラグインのダウンロード 「PostTweet プラグイン」のページより、最新バージョンの「zip形式」「tar.gz形式」のいずれかのリンクをクリックします。 ２．プラグインのインストール ダウンロードしたアーカイブを展開し、中にあるplugins配下のPostTweetフォルダを丸ごとpluginsディレクトリにアップロードします。 アップロード後、システム管理画面の「ツール」→「プラグイン」で「PostTweet」が表示されればOKです。 ３．プラグインの設定 「OAuthによる認証」をクリック。 ダイアログが開くので、「PIN番号を取得」をク
泡のアニメーションで癒しを演出できるjQueryプラグイン「Bubble Engine」:phpspot開発日誌
Bubble Engine - Plugin for jQuery - SOYOS Labs 泡のアニメーションで癒しを演出できるjQueryプラグイン「Bubble Engine」。 次のように泡をページ内にアニメーションできます。 ちょっとしたサイトの演出に使ってみてはどうでしょう。 大量に発生させるとコマ落ちしてしまう点に注意したいですが、バブル発生に特化したプラグインということで、なかなか面白いですね。 関連エントリ アニメーションの残像が残るjQueryアニメーションチュートリアル キャラクターとバックグラウンドをアニメーションさせられるjQueryプラグイン「Spritely」 ブロック内の背景画像をスクロールアニメーションするjQueryサンプルプログラム jQueryでアニメーションするソート可能なデータグリッド実装ライブラリ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[ネットショップの初め方] WEB制作の基本を学べるサイト | 田中勇輔のブログ