ブラウザのウインドウサイズに合わせて、スタイルシートを変更し、レイアウトを最適化する方法をCSS-Tricksから紹介します。 Different Stylesheets for Differently Sized Browser Windows デモではブラウザのサイズを変更すると、それに応じてレイアウトが変わります。
HTMLにおける「段落」をめぐって HTML文書での段落の表現について、混乱し た議論や解説が少なからず見受けられる。この小文では、 HTMLの仕様で定義されるP要素と、日本語文の 段落に関したことを扱う。 HTMLではP要素がparagraphを表す HTMLにおいてparagraphを表す要素はP要素であって、それ以 外には無い。これは疑う余地のない事実である。 段落 = paragraph 英語の "paragraph" に対応する日本 語は「段落」である、ということにすると何かと都合が良い。ただ し、「段落」は "paragraph" の訳語とし ては必ずしも適当とは言えず、敢えて「段落」と言わずに「パラグ ラフ」という言い方がなされることもある。しかしながら、paragraphの意味で「段落」という言葉を用いる のは一般の国語辞典にも見ることができ、ほかに適当な言葉が見当 たらな
レスポンシブデザインを採用したページヘの設置を想定した h2vR.js を公開しました。 従来の h2v.js とは設定方法が異なります。 詳細は こちら をご覧ください。 このサイトは、主要なウェブブラウザ上で縦書きレイアウトを実現できるJavaScript・h2vR.js および レガシーバージョン h2v.jsのメインサイトです。 Webページを縦書きに! 縦書きのホームページを作ってみたい…と思ったことはありませんか。 ウェブページで縦書き表示を実現する JavaScript・h2vR.js および h2v.js が、その思いをサポートします。 h2vR.js 縦書きレイアウト実現のための JavaScript "h2vR.js" は、レスポンシブデザインを採用しているページへの対応を強化したバージョンです。 普通に(横書きで)html コーディングしたページ内の指定したエリアを自
CSSの初期化ファイル 2008-05-31 0 0 XHTML/CSS CSS 以前, CSSの初期化 というエントリを書きました。あれからいろいろと試行錯誤し,初期化ファイルがずいぶん変わってきましたので,改めて今ぼくが使っている最新のファイルを紹介したいと思います。 default.css 以下からご覧いただけます。 default.css このファイルは次のような目的で作っています。 各ブラウザが持つデフォルトのCSSをリセットして,レンダリングの違いを解消する。 サイトやページによって書き換えることがほとんどない,基本的な設定を行う。 コーディングが分かりやすくなる初期値を指定しておく。 このファイルをあらゆるサイトで使い回せるようにしておくわけです。 リセット /* Reset */ body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, d
暑い夏がやってきそうなので、久しぶりにツーブロック的な刈り上げにしてみましたishidaです。 今回は最近作業した案件で、これまであまり実践的に使わなかったCSSレイアウトを2サイト連続で使ってみたので、ご紹介。自分も忘れないようにメモ的エントリーです。 ページ下部に固定されるフッターを実現するためのCSSレイアウトです。 positionで実現する方法もありますが、コンテンツ量によっては表示が崩れるので今回は直球勝負です。 XHTML ソースはこんな感じになります。 <div id="container"> <div id="header"> ヘッダー <!-- /#header --></div> <div id="content"> <h1>フッターをブラウザ下部に固定するサンプル</h1> <p>本文が入ります。本文が入ります。本文が入ります。</p> <!-- /#content
丸数字(丸付き数字)「①②③④⑤」を機種依存文字ではなく『数値文字参照』で入力する方法の紹介です。 丸数字(丸付き数字)の表記 丸数字(丸付き数字)の表記 ①②③④⑤⑥⑦⑧⑨⑩ ⑪⑫⑬⑭⑮⑯⑰⑱⑲⑳ 丸数字(丸付き数字)の入力方法 丸数字(丸付き数字)をHTMLで記述する場合は、下記のように記述します。 「①」の箇所が、ブラウザに表示される際に「①」となります。 表示 数値 文字参照 表示 数値 文字参照
Internet Explorer 6/7/8rc1, Firefox, Opera, Safari, Chromeなど主要なブラウザをWindows上で同時に起動できるXenocode Browserを紹介します。 Run IE876, Firefox, Safari, Chrome, and Opera from the web Fx, Op, Safari, Chromeはそのままで同時に起動できますが、IE 6/7/8rc1の異なるバージョンをOSに依存せずにインストール・起動できるのはブラウザ検証の大きな武器になります。 IE 6/7/8rc1でAcid 2のテストを表示してみたところ、レンダリングはそれぞれのバージョンのものになっていました。
Report this add-on for abuseIf you think this add-on violates Mozilla's add-on policies or has security or privacy issues, please report these issues to Mozilla using this form. Please don't use this form to report bugs or request add-on features; this report will be sent to Mozilla and not to the add-on developer.
2013年3月23日 CSS 異なるブラウザーで見たらレイアウトが崩れる。。CSSハックはそんな時のお役立ち裏技(?)です。私がブックマークしているCSSハックに関するWebサイトがたくさんあったので(Safariがのってない・IE8しかのってない。。等の理由で)、自分用メモ。「こんなやり方もある!」というのがあればコメントして教えてください! ↑私が10年以上利用している会計ソフト! Internet Explorer IE6以下 #help_me { _color: blue; } * html #help_me { color: red; } IE7 *:first-child+html #help_me { color: red; } *+html #help_me { color: red; } IE6, IE7 #help_me { /color: blue; } IE8 #h
Adobe Systemsは米国時間6月2日、「BrowserLab」の無償プレビュー版を公開した。ウェブ開発者はこのサービスを利用して、自分が開発したウェブサイトが複数のウェブブラウザでどのように見えるのかをテストできる。 BrowserLabはこれまで「Meer Meer」という開発コード名で呼ばれており、2008年にAdobeが開催した開発者向けカンファレンス「Adobe Max」で最初に披露された。仮想化技術を利用し、さまざまなOS上で動く「Firefox」「Internet Explorer」「Safari」でウェブサイトがどのように表示されるかをテストできる。BrowserLabを動かすには、「Adobe Flash 10」を搭載したMacもしくはWindowsが必要となる。 AdobeのLea Hickman氏は声明で、「クロスブラウザテストは骨が折れるし時間がかかる作業であ
こんにちは!開発担当キヨタカです。 我が社でも、ノベルティを作ってみようということで、ステッカーを作ってみました。 早速私の手元に白と黒の各15枚、計30枚ありますので、ユーザーのみなさんにお届けしたいと思います。 応募方法は「はてなブックマーク」でおなじみ、 このキャンペーン記事を自分のはてなブックマークに追加するだけで応募完了です。 ブックマークに追加してキャンペーンに応募する! まだはてなブックマークでページを追加したことがないという方も、 こちら からはてなブックマークを利用開始いただけます。ぜひこの機会に利用開始して、ステッカーを手に入れてください。 賞品 フェンリルくんのハピネスステッカー1枚 (余白部分には大きなフェンリルくんが3匹いるよ) 抽選で30名様 応募期間 2009年5月1日(金)~2009年5月24日(日)24時00分 応募方法 このキャンペーン記事をブックマーク
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く