prototype.jsを用いたフォントサイズ変更スクリプト
Posted by: Hirotaka Ogawa @ January 11, 2007 02:57 PM | Movable Typeを触っている時間がとれないのですが、新年に入ってからちょっとばかしテンプレートとスタイルシートを変更して、ほぼ一カラム、ほぼfont-size: 100%で表示されるようにしました。要はレイアウトとか考えるのを最小限に留めようと思ったわけです。不得手なデザインをこれ以上考える必要がないという私個人の精神衛生上の利点に加え、読者の目にも優しくなりました。 結論: でかフォントは人を健康にします。 それだけだとなんなので、prototype.js (Prototype JavaScript Framework: Class-style OO, Ajax, and more)を使ってフォントサイズ変更スクリプト(クッキー保存機能付き)を実現してみました。これまで
ORG(1)：小説用テンプレート - AZ store
フォントサイズ変更機能つきテンプレートです。左右の余白は100px。div要素は使用していません。 小説のサンプル サンプル スタイルシート ダウンロード デザインをダウンロード 配布元：AZ store 詳細 JavaScriptについて jQueryとフォントサイズ切り替えスクリプトを利用しています。 <script type="text/javascript" src="./css/jquery.js"></script> <script type="text/javascript" src="./css/switch.js"></script> を<head>に挿入します。フォントサイズ変更ボタンは</body>の直前にありますので、 <script type="text/javascript" src="./css/change.js"></script> を挿入すれば、ブラウザ
縦方向の位置関係を指定する - スタイルシート
縦方向の位置関係を、BODYタグやDIVタグなどに指定します。 スタイルシート・サンプル 緑の文字が変更箇所で、赤い文字が対応するスタイルシートです。 "/* */"内はコメントです。削除しても影響ありません。 必要な箇所をコピー＆貼り付けして編集してください。 また、その他の指定方法はメニューの「基本・リファレンス」を参考にして下さい。 → ページ全体に適用する場合（サンプルのためタグごとに効果を変えています。参照） <HTML> <HEAD> <TITLE></TITLE> <STYLE type="text/css"> <!-- .tp { vertical-align: top } /* 上に揃える */ .md { vertical-align: middle } /* 中心に揃える */ .bt { vertical-alig
CSS 背景画像のズレを回避 | 愛知県豊田市 ホームページ制作 プラス・ファイブ
CSSを使ってセンタリング・レイアウトを行った場合、ウィンドウのサイズによっては背景画像とセンターに配置するブロックにズレが生じる事があります。 デザインによっては下図右のように縦のラインにブロックが重なってしまうことがあります。この現象は主にInternet Explorerでみられます。 回避方法 この現象を回避するには、bodyタグに対して、『padding-left: 1px;』を適用することで中央に配置すべきブロックのズレを矯正します。 ただし、正常に表示されるブラウザを除外して適用しなければなりません。 2008. 9.24 加筆 Firefoxなどのブラウザでもバージョンによっては背景画像がズレる現象が確認されています。 Firefoxの場合、『padding-right: 1px;』で回避できるようですが、これ以外にも全てのブラウザに対応するためには、CSSハックやJava
デザインを魅力的なものにする、シンプルな10個のテクニック
デザインを魅力的なものにする、シンプルな10個のテクニックをSmashing Magazineから紹介します。 10 Simple and Impressive Design Techniques 以下、その意訳です。 手間のかかるデザインテクニックは高度な効果を与えることができますが、間違ったところに使用してしまうと、意図したフォーカスとは異なり、ユーザーの気をそらすだけになってしまうことがあります。 これらのテクニックは、効果的に見せるために必要なデザインかもしれません。しかし、よりシンプルなテクニックでも充分な効果を与えることができます。 シンプルなテクニックやエフェクトというのは、デザインの基本です。 「less is more」の考えを元に、デザインの概観とパフォーマンスを劇的に改善できる非常にシンプルで印象的な10のデザインテクニックを紹介します。 1. Add Contras
世界中のオタク部屋
世界中の当サイトの登録ユーザーが自分の部屋の写真を投稿してもらった。凄い部屋ばっかりです!アメリカ、カナダ、ドイツ、シンガポール、香港、イギリス、マレーシア、ブラジルなどなどなど！日本からのエントリーは残念ながらない。 すべての写真や投稿したユーザーの国などはここで見れる（英語のみ）。 写真を撮る時に、当サイトをパソコンに表示してくれるようにお願いした。 抱き枕カバーやベッドシーツ、フィギュア、アニメポスター、中には部屋の中に動けないぐらいオタクグッズでいっぱいいっぱい。ドルフィーも。 下の部屋の写真はこの記事でもっと見れる。これは、JALの元エンジニア、アマゾンの元ウェブサイトマネージャー、マイクロソフトの元CGMプロダクトマネージャー、そして現在フルタイムオタクの管理人ダニーの部屋だ。プロフィールページで僕のプロフィールが詳しく読める。ごめんなさい。僕の日本語めちゃ変ですToT。 そし
禁煙ファシズムにもの申す 詳細｜日本パイプクラブ連盟
東京都内にある拙宅の最寄のJRの駅に行ったら、駅員が「JR東日本は４月１日から、首都圏の駅を全面禁煙になりました」とマイクで喚いていた。五月蝿くて仕様が無いが、周知広報のつもりだろう。我輩は駅のホームでパイプ煙草を喫うことは殆ど無いので、全面禁煙になったところで実害はまったく無い。 しかし、気に食わないのがこの駅員の物の言い様だ。「たばこをお吸いの方にはご不便をお掛けしますが、ご理解とご協力を御願いします」と言う。見ると、駅構内に貼ったポスターにも同じことが書いてある。 最近、横着な連中に限って、勝手な御託を並べて「ご理解とご協力を御願いします」と執拗に強制するのが流行である。馬鹿の一つ覚えという俚諺があるが、横着の一つ覚えと変えた方が良い。理解する必要はさらさら無いし、まして協力など以ての外である。 我輩は、むらむらと怒りが込み上げて来たので、マイクを握っている駅員につかつかと歩み寄って
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://az-store.nrym.org/tips/font-size-changer/
IDEA * IDEA
はてなブックマーク ケータイストラップ欲しい！とは はてなの人気・最新記事を集めました - はてな
けいおん！ハードコア
