コンテンツにボタンを用意する際、フォームのボタン以外にもさまざまな場面で利用する。ダウンロードリンクをボタンデザインに変更することで、ユーザービリティが改善される。ボタンをCSSとイメージ画像でデザインする方法がoscaralexander.comで解説されている。
ブログでソーシャルブックマークなどのリンクアイコンをよく見かけます。ブックマーク登録をする際に、機能提供しているサイトを開く必要が出てきます。別ウインドウで表示する、または画面遷移する方法しかありません。 そこで、GreyBoxのJavaScriptを利用したブックマークリンクの方法を紹介します。...
『 画像を立体ガラス風にするエフェクトをかけるJavaScriptライブラリ。imgタグにclass指定するだけで拡張できるのがお手軽ですね。 』
『 テーブルの選択した列を強調表示するインタフェースを作るチュートリアル。（英語） 』
他サイトでも紹介されているが、個人的にぐっと来たのでご紹介。 複雑な図形の形にあわせてテキストを回り込ませたい、というときがたまにある。 ワードやイラストレーターではそういった処理が可能だが、ウェブでそれを再現しようと思うとちょっと厄介だ。 そこで登場したのがCSS Text Wrapperだ。このサイトでは自分で好きな図形を描き、それにあわせてテキストを配置する...
『 ページ読み込み状況をグラフ化するPEAR::HTML_Progress2 』
『 webデザイン,design,使える 』
無料フォントを探している。 そんなあなたにおすすめなのが、『Most Popular Free Quality Fonts』。最も有名な無料で使えるクオリティの高いフォント30選だ。 以下にいくつかご紹介。 » Audimat » Greyscale Basic » The Delicious. » District Thin » Existence » Geo Sans » Legendum その他のリストは以下から。 著作権についてはリンク先のページの表記に従う必要がある。 » M...
『 Generatorofcolorschemesandpalettes 』
氏のCSS記事をまとめた本。 これは早く本になってほしいと以前から思っていたが、本になってみれば、連載に加えて特集記事などのオマケもついて、予想以上に充実した素晴らしい内容になっている。 この連載（本書）がいいのは、CSSの文法を教科書的に解説するのではなく、CSS界で名高いトップデザイナーが作ったサイトを題材に、そのCSSコードを実際に解析して、詳しく解説...
『 Tableを様々なCSSで装飾。cssZenGardenのTable限定、みたいなサイト//ブクマURI間違えた 』
新しいパソコン（MacBookの黒）を買って、気づいたことがあります。お粗末な気づきでここに書くのもか っこわるい話なんですが、ブログのフォントは見る側のブラウザやパソコンにある程度依存するんですよね。たとえば、当ブログだと、Safari（左）とFireFox（中）とOpera（右）では違います。微妙な違いですが、クリックすると拡大画面が出ますので比較してみてください。...
『 Ajaxで吹き出し方式のテキストヒント作成ライブラリ 』
『 へー、こういうやり方してるんだ。うまいなぁ。未だに1.（ｒｙな訳だけどそろそろ移行してもいいかなぁ… 』
『 photoshopのチュートリアルウェブグラフィックからフォトレタッチまでサポート 』
『 3カラムのクールなWordPressテーマ集30+.またまた、カッコいいWordPressテーマの特集です。 』
はてなブックマークの自分のブックマークページは、設定画面の「デザインの編集」からカスタマイズすることができます。デザイン編集機能を使って、ブックマークをオリジナルデザインにカスタマイズしましょう。 以下、はてなブックマークのデザイン変更の基本を紹介していきます。 何ができるの? どのようにデザインできるの? はてなブックマークでは、HTMLの追加やスタ...
RoundedCornr: Rounded Corner and Gradient GeneratorCSS角丸ボックス...
『 Flashでのアクセシビリティがちゃんとなされている会社。マヨネーズにかける愛情、おいしそーなレシピ、と勉強になるとこが多いサイト。 』
![デザイン・アート情報のまとめ [ DESIGN ARCHIVE ]](http://img.awasete.com/image.phtml?u=http%3A%2F%2Fart.designlinkdatabase.net%2F)