トップページだけでもなんとかしたいのよの目次
トップページだけでもなんとかしたいのよ 【 トップページだけでもなんとかしたいのよ 】のコンテンツは、全てのページを トップページだと思って見ていただけると、わかりやすいかもしれません。 初級編から順番に見ていくことをオススメしますが、見たいところだけを、 かいつまんで見ていくこともできます。 01 とりあえずこれ ←ここがスタートです まずは、↑ここから始めましょう。 これだけでスカスカだったトップページが一気に埋まります(笑) 02 文字を入れてみました いままで見向きもされなかったのが、いきなり 「んっ？なんだかちょっと気になる」になってしまいます。 03 画像を作ってみよう 素材を持っていない方が、自分で簡単に作る方法。 とりあえず画像を●●してしまう。 04 分割で作ってみました 大きな画像が、どうしても見つからないときに使う 組み合わせるという方法。 05 デメリットもあります
Petite Priere - お役立ち：ソフト用アイコン -
お役立ち：ソフト用アイコン 無料（海外） Famfamfam … 海外、無料、多数 Tango Icon Gallery … 海外、無料、多数 VB Corner … 海外、無料、XPアイコン RealWorld Graphics … 海外、無料（要許可）、Vistaアイコン Rimrock Software … 海外、無料 graphicPUSH … 海外、無料 無料（国内） Lupin's Program … 国内、無料 Buin2gouLaboratories … 国内、無料 有料 SimpleBits … 海外、有料 StockIcons.com … 海外、有料 Glyfz … 海外、有料 【Famfamfam】 アプリケーション用アイコン配布サイト。 美しいデザインのアイコンが多数無料で配布されています。 アイコンの豊富さにかけては、このサイ
Javascriptで指定のHTML要素を動的に角丸デザインにする方法:phpspot開発日誌
Nifty Corners This is the original article. The technique has been improved with better browser support and a lot of new features. The new article has been published on the 6th of April 2005. Javascriptで指定のHTML要素を動的に角丸デザインにする方法。 NiftyCornerを使えば、単一のDIV要素を角丸デザインにすることが可能です。 例えば、次のような単一DIV要素も簡単に角丸にできます。 <div id="nifty"><p>test</p></div> <script type="text/javascript"> Rounded("div#nifty","#377CB1","#9
直感型アクセス解析 - Crazy Egg - sta la sta
Crazy Egg Website Optimization | Heatmaps & A/B Testing アクセス解析(はてなカウンターとかね)は便利だけど、もうちょっと分かりやすいほうがいいなぁと思ってる人には、このCrazy Eggのアクセス解析はぴったりかもしれない。 Crazy Eggでは、あなたのサイトのどのリンクが何回クリックされたか、そのものズバリをレポートしてくれる。 そのスクリーンショットはこちら。 これを見ると、『Demo』が最もクリックされてて、次に『SIGN UP』関係がよくクリックされてることが分かる。 また、Crazy Eggはサイト上のホットゾーンを『Heatmap』として見せてくれる。 Crazy Eggを利用すれば、あなたのサイトでどのコンテンツが人気なのか、より直感的に理解できると思う。 まだベータ中っぽいけど、ぜひ使ってみたいサービスだ。 問題は
Tag Cloud のページを作る
Tag Cloud（左画像）のページを作るカスタマイズです。 注：3.3 以降はエントリー・タグが標準機能として用意されていますので、本カスタマイズを行わなくても Tag Cloud のページを作ることができます。 当サイトを訪れてくださるカスタマイズ志向の方であれば下記のページ、一度はご覧になったことがあると思います。 Ogawa::Memoranda：Tags そのページにある説明を引用します。 このページは、そのキーワードをアルファベット順に列挙し、文字の大小でその出現頻度を示したものです。興味があるキーワードがあれば、そのキーワードをクリックしてみてください。そのキーワードが設定されているエントリーの一覧が見られますよ。 「キーワード」とは、エントリーのキーワード欄に設定された文字列（以下タグ）を指しています。ひとつのエントリーに対して複数のタグを設定することもでき、同一のタグが複
Ajaxなフォームビルダー集:phpspot開発日誌
Ajaxian Attack of the Ajax form builders Ajax form builders are all the rage lately, so here’s a quick roundup of three of the players in this space. Ajaxなフォームビルダー集。 WEB上で簡単にフォームを作成できるフォームビルダーがいくつか紹介されています。 フォーム作成は結構面倒だったりしますがこういったものを使えば専用ソフト起動なしにクイックにフォーム作成が可能で開発効率が向上するでしょう。 -FormBuilder -JotForm -Wufoo
Webベースですぐにデザインを反映できるCSSエディタ:phpspot開発日誌
Web-based CSS Editor Tamkey It is a very strong web tool for weblog owner. "Tamkey CSS Editor" can modify your current stylesheet and easily change it what you want. Styles will be updated with a single click and you can verify it at the same time. You can also find the CMS/BLOG special selector with "Red Mark". The current selector will be in a red box while you press the "Red Mark" button. Tamke
Ajaxでタブインタフェースを実現するためのライブラリ:phpspot開発日誌
havocStudios: Ajax tabs CSS Tabs seem to be all the rage with the kids these days. I love the idea of them. It seems that the most popular method of creating tabs using CSS is the Sliding Doors method. They seem to look the coolest and are very easy to implement. However, they're so... static. Ajax Tabsを使えば次のようなCSSベースでデザインされたタブインタフェースの部品が簡単に作れます。 Ajaxを使ってタブが更新されるため、各タブ内のページ(HTML)は独立したファイルにすることが可能で
fladdict.net blog: 「本当に素晴らしいデザイン」とは、PICASAの変なスクロールバーみたいなものを言う
お気に入り巡回先の、羨望は無知の「なぜ「デザイン」という行為、「デザイナー」という職業は誤解されるのか」や、分裂勘違い君劇場の「エンジニアの方が優れたユーザインタフェースデザインができる理由」、F's Garageの「エンジニアがダメなUIデザインをする原因」 のあたりのデザイン論が、あんまりデザインと縁のない人にデザインをわかりやすく説明してて面白い。面白いのだけどちょっと抽象的なんで、具体例の話とか書いてみるテスト。 最近、これらのエントリーで言及されるようなよいデザインを身をもって体験をした。それは画像管理ソフトPICASAのヘンテコなスクロールバー。 今まで気付かなかったけど、あのヘンなスクロールバーは単なるアヴァンギャルドやオシャレじゃあなかった。実は合理性に裏打ちされた素晴らしく美しいデザインだということに気付いた。 まずPICASAを知らない人に説明すると、このソフトのスクロ
劉邦 （Ryuhou） - ベクターソフトニュース
画面上の色を抽出し、リストとして管理できるソフト。WebページやCGの作成などで利用できるほか、自作プログラムの色合わせをする場合などにも利用できる。「劉邦 （Ryuhou）」は、画面上の任意点の色を抽出し、RGBのほか、HTML/CMYKなどのさまざまな形式で表示してくれるソフト。抽出した色はリストで管理できる。リスト管理された色にコメントを付けることも可能。指定範囲内の色をすべて抽出したり、任意点と周囲の色の平均色を抽出したりもできる。対応する色形式間での相互変換機能もある。 色の抽出は、デスクトップ画面上でマウスポインタを動かして行う。ポインタ周辺を拡大表示するルーペウィンドウを利用して、抽出する色を決めてゆく。ルーペウィンドウでは、選択点のRGB値をリアルタイムで表示する。スペースキーを押すことで、リストに取り込めるようになっている。 取り込まれた色に対しては、コメントを付加できる
秋元@サイボウズラボ・プログラマー・ブログ: Yahoo! UI Library はすごいね
via O’Reilley Radar Yahoo! UI Library で、Yahoo! が実際に使っている Javascript のライブラリ集が公開されている。 Yahoo! のどこでこんなユーザインタフェースが使われてるんだろう? と思うぐらい、サンプルで見せられる UI パーツは豊富だ。それぞれの “Example” を見てまわるだけでもおなかいっぱいだ。 コアユーティリティ アニメーション クロスブラウザ対応の XMLHttpRequest ラッパ DOM 操作 ドラッグアンドドロップ イベントハンドリング UI コントロール部品 カレンダー スライダー ツリー ドラッグアンドドロップなんかは、ファンタジースポーツで使われているのを見たことがあるので知っていた。複数のリスト間でアイテムの移動や並べ替えを行うときには使えるパーツだろう。 日本語カレンダーなんかも、いい感じで再利
色や大きさを後から変更できる AQUA風ボタンの作り方
二日ほど前のブックマークの人気エントリーに入っていた、「AQUA風ボタンの作り方リンク集」を見てつくづく思ったのだが、Photoshopは奥が深く、同じような効果を作り出すのに何通りも方法があるのが興味深い。そこで、今日は、Photoshopにも関わらずあえて全てをベクターデータで書くという特殊な技法（知り合いのデザイナーから教わった技法）でAQUA風ボタンを描いてみた。 まず最初に、"Rounded Rectangle Tool"で適当な大きさの角の丸い四角を書く。角の丸みは、Radiusの値で変更できるが、この場合は16pxとした。 この時自動的に作られたレイヤーをダブルクリックして、レイヤースタイルのInner Glow属性をオンにする。Blend ModeはMultiplyで、Opacityは４０％程度が適切、色は黒にする（黒にしておくと、後でメインの色を変更したときにここを変更し
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SimpleAPI - ウェブサイト・サムネイル化ツール
DHTMLとAJAXのフリーで使えるコード集「DHTMLgoodies.com」
最速インターフェース研究会 :: [萌ディタ] CSSで使っている色を分かりやすくする
caramel*vanilla » Web制作に役立つFirefoxの拡張(1) - HTML/CSS関連
caramel*vanilla Web制作に役立つFirefoxの拡張(2) - 検証/その他
JotForm
ホームページの作り方教室
フリーフォント最前線は移転したぜ。