ウェブページで表示するフォントの種類が変われば、文字の見た目の大きさが変わってしまい、レイアウトが崩れてしまうことがある。デザインの統一感や可読性のためにも、文字の見た目の大きさが変わらないように注意しよう。 表示に使用するフォントの種類が変わると、同じフォントサイズで表示していても文字の見た目の大きさが変わってしまう。デザインによっては... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
『 デザインも秀逸なナビゲーションを実装するスタイルシートとスクリプトのチュートリアルの紹介です。シンプルできれい! 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
これは超絶便利そう。あとで使うという意味でメモ的エントリー（といいつつ最近コーディングしていない・・・）。 jQuery Cornerは簡単な記法でさまざまな角丸風エフェクトを実現してくれます。 ↑ まずは基本。 ↑ ちょっと複雑なこんな感じのも。 ↑ 枠の色を変えてみたり。 ↑ 名前タグみたいでいいかも。 なんといっても書き方がシンプルでいいですね。使いやすそうです... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
ここ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; 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
フッター部分のメニューなどを区切る際のサンプルを適当に。 p要素でやるとこんなヤツです。 Home｜アバウト｜イラスト｜BBS サンプルに使うhtmlは、ul要素を使った下記をベースに使用してます。（サンプルに寄ってid名とか変わりますが） <ul id="sampleFooter"> <li><a href="/">Home</a></li> <li><a href="/">About</a></li> <li><a href=... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
|
『 いろんなツールやwebジェネレーター、ソフトの紹介&解説
webtools/341/スクリーンショットいろいろ 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
JavaScriptでツールチップを表示するライブラリは比較的多く存在する。ライブラリ選択の基準にデザインが重要になってくる。シンプルなデザインの角まるツールチップで使いやすいのがCoolTips。ライブラリも軽量になっている点もうれしい。 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
|
『 「CSSとJavaScriptで影付きの角丸ボックス要素を作る。」IEでは表示なし。 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Apple.comのようにパンくずも少し手を加えるだけで、使いやすいものになります、Appleのパンくずの区切りには半透明の透過PNGが使われている為、InternetExplorerへの対応はAlphaImageLoaderをCSSで指定しています。 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
『 FinalCutStudioを中心とした、ポスポロのワークフローの現状や効率化についてお話しできればと思っています。よろしくお願いします。 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
『 ページ送りのデザイン例、ダウンロードも可/paginationと呼ぶらしい…知らなかった。 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
「CSS」タブをクリックして、中のコードを書き換えると、リロードせずにそのままリアルタイムにページ全体を再レンダリングしてくれます。「Markup」タブをクリックすればHTMLコード自体を書き換え可能。元に戻すには「clear markup and css」をクリック。 Firefoxの拡張である「greaseMonkey」バージョンもあるので、自分のサイトで同じようなことができるようになり、CSSデザインの試... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
『 CSSでクールなINPUTフォームを作成するサンプル
次のような、CSSで角丸で、境界にシャドウがかかったクールなフォームのサンプルが公開。 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
以前紹介したFirefoxのuserContent.css（ユーザースタイルシート）を編集すると、Googleカレンダーで一ヶ月表示させたときの土・日の文字色を変更することができます。以下はその方法です。 まずは以下のフォルダを開きます。 Windows 95/98/Meの場合はC:\Windows\Application Data\Mozilla\Firefox\Profiles\（英数字）.default\chrome\ Windows 2000/XPの場合はC:\Documents and Settings\(ユーザー名)\Application Data\Mozilla\Fi... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
『 YahooUILibraryの拡張ライブラリ「ExtJS」（旧yui-ext）の公式ページ。prototype.js+script.aculo.usやjQueryにも対応。 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![デザイン・アート情報のまとめ [ DESIGN ARCHIVE ]](http://img.awasete.com/image.phtml?u=http%3A%2F%2Fart.designlinkdatabase.net%2F)