CSS の font-size属性を em で指定するとサイズが激変
Landscape トップページ | < 前の日 2004-04-25 2004-04-26 次の日 2004-04-27 > Landscape - エンジニアのメモ 2004-04-26 CSS の font-size属性を em で指定するとサイズが激変 当サイト内を Google 検索できます * CSS の font-size属性を em で指定するとサイズが激変この記事の直リンクURL: Permlink | この記事が属するカテゴリ: [CSS] 「Web ビジネスコンサルタントのネタ帳」に以下の記事が載っていた。 フォントサイズを固定するな！− 後悔しないためのWebデザイン http://neta.ywcafe.net/000349.html 要するに、ユーザがブラウザの文字サイズ変更機能を使えるようにページをデザインするべきだ、という話。昔からよく言われていることだ。い
今使えるCSS3の書き方まとめサイト | エンタープライズ | マイコミジャーナル
CSS3, please! - This element will receive inline changes as you edit the CSS rules on the left. Enjoy! CSS3の規約は現在策定段階にある。しかし、すでにどの主要ブラウザもCSS3に準拠する記述方法か、またはベンダプロパティとしてその機能を実装している。CSS3で提供される角丸め、影付け、グラデーション、透過、回転、Webフォント、スクリュー、スケール、トランジッションなどの機能は魅力的だ。浸透しつつあるプログレッシエンハンスメントのデザイン実装方法論を採用するなら、基本となるデザインをCSS2.1で整え、CSS3の機能で最新ブラウザ向けに一歩先のデザインを提供するというのは悪くない選択肢といえる。 ただし問題がある。CSS3は依然として策定段階にあるため、同様の機能は提供されているものの
文字にドロップシャドウの効果をつける--FirefoxとSafariのCSS対応 - builder by ZDNet Japan
text-shadowプロパティを利用すると、文字に影をつけて表示することができる。これまではSafariが対応しているだけだったが、Firefox 3.1（アルファ版）とOpera 9.5が対応した。 また、Firefox 3.1（アルファ版）は本連載の「ボックスにドロップシャドウの効果をつける」で紹介したbox-shadowプロパティにも対応したので、それについても紹介したい。 文字に影をつけて表示する text-shadowはCSS 2で定義されたプロパティだが、CSS 2.1では削除され、CSS 3のTextで復活している。 text-shadowプロパティで文字に影をつけて表示するには、次のような形で4つの値を指定する。 text-shadow: ［横方向のオフセット］ ［縦方向のオフセット］ ［ぼかしの半径］ ［影の色］ たとえば、赤色の文字にグレーの影をつけると次のように表示
javascriptライブラリ「prototype」でコンテキストメニューを作成
ブラウザ上で右クリックすると表示されるショートカットキーがあります。 これをオリジナルにしたものをコンテキストメニューと言います（多分）。 Proto.Menuではこれをprototypeで実現しています。 sponsors 使用方法 Proto.MenuからProto.Menu.js、Proto.Menu.cssをprototypeからprototype.js（v1.6）をダウンロードします。 <link rel="stylesheet" href="http://yourdomain/Proto.Menu.css" type="text/css" media="screen"> <script src="http://yourdomain/prototype.js" type="text/javascript"></script> <script src="http://yourdom
覚えて良かったCSSテクニック « zaru blog
ここ最近、覚えてよかったなーと思ったCSSテクニックをまとめてみる CSSテクニックは時代とともに変わっていくけれど、ここ1年ほどスタメンレベルで使うCSSテクニックが絞られてきたので、ここらでちょっと個人的にもまとめておこうかと。 liボックス 幅：190px マージン：15px liボックス ダミーテキスト。ダミーテキスト。ダミーテキスト。ダミーテキスト。ダミーテキスト。 liボックス ダミーテキスト。ダミーテキスト。ダミーテキスト。ダミーテキスト。ダミーテキスト。 <li>にはクラスを指定せずに、左右にぴったりくっ付くように配置が可能。 <style type="text/css"> #box1{ width: 600px; } ul{ width: 615px; margin: 0 -15px 0 0; overflow: hidden; _zoom: 1; font-size:7
css3のtransitionプロパティでアニメーションサンプルをいろいろ作ってみた
css3のアニメーションプロパティ、transitionがとても面白いので何となくアニメーションのサンプルを色々と作ってみました。まだ対応ブラウザは少ないですが、将来の為に予習してみたのでシェア。 css3のtransitionプロパティは変化を与えるプロパティです。アニメーションを実装できるプロパティはtransitionとanimetionがあり、後者のほうが「アニメーション」としての位置付けっぽいのですが、今回は何となくtransitionを使用しました。 プロパティ：-webkit-transition対応ブラウザ：webkit系(GoogleChrome、Safari等)JavaScript：未使用（※ソース閲覧の部分はjsを使っています） 一応アニメーション以外（角丸など）は-mozも入れています。 サンプルなので「-webkit-transition: *s ease-in-
アコムで延滞しているが、銀行カードローンは組めますか
現在、アコムで融資を受けていたのですが、返済が遅れており延滞状態であります。しかし急遽、大きな出費があるので銀行カードローンを申込みたいのですが、消費者金融での遅延状態は審査が通らないのでしょうか。 現状では通らない可能性が高いです 基本的に延滞状態である、または過去に遅延を繰り返していたという場合は信用面で審査が通りにくいです。要は返済能力がないと判断されるためです。お金を借りるということは返済する相手がいます。あなたの事情で返済できなければ相手に迷惑が掛かります。そういった不安な相手にお金を貸したくはないですよね。確かにお金を貸すと利息がもらえるので、銀行としては貸したいのですが、返ってこない可能性があれば融資は恐いですよね。 現状の消費者金融の遅延分をひとまず返済するために借金を銀行からしようという方もいますが、結局次は銀行に返さなければいけませんし、利息が今度は銀行にも発生します。
[CSS]検索フォームを素敵なデザインするスタイルシート集
検索フォームを素敵なデザインにスタイリングする、クロスブラウザ対応のスタイルシートをCss Finestから紹介します。 <textarea name="code" class="html" cols="60" rows="5"> <form id=”searchform1″ method=”get” action=”" > <input class=”isearch1″ type=”text” name=”keywords” id=”keywords” /> <input class=”ibutton1″ type=”submit” value=”" /> </form> </textarea>
検索フォームをCSSでデザインするサンプル集 | CSS Lecture
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
CSSでクールなINPUTフォームを作成するサンプル:phpspot開発日誌
woork: Liquid styled input element with CSS This tutorial explains how to implement a simple linquid styled input element using css. CSSでクールなINPUTフォームを作成するサンプル 次のような、CSSで角丸で、境界にシャドウがかかったクールなフォームのサンプルが公開。 IEでうまく動かないのが残念なところですが、なかなかカッコいいフォームとなっているようなので紹介。 ちょっと変えればIEでも動きそうなのでこういうデザインにしたい、という人は参考にするのもよいかも。 関連エントリ クロスブラウザでちゃんと動作するCSSボタン集サイト「CSS Buttons」 用途別に使えるフォームのテンプレート集「The Wufoo FORM Gallery」 CSSでク
スタイルシート［CSS］/テキスト・フォント/領域からはみ出た場合に「...」を表示する - TAG index
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>文書のタイトル</title> <style type="text/css"> p { width: 200px; height: 3em; border: 1px #808080 solid; overflow: auto; white-space: nowrap; } p.example1 { text-overflow: clip; } p.example2 { text-overflow: ellipsis; } </style> </head> <body> <p class="example1">領域からはみ出ている場合に省略符号を付
テーブルのヘッダを固定 « (X)HTML+CSS Tips « XHTML+CSS Webサイト制作Tips « ScuderiaWeb
ソースコード (X)HTMLファイル ヘッダ固定に直接関係のないidやclassは省略しています。 また、データ部分についても長くなるので省略しています。 <div class="table_header_fixed"> <table cellspacing="0"> <thead> <tr> <th>順位</th> <th>タイトル</th> <th>スタジオ</th> <th class="last">興行成績</th> </tr> </thead> <tfoot> <tr> <td colspan="4" class="last">copyright</td> </tr> </tfoot> <tbody> <tr> <td>1</td> <td>パイレーツ・オブ・カリビアン/ワールド・エンド</td> <td>ディズニー</td> <td class="last">$961,002,
Román Cortés » CSS 3D Meninas
Último proyecto completado: Chimeneas Rofer & Rodi Proyecto actual en curso: Arteforo (versión en castellano abajo) I’ve took the classic paint The Maids of Honour (Las Meninas) and made this CSS pseudo-3D/parallax effect. It is pure CSS, so no javascript or flash involved: only CSS and HTML code. It has been tested and it is working on Internet Explorer 8, Firefox 3, Opera 9, Safari 3, Chrome 4 a
fred design » Simple rules for good typography
Here are some basic rules to improve your typography across either web or print. Of course, these rules are only to start with, and rules are meant to be broken. But if you want something to look neat, clean and generally well designed they are a good set to follow. Don’t use too many typefaces Consistency throughout a document or website is helpful. It brings unity and one identity. It also make
CSSで実現するポップアップメニュー - CSS小技集
CSSの小技として、普段は隠れているけどマウスカーソルを合わせると表示されるメニューを実現する方法です。 平成21年11月 1日に、従来版とは全く異なるCSSに変更しております。従来のヴァージョンはセンタリングが可能であるものの、使えないブラウザが多く汎用性に掛ける面がある事と、記述がいまいち廻りくどいところがあった事から、全面的に書き直し、従来のものはアーカイヴ扱いと致しました。 CSSで実現するポップアップメニューの概要。 ポップアップメニューとは、見出し部分をマウスでポイントすると、その下にメニュー本体が表示されるようになっているメニューの事です。 結構多くのサイトで見掛けるものですが、多くの場合、これらはJavaScriptで実現しております。 ですが、今日のCSSの仕様に従ったブラウザであれば、CSSだけでも充分実用的なものを作る事は可能です。 今回はそれに挑戦してみましょう。
[CSS]ネガティブマージンの理解を深め、活用するテクニック集
スタイルシートのmarginで使用する「ネガティブマージン（マイナスマージン）」について理解しておくべきこと、ネガティブマージンを使用したテクニックなどをSmashing Magazineから紹介します。 The Definitive Guide to Using Negative Margins 1. ネガティブマージンの理解 2. ネガティブマージンの使い方 3. ネガティブマージンのテクニック集 4. ネガティブマージンのバグフィックス 5. 終わりに 1. ネガティブマージンの理解 スタイルシートを使用する際、必ずといっていいほどマージンを使用するでしょう。しかし、ネガティブマージンになると意見は分かれ、それは悪魔の仕事であると考える人たちもいます。 ネガティブマージンをは、例えばこういうのです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS Layouts: Grid and CSS Layouts
[css][Firefox]<input>タグの特定のtypeにCSSを適用する「input[type=text]」 | うえちょこ＠ぼろぐ![[css][Firefox]<input>タグの特定のtypeにCSSを適用する「input[type=text]」 | うえちょこ＠ぼろぐ](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)
http://air-life.info/weblog/2009/10/522/
CSSリファレンス - とほほのWWW入門