縦書きマニュアル
このページでは、縦書きレイアウトやルビ付けの方法などについて説明します。 ただし、これを書いている筆者自身HTMLやCSSに特に詳しいわけではありません。まして縦書きレイアウトについては試行錯誤の段階であり、その試行錯誤の結果わかったことをここに書いているにすぎません。ですから、このページの情報には誤りが含まれている可能性があります。ご指摘やご意見をメールでいただければ幸いです。 筆者の環境はWindows2000、IE6.0です。このマニュアルの記述もそれを前提としたものです。 文中で使用するサンプルは、新しいウインドウで開かれるようには設定されていません。IEではShiftキーを押しながらリンクをクリックすることによってサンプルを新しいウインドウで開くことができます。 なおこのマニュアルは作成途中であり、内容は随時追加・訂正されます。大きな変更があった場合は、目次にその旨を記載します。
ハイクオリティでフリーなXHTMLテンプレート61:phpspot開発日誌
61 High Quality And Free xHTML Templates Part 2: Year 2010 | Graphic and Web Design Blog ハイクオリティでフリーなXHTMLテンプレート61がまとまったエントリのご紹介です。 これがフリー？というような物が多く、簡単なサイトならば誰でも美麗なウェブサイトを構築出来そうです。 沢山あるので、作りたいサイトのイメージに合うデザインが見つかりそうですね。 関連エントリ フリーな(X)HTML/CSSなテンプレート集のまとめ フリーで使えるプロ顔負けの美麗CSSサイトテンプレート集 フリーのCSSデザインテンプレート集「Free Css Templates」 フリーのWEBデザインテンプレート集
[css] @importを使うべきでない理由
実は以前に別の場所でも書いたのですが、今回Google Page Speedの方でも少しだけ触れられていたので、改めてまとめ。 自分でも経験があることなのですが、開発をやっているとどうしても、構造をモジュール化して複数のファイルに分割して管理したくなります。 StyleSheetにおいても同様で、プレゼンテーション層のコンポーネントにあわせてCSSを用意し、ページ構成にあわせて取り込むようなことをやりたくなるでしょう。 しかしその際、@import構文を使うのはパフォーマンスと挙動の両方に有害である可能性が高いと、「」の著者としても知られるSteve Souders氏が警鐘を鳴らしています。 使うべきでないポイント @importは、大きく分けて2つの観点で「使うべきでない」とされています。 ひとつは、パフォーマンスの問題。StyleSheetはほぼ全ての主要ブラウザでパラレルロードがサポ
ウェブページで縦書きレイアウト - tategaki.info
レスポンシブデザインを採用したページヘの設置を想定した h2vR.js を公開しました。 従来の h2v.js とは設定方法が異なります。 詳細は こちら をご覧ください。 このサイトは、主要なウェブブラウザ上で縦書きレイアウトを実現できるJavaScript・h2vR.js および レガシーバージョン h2v.jsのメインサイトです。 Webページを縦書きに！ 縦書きのホームページを作ってみたい…と思ったことはありませんか。 ウェブページで縦書き表示を実現する JavaScript・h2vR.js および h2v.js が、その思いをサポートします。 h2vR.js 縦書きレイアウト実現のための JavaScript "h2vR.js" は、レスポンシブデザインを採用しているページへの対応を強化したバージョンです。 普通に（横書きで）html コーディングしたページ内の指定したエリアを自
ねこめしにっき（2007年1月）
「ぴんくいんでんと」 : ぴんくすとらいぷ的萌える CSS 書式 (2007/05/20 - 07:00) Genre : CSS Comment, TrackBack 一度くらいはこの日記かサイト中のどこかで言及してたような気がしていたけど、実はしていなかったらしい話。 「ピンクインデント」@水無月ばけらのえび日記 用語「ピンクインデント」@鳩丸ぐろっさり (用語集) CSS や JavaScript を記述するとき、中括弧の前で改行してインデントを入れ、その中身とインデント幅をそろえるというスタイル。具体的には、以下のような書き方になります。 body { margin: 0; padding: 0.5em 10px 0.5em 40px; text-align: left; font-weight: normal; font-style: normal; text-decoratio
jQuery 開発者向けメモ
jQuery 開発者向けのメモです． ずっと以前に，jQuery に関する日本語の情報がまだ少ない頃に作ったページですが， その後 jQuery を再び利用する機会があったので，最新バージョン向けに記述を更新しました． 住宅ローンシミュレーションです． jQueryを利用したフォームの動的な追加や，flotプラグインによるグラフ描画などを行っています． 本ページの記載に間違い等見つけた方はブログのエントリまで連絡いただけるとうれしいです． 最終更新：2009/1/10 jQueryとは jQuery は様々な処理を短く簡単に書ける JavaScript ライブラリです． 独自のXPATH/CSSセレクタを利用することで，多くのDOM操作を非常に簡単に書くことが出来ます． JavaScriptのDOM操作や，XMLHTTPRequest，XMLの操作などを覚えなくとも， Ajaxを利用したイ
CSS Linkify - 徒書
以前に、CSS内のURLをリンクアンカーにするスクリプトというのを作ったのですが、なにぶんbookmarkletとして使っていたもので、FirefoxでCSSを開いた後にブックマークをクリックしなければならないのが面倒なところでした。 が、最近になってgreasemonkeyという拡張(開いたページに自前のスクリプトを自動的に適用できる)を使うようになりましたので、現在はこのスクリプトをgreasemonkey用に書き換えて使っています。 CSS Linkify URL文字列をリンクアンカーにする"Linkify"というスクリプトがgreasemonkey用のスクリプトに既にあったので、それに倣って"CSS Linkify"という名前にしてみました。 追記(2005年5月31日) 海馬日記の5月31日分より。 早速CSSファイルを表示させてみるが、nullとだけ表示されるおかしな事に。どう
日記編集画面での文字サイズを変更できるようになりました(WinIE限定) - はてなダイアリー日記
日記編集画面、および詳細デザイン設定での入力フォームの文字サイズを、ブラウザ(InternetExplorer)の設定に合わせて変更するようにしました。(WindowsIE6/7限定) これまで、たとえばIEの設定で文字サイズを「最大」としていても、システム側の制限により、入力フォームの文字サイズは変更されないようになっておりました。 こちらを本日より、IEの文字サイズ設定に応じて、入力フォームの文字サイズも変更されるようにいたしました。今後は以下のように表示されます。 これまで 「最大」にした場合 今回の変更 「最大」 「中」 「最小」 普段お使いの文字サイズが「中」以外の場合など、お使いの環境によっては入力フォームの文字サイズが本日から変わっていることがございます。以前の文字サイズで入力を行いたい場合は、IEの「表示」メニューにて文字サイズを「中」に設定していただけると以前の文字サイズ
TRANS [hatena] - 印刷用CSSをまとめてみた。
以前、絵文禄のことのはさんのところで、サイトの横幅を640ピクセルにする理由――統計と現状に基づく結論というエントリーがあった。それから、ちょっと印刷用CSSに興味を持って、色々と調べてみたり、自分で書いてみたりした。そのまとめ。 ちなみに、#naviがグローバルナビゲーション、#primaryがメインコンテンツ、#secondaryがサブメニュー、#footerがフッター。 とりあえず、最低限やっておいたほうがよいこと。 body { font-size: 12pt; color: #000000; background-color: #FFFFFF; } a:link, a:visited { text-decoration: underline; color: #000000; } img { border: 0; } 印刷で読まれることを勘案するのなら、font-sizeはある程度
![TRANS [hatena] - 印刷用CSSをまとめてみた。](https://cdn-ak-scissors.b.st-hatena.com/image/square/860579fb9ea6fc896c86331cc2f3af60ddeb6ef1/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F6435988827676522384%2F6435988827676523499%2F1448268251)
[を] CSSで半透明
CSSで半透明 2005-03-27-3 [Tips] CSSで指定した箇所を半透明にするには、 IE なら alpha フィルター、FF なら -moz-opacity。 <style> #sukesuke1 { position:absolute; padding:5px; background-color:red; filter:alpha(opacity=75); /*IE*/ -moz-opacity:0.75; /*FF*/ opacity:0.75; } </style> <div id="sukesuke1">ザ・半透明</div> 設置例： ザ・半透明 下に隠れている 部分です。 先日[2005-02-24-3]の似非Ajaxサンプルも半透明にしてみた。 ま、ともかく CSS3 の opacity まではこれだね。 参考：「JavaScript&DHTMLクック
Latest topics > Firefox 2でタブを縦置きする方法 - outsider reflex
Latest topics > Firefox 2でタブを縦置きする方法 宣伝。日経LinuxにてLinuxの基礎？を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行本まんがでわかるLinux シス管系女子の試し読みが可能！ « NHK Main MDCの翻訳 » Firefox 2でタブを縦置きする方法 - Oct 30, 2006 11月8日発売予定のオープンソースマガジン最終号の一歩手前号に書いたFirefox 2特集？の記事の中に、Firefox 2でタブをウィンドウの右か左に縦置きする方法を書いてみました。ボツらなければ多分載るはず。買ってNE！ ……という宣伝なのでした。まあそのうち誰か他の人が同じ事やって方法を公開されるとは思いますけど。 ヒントだけ言っておくと、userChrome.cssだけじゃどー頑張っても実現不可能です。arrow
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.josefrichter.com/helvetwitter/
SASSIENCE ～ 世界が嫉妬するCSSへ
情報デザイン備忘録
iPhone 3G用のWebページを作る3 [Javascript] All About![iPhone 3G用のWebページを作る3 [Javascript] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
Google Code Archive - Long-term storage for Google Code Project Hosting.
xr0038 | userstyles.org
http://note.openvista.jp/2008/customizing-google-with-user-css/
サービス終了のお知らせ
構造のマークアップなしでフロートをクリアする方法