ツールチップのデザイン変更が容易なjQueryプラグイン・Tooltipsy なるほどと思ってエントリ。マウスオーバー でツールチップを表示させるjQueryプラグ インは沢山ありますが、表示時のデザイン を変えるには、多少なりにライブラリの知識 を必要とする場合も多々あります。これを 非プログラマでも変更...2011.05.15 | 10時31分56秒cssやプログラミングjQueryWebデザイン
スマフォ向けの写真SNS・picplzに投稿した写真を表示できるjQueryプラグイン・apPicplz 人気に拍車がかかる写真共有サービス、 instagramと同様に写真にエフェクトを 掛けて共有出来るpicplzも、ちらほらと ユーザーさんを見かけるようになりました。 そんな中、picplzの写真を簡単に表示 出来るjQuery...2011.05.14 | 12時28分08秒cssやプログラミングjQueryWebデザイン
css3のMedia QueriesでスマートフォンやiPad等の様々なデバイスに対応済みのWordPressテーマいろいろ 昨日に続いて今日もスマートフォンと WordPressに関する記事。昨日は、 jQuery MobileをWPテーマに取り入れ たテーマで、ユーザーエージェント等で テーマを入れ替えますが、今日はcss3 のMedia Queri...2011.05.13 | 11時16分12秒cssやプログラミングWordPressテーマ
jQuery MobileでGoogleMap APIを使ったサンプルがMITライセンスで公開されてた なかなかいいサンプルだったのでシェア。 jQuery MobileでGoogleMap APIを使った サンプルがオープンソースで公開されて いました。ストリートビューなども表示する ことが可能です。興味の有る方はチェック してみ...2011.05.11 | 11時17分18秒cssやプログラミングiPhone / iPadjQueryWebデザイン
美しいフォームデザインを実装する事が可能なjQueryプラグイン・Ideal Forms チェックボックスやラジオボタンなど、フォーム周り のデザインを美しくする事が出来るjQueryプラグ イン・Ideal Formsのご紹介。スタイルもいくつか 用意されており、フレームワークとして使えるよう です。デザインテーマもい...2011.05.08 | 10時39分58秒cssやプログラミングjQueryWebデザイン
jQueryやHTML5を使ってiPhoneやiPad向け電子書籍を作成する為のフレームワーク・Laker iPadや、iPhoneなどのタッチデバイス の普及で、個人的にも電子書籍への 関心がかなり高まりました。そんな中、 割と良さそうな電子書籍専用のフレーム ワークがあったのでメモがてらご紹介。 こういうの覚えておくと重宝しそうです...2011.05.06 | 12時03分53秒cssやプログラミングiPhone / iPadjQueryWebデザイン
テーブルにソート、内容編集、行の削除等の機能を加えるjQueryプラグイン・TableGear なかなか多機能なライブラリだったので 備忘録。テーブルにソート、コンテンツの 編集や、Ajaxによる行の削除が可能な jQueryプラグイン・TableGearです。この 手のプラグインはいくつかありますが、 中でもかなり高機能な...2011.05.04 | 10時31分20秒cssやプログラミングjQueryWebデザイン
テキストにユニークなマウスオーバーエフェクトを実装出来るjQueryプラグイン・jMagnify どこかで使うかなと思ったのでメモ。 テキストにマウスオーバーすると、 ユニークなエフェクトを掛けることが 出来るjQueryプラグインです。なか なかインパクト有りますね・・2011.05.03 | 11時00分41秒cssやプログラミングjQueryWebデザイン
多彩なエフェクトが魅力なイメージギャラリー用jQueryプラグイン・Skitter なかなか使いやすそうで、汎用性 もあるかなと感じたので備忘録。 エフェクトが多数あり、機能も中々 良く、クロスブラウザ対応している イメージギャラリー用のjQueryの プラグインです。2011.04.25 | 10時59分21秒cssやプログラミングjQueryWebデザイン
Webデザイナー&UIデベロッパー向けのHTML5/CSS3/jQuery/PHPフレームワーク・G5 Framework Webデザイナーやフロントエンドデベロッパー 向けのフレームワークが登場したようですね。 HTML5/CSS3/jQuery/PHPを使って構成さ れており、シンプルで軽量。小規模レベルの プロジェクトのスターターキット等にも利用し...2011.04.23 | 10時47分35秒cssやプログラミングjQueryWebデザイン
テーブル内の行やセルなどの要素をドラッグ&ドロップで自由に配置できるスクリプト・REDIPS.drag テーブル内で自由に要素を配置できる スクリプト・REDIPS.dragのご紹介です。 セル内のdiv要素をドラッグドロップで他 のセルに配置しなおしたり、行ごと順番 を変えることも出来ます。クロスブラウザ で動作します。2011.04.22 | 10時51分32秒cssやプログラミングjQueryWebデザイン
「ノンプログラマーのためのjQuery入門」のスライドが凄く分かりやすいですね Twitterに流れてきたスライドがとっても 分かりやすかったのでブログでより多く の方に拡散。ノンプログラマー向けの jQueryの基本講座。これからjQuery を使おう、という方は読んでおくと良さ そうですね。2011.04.19 | 18時17分04秒cssやプログラミングjQueryWebデザイン
ツールチップも出せるニュースティッカー用jQueryプラグイン・Dynamic News なかなかユニークだったのでメモ的に。 進める、戻る機能の付いたニューステ ィッカーを実装するjQueryプラグインで、 ツールチップもついでに出してくれます。 省スペースで情報を凝縮できるのは なかなかいいですね。2011.04.17 | 10時14分56秒cssやプログラミングjQueryWebデザイン
ページ内のパンくず的なものを実装するjQueryプラグイン・Sausage うまく説明出来ないんですがページ内の 右端にパンくずっぽいページ内リンクを 作成するjQueryプラグイン・Sausage。 視覚的に分かりやすくなり、コンテンツ内に 目次のようなものを置く必要も無くなります。 縦に長いページにせ...2011.04.16 | 10時30分15秒cssやプログラミングjQueryWebデザイン
ユーザーが簡単にフィードバック出来るようにするTwitter投稿ボタンをjQueryで作る Twitterの利用法の一つとしてユニーク なモノがあったので備忘録的にご紹介。 Twitterを簡易的なフィードバックツール にしてしまおう、という内容。今まで通り Twitterに投稿するボタンに、感想を加え るようにします。2011.04.15 | 10時30分01秒cssやプログラミングjQueryWebデザイン
Webサイトのレイアウト調整や補助に使えるjQueryプラグインいろいろ レイアウトの調整を簡略化したり、通常 は難しいレイアウトを可能にしたり、とい った補助的なjQueryプラグインのまとめ です。最近探す機会が増えたので今後 の為に備忘録的に記事にしておきます。 この手のプラグインは数多にあるので...2011.04.12 | 10時30分06秒cssやプログラミングjQueryWebデザイン
YoutubeのAPIとjQueryを使って動画をインクリメンタルサーチする 便利に感じたのでメモ。Youtubeの 動画を検索キーワードを入れただけ で瞬時に結果を表示させる、という、 インクリメンタルサーチをjQueryで 実装するというもの。検索には YoutubeAPIを使用します。2011.04.07 | 10時56分33秒cssやプログラミングjQueryWebデザイン
jQuery事始めvol.2・画像にマウスオーバーして動作するアニメーションエフェクトを作ってみる 以前に書いたjQuery事始め、という記事の 続編のような内容の記事です。基本を理解 したら今度はコードを真似して体で覚えて みるのも勉強方法の有効な手の一つだと 思います。ご自分で改変して遊べる程度の 簡単なコードなのでぜひチャ...2011.04.04 | 11時33分26秒cssやプログラミングjQueryWebデザイン
[jQuery] プラグインを使わずに少しのコードを使ってテーブルのセルを分かりやすくハイライトする 現在見ているテーブルのセルが分かりやすいようにマウスオーバーで縦と横のセルをハイライトするようにするTipsです。css3の:nth-child() 疑似クラスを、jQueryを使用してクロスブラウザに対応させます。2011.04.01 | 15時42分04秒cssやプログラミングjQueryWebデザイン
オリジナルコンテンツを加えたFacebookページ(旧ファンページ)を作ったので、手順をメモ FBMLが廃止されてから一度も作って なかったFacebookページ(ファンページ) ですが、土日に少し時間が出来たので 改めてこのブログのFacebookページを 作ってみました。以前よりも面倒なようで すが、見方によっては手軽...2011.03.28 | 10時35分37秒cssやプログラミングWebデザイン
テキストにアイソメトリック風のエフェクトを加えるjQueryプラグイン・JQISOTEXT なかなかユニークだったのでメモ的に。 普通のテキストに等角投影法を使った ようなエフェクトを加えるjQueryプラグ インです。画像ではなく、テキストのみ でちょっとしたタイポグラフィも作れそう。 IE6でも7でも動作してくれます...2011.03.27 | 10時17分46秒cssやプログラミングjQueryWebデザイン
jQueryを使ってコメント数などをバーの長さに置き換えて数値の差を可視化する どこかで使いそうだったのでメモ。 jQueryを使って、数値をバーの長さ で差が分かるように可視化させる、 という方法。マークアップも凄く簡単 なので覚えておきたいTipsです。 サンプルではコメント数を見やすくする のに使われ...2011.03.20 | 10時08分51秒cssやプログラミングjQueryWebデザイン