ページ内のパンくず的なものを実装するjQueryプラグイン・Sausage
うまく説明出来ないんですがページ内の 右端にパンくずっぽいページ内リンクを 作成するjQueryプラグイン・Sausage。 視覚的に分かりやすくなり、コンテンツ内に 目次のようなものを置く必要も無くなります。 縦に長いページにせ...
Webデザイン
ユーザーが簡単にフィードバック出来るようにするTwitter投稿ボタンをjQueryで作る
Twitterの利用法の一つとしてユニーク なモノがあったので備忘録的にご紹介。 Twitterを簡易的なフィードバックツール にしてしまおう、という内容。今まで通り Twitterに投稿するボタンに、感想を加え るようにします。
Webサイトのレイアウト調整や補助に使えるjQueryプラグインいろいろ
レイアウトの調整を簡略化したり、通常 は難しいレイアウトを可能にしたり、とい った補助的なjQueryプラグインのまとめ です。最近探す機会が増えたので今後 の為に備忘録的に記事にしておきます。 この手のプラグインは数多にあるので...
YoutubeのAPIとjQueryを使って動画をインクリメンタルサーチする
便利に感じたのでメモ。Youtubeの 動画を検索キーワードを入れただけ で瞬時に結果を表示させる、という、 インクリメンタルサーチをjQueryで 実装するというもの。検索には YoutubeAPIを使用します。
インスピレーションを刺激させたい時に大抵見てまわるWebサイト集
インスピレーションを向上させたい 時に僕が見てまわるWebサイトを ご紹介。というか基本的に殆ど閃く 事は皆無に等しいレベルでナンセ ンスな人間なのでドーピング的に 綺麗なものを見るようにしています。
商用OK、リンク/クレジット表記不要・透過PNGの消しゴムハンコ画像を無料配布する素材サイト「ハンコでアソブ」
ご連絡頂いて、拝見させてもらったら凄く ツボだったのでご紹介。消しゴムハンコ を押したような可愛らしい画像を透過PNG で配布してくれている「ハンコでアソブ」。 商用でも利用できてリンクも不要ですよ。 なかなか珍しいタイプの素材で...
jQuery事始めvol.2・画像にマウスオーバーして動作するアニメーションエフェクトを作ってみる
以前に書いたjQuery事始め、という記事の 続編のような内容の記事です。基本を理解 したら今度はコードを真似して体で覚えて みるのも勉強方法の有効な手の一つだと 思います。ご自分で改変して遊べる程度の 簡単なコードなのでぜひチャ...
[jQuery] プラグインを使わずに少しのコードを使ってテーブルのセルを分かりやすくハイライトする
現在見ているテーブルのセルが分かりやすいようにマウスオーバーで縦と横のセルをハイライトするようにするTipsです。css3の:nth-child() 疑似クラスを、jQueryを使用してクロスブラウザに対応させます。
オリジナルコンテンツを加えたFacebookページ（旧ファンページ）を作ったので、手順をメモ
FBMLが廃止されてから一度も作って なかったFacebookページ（ファンページ） ですが、土日に少し時間が出来たので 改めてこのブログのFacebookページを 作ってみました。以前よりも面倒なようで すが、見方によっては手軽...
テキストにアイソメトリック風のエフェクトを加えるjQueryプラグイン・JQISOTEXT
なかなかユニークだったのでメモ的に。 普通のテキストに等角投影法を使った ようなエフェクトを加えるjQueryプラグ インです。画像ではなく、テキストのみ でちょっとしたタイポグラフィも作れそう。 IE6でも7でも動作してくれます...
商用でも使えるシンプルで使い勝手の良さそうなソーシャルアイコンセット・JustVectorとFALというライセンスに関するメモ
シンプルが好きな僕に取ってはかなり ツボなデザインのアイコンセットがあった のでメモがてらご紹介します。ソーシャル 系のアイコンのみになりますが、日本でも メジャーなサイトも押さえてあるので中々 使いやすそうですよ。
「Webデザイン用のフリー素材をシェアしよう」がコンセプトのWebデザイナー専用コミュニティ・Designmoo
無料でハイクオリティなPSD素材や フォント、テクスチャなどWebデザイン に欠かせないリソースを無料でDL 出来るコミュニティサイト・Designmoo のご紹介。コミュニティに参加せずとも 使わせてもらえますのでリソースサイト...
jQueryを使ってコメント数などをバーの長さに置き換えて数値の差を可視化する
どこかで使いそうだったのでメモ。 jQueryを使って、数値をバーの長さ で差が分かるように可視化させる、 という方法。マークアップも凄く簡単 なので覚えておきたいTipsです。 サンプルではコメント数を見やすくする のに使われ...
node.jsを使用した、リアルタイムで付箋メモを共有できるオープンソースのWebアプリ・Scrumblr
個人的にも気になっているnode.jsを 使用したWebアプリをオープンソース として公開してくれているソフトウェア があったのでシェア。リアルタイムで 付箋で貼ったようなメモを共有する事 が出来るWebアプリ・Scrumblrで...
スクロールした位置に付いてくるサイドバーを実装するjQueryプラグイン・Contained Sticky Scroll
気になったので備忘録。スクロール した位置に付いてくるサイドバーを 実装してくれるjQueryプラグイン・ Contained Sticky Scrollです。細 かいオプションも設定できて、IE6や IE7でも動作してくれるので...
お手軽WordPress Tips：ウィジェット機能で追加した項目をjQueryを使って開閉パネルにする
何度かエントリーしているWordPress の小ネタのコーナーです。カテゴリを 作るべきでしたね・・・今からでも遅くな いかな。今日はWordPressカスタマ イズのTipsですが、以前書いたjQuery 事始めのおさらい、実践...
フォームのバリデーション用jQueryプラグインいろいろ+α
個人的なメモ。普段さほど使うことが 無いので、必要な時に探すのに時間 掛からないようにまとめておきます。 沢山ある必要はさほど無いのですが、 勉強用も兼ねていろいろと数を揃えて おきました。
Androidのパスワード入力のインターフェースを再現するjQueryプラグイン・DontType!
Androidでのパスワード入力時の インターフェースをWeb上で再現 するjQueryプラグイン・DontType のご紹介。マウスのみでパスを 入力するのでDontType!な訳です ね。IEには完全に非対応ですが、 なかな...
コンテンツをユニークなアニメーションで入れ替える2KBの軽量jQueryプラグイン・MobilyNotes
コンテンツをユニークなアニメーション で入れ替える軽量なjQueryプラグイン MobilyNotesのご紹介です。IE6や7 でも問題なく動作してくれます。省ス ペースにコンテンツをまとめられるので なかなか使い勝手もいいのでは...
YUIライブラリのScrollViewウィジェットを使ってiPhoneでもposition:fixed;が効いてるっぽく見せる
今日もスマートフォン関連。飽きてたら ごめんなさい。iPhone/iPadでは、css のposition:fixed;がサポートされていま せん。現状では、方法にかなり限りが あり、検索しても殆ど出てきませんので 選択肢を増やし...
canvasを使って地下鉄の路線図のようなグラフィックを描けるjQueryプラグイン・Subway Map Visualization
面白かったのでご紹介。地下鉄路線図 のようなグラフィックを簡単に描ける、と いうユニークなjQueryプラグインのご紹介 です。なかなか珍しいですね・・・地下鉄 の路線図はインフォグラフィックでもよく 使用されていますね。
複数選択するフォームのselectを見やすく使いやすくするjQueryプラグイン・jQuery UI Multiselect
良さ気だったので備忘録として。フォーム のselectで複数選択可能にする事もある と思いますが、これを見やすく、また、直感 で使いやすくする為のjQueryプラグイン。 IE6や7でも普通に動いてくれますので、 いろいろと使いど...