タグ

2011年10月26日のブックマーク (7件)

  • フォントに Verdana が使われている理由

    このブログや公開テンプレート(というか「すちゃらかCSS素材集」より頂いた時の設定をそのまま使ってます)のスタイルシートのフォントには font-family: Verdana, Arial, sans-serif; という指定がされています。各フォントがカンマで区切られて3つ並んでいるのは、優先順位(最初のフォントがみつからなかった場合、次のフォントを使用)を示しています。 このエントリーでは青字で示している Verdana という、よくみかけながらもその存在についてあまりよく分かっていなかったフォントについて調べてみました。 欧文フォントは主に2種類の書体が用いられます。デザイン関係の方ならご存知と思いますが、1つはセリフ(Serif)体、もう1つはサンセリフ(Sans Serif)体です。「セリフ」とは「活字の始点または終点にあるひげ飾り」という意味で、サンセリフは「セリフがない」と

    フォントに Verdana が使われている理由
  • JavaScript マスク処理 « きんくまデザイン

    ASからJSへの移植のときに、どうしよう?と考えたのがマスク処理。 結果からいうと、 マスクcssにover-frow:hiddenとする マスクされる方にwidthを設定 マスクのwidthをかえてアニメーション とすると、マスクのアニメーションができました。もし、縦にアニメーションしたい場合は、 width→heightとすればすぐできると思います。 →サンプルです。 ソース $(function(){ $('#start').click(function(){ $('#bodytext') .stop() .css('width', '0px') .animate({width: '400px'}, 0.5 * 1000, 'easeInQuad'); }); });

  • jQuery の位置・サイズ関連メソッドまとめ - Cyokodog :: Diary

    ばらけてきたのでこちらにまとめます。 索引 位置の設定 css(name,value) 位置の取得 css(name) offset() position() scrollTop() / scrollLeft() event.pageY / event.pageX サイズの設定 css(name,value) / height(value) / width(value) サイズの取得 css(name) / height() / width() attr(clientHeight / offsetHeight / scrollHeight) outerHeight() / innerHeight() コンテナ要素の取得 offsetParent() 解説 位置の設定 css(name,value) 対象要素を指定した位置に配置できます。単位を省略した場合はピクセル単位となります。 $('#

    jQuery の位置・サイズ関連メソッドまとめ - Cyokodog :: Diary
  • 第2回 属性&コンテンツ編

    連載目次 offsetメソッドは、要素セットに含まれる先頭要素の表示位置を取得します。offsetメソッドの戻り値は、top(上端座標)、left(左端座標)プロパティを持つオブジェクトです。 以下は、<div>要素の表示位置をoffsetメソッドで取得し、メッセージ表示するサンプルです。 <style type="text/css"> div { width : 400px; background-color : Yellow; margin : 30px; padding : 10px; border : solid 3px Red; } </style> ……中略…… <script type="text/javascript"> $(function() { var off = $('div#obj').offset(); window.alert('offset() :' + o

    第2回 属性&コンテンツ編
  • サービス終了のお知らせ

    平素より「PHPプロ!」をご愛顧いただき、誠にありがとうございます。 2006年より運営してまいりました「PHPプロ!」ですが、サービスの利用状況を鑑みまして、2018年9月25日(火曜日)をもちましてサービスを終了させていただくことになりました。 サービス終了に伴いまして、2018年8月28日(火曜日)を持ちまして、新規会員登録ならびにQ&A掲示板への新たな質問、回答の投稿を停止させていただきます。 なお、ご登録いただいた皆様の個人情報につきましては、サービス終了後、弊社が責任をもって消去いたします。 これまで多くの皆様にご利用をいただきまして、誠にありがとうございました。 サービス終了に伴い、皆様にはご不便をおかけいたしますこと、心よりお詫び申し上げます。 件に関するお問い合わせはこちらよりお願いいたします。

  • kaikoen.ne4.org is Expired or Suspended.

    「 kaikoen.ne4.org 」のページは、ドメインが無効な状態です。 ウェブサイト管理者の方はこちらから変更・更新を行ってください。 「 kaikoen.ne4.org 」is Expired or Suspended. The WHOIS is here.

  • サービス終了のお知らせ

    平素より「PHPプロ!」をご愛顧いただき、誠にありがとうございます。 2006年より運営してまいりました「PHPプロ!」ですが、サービスの利用状況を鑑みまして、2018年9月25日(火曜日)をもちましてサービスを終了させていただくことになりました。 サービス終了に伴いまして、2018年8月28日(火曜日)を持ちまして、新規会員登録ならびにQ&A掲示板への新たな質問、回答の投稿を停止させていただきます。 なお、ご登録いただいた皆様の個人情報につきましては、サービス終了後、弊社が責任をもって消去いたします。 これまで多くの皆様にご利用をいただきまして、誠にありがとうございました。 サービス終了に伴い、皆様にはご不便をおかけいたしますこと、心よりお詫び申し上げます。 件に関するお問い合わせはこちらよりお願いいたします。