ウェブページで表示するフォントの種類が変われば、文字の見た目の大きさが変わってしまい、レイアウトが崩れてしまうことがある。デザインの統一感や可読性のためにも、文字の見た目の大きさが変わらないように注意しよう。 表示に使用するフォントの種類が変わると、同じフォントサイズで表示していても文字の見た目の大きさが変わってしまう。デザインによっては... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
『 デザインも秀逸なナビゲーションを実装するスタイルシートとスクリプトのチュートリアルの紹介です。シンプルできれい! 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
ここ2・3日、ひたすら色々なサイトの会員登録フォームやコマースサイトの購入フローを見ていました。 また、フォームのユーザビリティについて語っているブログやサイトをみて研究していました。 こうすれば登録数が劇的に上がる！とか、売上が上がる！といった方法はありませんが、少しだけユーザーに安心感を与えたり、ストレスを取り除いたりする方法はたくさんあり... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Ruby on Railsなどにも含まれている、話題のJavascript... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
黒い背景で新しいドキュメントを始めてください。楕円ツールを使って、キャンバスの中心に円を描いてください、サイズはあなた自身で決めてください。真円を描くときは、シフトを押しながら、楕円ツールを使って描きます。 下のような、レイヤースタイルを図形に設定してください。 色に関しては一致させる必要はありませ... ブックカバー このチュートリアルはシンプル... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Internet Explorer 7 は、 8 月にも beta3 がリリースされるかも知れないんだけど、今現在、IE7 beta2 を含むモダンブラウザに有効そうだと思われる CSS ハックを自分用にまとめておく。以前に IE 7 用の CSS ハックを紹介したことがあったけど、今回の Easy CSS hacks for IE7 - Nano See, Nano Do で紹介されていたハックは、比較的シンプルかも知れない。想定ブラウザは下記のとおり。 バージョン 6 以... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
|
『 CSS、Tips、良くまとまっている、角丸、RSSアイコン、印刷、重複あり 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
『 font-family:Arial,Helvetica,Verdana,“ヒラギノ角ゴProW3″,“HiraginoKakuGothicPro”,Osaka,“メイリオ”,Meiryo,“ＭＳＰゴシック”,sans-serif; 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
『 URLを入力すると、「HTMLタグ」「検索キーワード」「検索エンジンランク」を一括してチェック/「検索キーワード」チェックに関しては、title要素、h要素、a要素、ドメイン名などに含まれる単語を抽出し、スコアリング 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
『 いろんなツールやwebジェネレーター、ソフトの紹介&解説
webtools/341/スクリーンショットいろいろ 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
JavaScriptでツールチップを表示するライブラリは比較的多く存在する。ライブラリ選択の基準にデザインが重要になってくる。シンプルなデザインの角まるツールチップで使いやすいのがCoolTips。ライブラリも軽量になっている点もうれしい。 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
PR Boardメンバー限定でしたが、先日7日、「ユーザビリティ会議」を行いました。 場所は虎ノ門のbeBit社。百式やチェックパッドも検証してもらっているユーザビリティ専門のコンサルティング会社です。 » ビービット ユーザビリティに特化したウェブコンサルティング 今回ご参加いただいたのは総勢25名。場所の都合により少人数となりましたがおかげさまで盛り上がりまし... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Apple.comのようにパンくずも少し手を加えるだけで、使いやすいものになります、Appleのパンくずの区切りには半透明の透過PNGが使われている為、InternetExplorerへの対応はAlphaImageLoaderをCSSで指定しています。 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
『 IE5.0+,FireFox1.5,Opera8.5,andSafari2に対応。 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
「CSS」タブをクリックして、中のコードを書き換えると、リロードせずにそのままリアルタイムにページ全体を再レンダリングしてくれます。「Markup」タブをクリックすればHTMLコード自体を書き換え可能。元に戻すには「clear markup and css」をクリック。 Firefoxの拡張である「greaseMonkey」バージョンもあるので、自分のサイトで同じようなことができるようになり、CSSデザインの試... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
『 YahooUILibraryの拡張ライブラリ「ExtJS」（旧yui-ext）の公式ページ。prototype.js+script.aculo.usやjQueryにも対応。 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
何を今更感たっぷりでブログデザイン的なことを言わせてもらいますけども、言う前からドキドキするわこれ。だって正解とかないから超怒られそう。俺はこの方がいいなあっていう根拠を言います。あの、リンク柱とかサイドバーとかってあるじゃないですか。アレ、右の方がよくね？ はいよくないですよね、やっぱ左がいいですよね、ごめんなさいもう言いません。いや言い... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
斜線やストライプの背景画像を Photoshop とかで作ると、色を変えたくなった時にそのたび作り直ってのが面倒。便利で使ってる人も多いかもしれない secondlife さんの Background Image Maker でもそれは同じかな。んで、Photoshop とかで作る場合に、線に色を付けて作るんではなくて、色を付けたい部分を透過にして作っておいて CSS で background-color を指定するやり方にすれば、色を変えたく... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
前にCSSの記述テクニック [1] [2]階層宣言コーディング [3]というエントリーを読んだ。これはエイプリルフールネタではあるが、同じ事を考える人は他にもいるようだ。そして、それをネタとしてではなく、ないなら実現してしまおうと考える。 今回紹介するオープンソース・ソフトウェアはCleverCSS、構造化CSSを実現するソフトウェアだ。 [1] http://3ping.org/2007/04/01/1442 [2] http://3ping.org... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
クリエイティブ・コモンズで提供されている写真や映像を効率よく検索できるサイト、GNUフリー文書ライセンスのPDFを検索する方法などを紹介。（Lifehacker） 2006年09月11日 15時40分 更新 自分がデザインしているパンフレットに画像を1点加えたい。それも今すぐに。だが勝手に他人のクリップアートに手を出せば、著作権違反に問われてしまう。クリエイティブ・コモンズのような... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![デザイン・アート情報のまとめ [ DESIGN ARCHIVE ]](http://img.awasete.com/image.phtml?u=http%3A%2F%2Fart.designlinkdatabase.net%2F)