ページ内のパンくず的なものを実装するjQueryプラグイン・Sausage うまく説明出来ないんですがページ内の 右端にパンくずっぽいページ内リンクを 作成するjQueryプラグイン・Sausage。 視覚的に分かりやすくなり、コンテンツ内に 目次のようなものを置く必要も無くなります。 縦に長いページにせ...2011.04.16 | 10時30分15秒cssやプログラミングjQueryWebデザイン
Webサイトのレイアウト調整や補助に使えるjQueryプラグインいろいろ レイアウトの調整を簡略化したり、通常 は難しいレイアウトを可能にしたり、とい った補助的なjQueryプラグインのまとめ です。最近探す機会が増えたので今後 の為に備忘録的に記事にしておきます。 この手のプラグインは数多にあるので...2011.04.12 | 10時30分06秒cssやプログラミングjQueryWebデザイン
インスピレーションを刺激させたい時に大抵見てまわるWebサイト集 インスピレーションを向上させたい 時に僕が見てまわるWebサイトを ご紹介。というか基本的に殆ど閃く 事は皆無に等しいレベルでナンセ ンスな人間なのでドーピング的に 綺麗なものを見るようにしています。2011.04.06 | 10時51分14秒Webデザインインスピレーション
商用OK、リンク/クレジット表記不要・透過PNGの消しゴムハンコ画像を無料配布する素材サイト「ハンコでアソブ」 ご連絡頂いて、拝見させてもらったら凄く ツボだったのでご紹介。消しゴムハンコ を押したような可愛らしい画像を透過PNG で配布してくれている「ハンコでアソブ」。 商用でも利用できてリンクも不要ですよ。 なかなか珍しいタイプの素材で...2011.04.05 | 10時55分00秒Webデザインメディア関連
jQuery事始めvol.2・画像にマウスオーバーして動作するアニメーションエフェクトを作ってみる 以前に書いたjQuery事始め、という記事の 続編のような内容の記事です。基本を理解 したら今度はコードを真似して体で覚えて みるのも勉強方法の有効な手の一つだと 思います。ご自分で改変して遊べる程度の 簡単なコードなのでぜひチャ...2011.04.04 | 11時33分26秒cssやプログラミングjQueryWebデザイン
スマートフォン向けのJSフレームワーク・Wink Toolkitがバージョンアップしてより素敵になったよ 以前ご紹介した、スマートフォン向けの JavaScriptフレームワーク、Wink Toolkit がバージョンアップしたんだぜ、と開発者 さんからわざわざお問い合わせ頂いたの でご紹介。以前もかなり豊富なUIでとても 有意義なフ...2011.04.02 | 10時30分15秒iPhone / iPadその他のソフトウェアソフトウェア
[jQuery] プラグインを使わずに少しのコードを使ってテーブルのセルを分かりやすくハイライトする 現在見ているテーブルのセルが分かりやすいようにマウスオーバーで縦と横のセルをハイライトするようにするTipsです。css3の:nth-child() 疑似クラスを、jQueryを使用してクロスブラウザに対応させます。2011.04.01 | 15時42分04秒cssやプログラミングjQueryWebデザイン
WebサイトのCSSをインタラクティブに修正したり保存出来るツール・CSS Pivotがなかなか便利 なかなか便利だったのでシェアがてら ご紹介。WebサイトのCSSをプレビュー を見ながら修正したり、そのコードを 保存することが出来るツール・CSS Pivot のご紹介。似たような機能のChromeの エクステンションを普段使用...2011.03.28 | 20時58分42秒WebサービスWebツール
オリジナルコンテンツを加えた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デザイン
商用でも使えるシンプルで使い勝手の良さそうなソーシャルアイコンセット・JustVectorとFALというライセンスに関するメモ シンプルが好きな僕に取ってはかなり ツボなデザインのアイコンセットがあった のでメモがてらご紹介します。ソーシャル 系のアイコンのみになりますが、日本でも メジャーなサイトも押さえてあるので中々 使いやすそうですよ。2011.03.24 | 13時24分25秒Webデザインメディア関連
「Webデザイン用のフリー素材をシェアしよう」がコンセプトのWebデザイナー専用コミュニティ・Designmoo 無料でハイクオリティなPSD素材や フォント、テクスチャなどWebデザイン に欠かせないリソースを無料でDL 出来るコミュニティサイト・Designmoo のご紹介。コミュニティに参加せずとも 使わせてもらえますのでリソースサイト...2011.03.22 | 10時57分02秒Webデザインメディア関連
jQueryを使ってコメント数などをバーの長さに置き換えて数値の差を可視化する どこかで使いそうだったのでメモ。 jQueryを使って、数値をバーの長さ で差が分かるように可視化させる、 という方法。マークアップも凄く簡単 なので覚えておきたいTipsです。 サンプルではコメント数を見やすくする のに使われ...2011.03.20 | 10時08分51秒cssやプログラミングjQueryWebデザイン
node.jsを使用した、リアルタイムで付箋メモを共有できるオープンソースのWebアプリ・Scrumblr 個人的にも気になっているnode.jsを 使用したWebアプリをオープンソース として公開してくれているソフトウェア があったのでシェア。リアルタイムで 付箋で貼ったようなメモを共有する事 が出来るWebアプリ・Scrumblrで...2011.03.18 | 10時43分34秒cssやプログラミングオープンソースソフトウェア
シンプルでシームレスなパターン画像を作れるWebサービス・Seamless Studio よく見に行くCOLOURloversに、繋ぎ 目のない、シームレスなパターン画像 を生成出来るツールがあったのでご紹 介。今まで全然気が付きませんでした が、なかなか使い勝手が良かったので シェアしようと思います。2011.03.16 | 10時48分42秒WebサービスWebツール
Twitterのつぶやきを、3行のコードでWebサイトやブログに表示させる お問い合わせを頂いたのでついでに ご紹介。Twitterのウィジェットのような ものをお探しだったようですが、現在の 公式のウィジェットではなく、色々とcss でカスタマイズ出来るようにしたいとい うご希望でした。Twitterの...2011.03.11 | 11時55分21秒Twitter
スクロールした位置に付いてくるサイドバーを実装するjQueryプラグイン・Contained Sticky Scroll 気になったので備忘録。スクロール した位置に付いてくるサイドバーを 実装してくれるjQueryプラグイン・ Contained Sticky Scrollです。細 かいオプションも設定できて、IE6や IE7でも動作してくれるので...2011.03.10 | 11時45分47秒cssやプログラミングjQueryWebデザイン
フォームのバリデーション用jQueryプラグインいろいろ+α 個人的なメモ。普段さほど使うことが 無いので、必要な時に探すのに時間 掛からないようにまとめておきます。 沢山ある必要はさほど無いのですが、 勉強用も兼ねていろいろと数を揃えて おきました。2011.03.07 | 11時18分38秒cssやプログラミングjQueryWebデザイン
Androidのパスワード入力のインターフェースを再現するjQueryプラグイン・DontType! Androidでのパスワード入力時の インターフェースをWeb上で再現 するjQueryプラグイン・DontType のご紹介。マウスのみでパスを 入力するのでDontType!な訳です ね。IEには完全に非対応ですが、 なかな...2011.03.05 | 13時30分39秒cssやプログラミングjQueryWebデザイン
コンテンツをユニークなアニメーションで入れ替える2KBの軽量jQueryプラグイン・MobilyNotes コンテンツをユニークなアニメーション で入れ替える軽量なjQueryプラグイン MobilyNotesのご紹介です。IE6や7 でも問題なく動作してくれます。省ス ペースにコンテンツをまとめられるので なかなか使い勝手もいいのでは...2011.03.04 | 11時13分08秒cssやプログラミングjQueryWebデザイン
スマフォでも黄金比を取り入れたレイアウトを組めるCSSフレームワーク「Less Framework」搭載のWPテーマ・Whiteboard 最近スマフォ関連の記事が多いですね。 偏っててすみません。今日はなかなか 良さそうなWPテーマのフレームワーク のご紹介です。cssのフレームワークで 黄金比でどのようなスクリーンにも最適 のレイアウトを組めるLess Frame...2011.02.28 | 11時23分36秒iPhone / iPadWordPressテーマ
jQuery Mobile使用時によく使いそうなマークアップのリストと動作サンプル 自分用に備忘録。そろそろチートシート が出てくる頃じゃないかと思うので、そう 焦ることも無い情報だと思いますが、近々 使いそうなのでその時に面倒な事になら ないようによく使いそうなマークアップを リストとしてメモしておきます。2011.02.24 | 10時57分23秒cssやプログラミングiPhone / iPadjQueryWebデザイン