CSS 日本語レイアウト関連仕様 日本語翻訳
このサイトでは、W3C CSSの、主に日本語レイアウトに関する仕様を非公式に日本語翻訳した結果を掲載しています。 本ページがCSS日本語レイアウト関連仕様の理解の助けとなり、仕様策定を促進することを目的として作成しました。 更新情報 2013.8.7: 血統の森にてCSS Text Decoration Module Level 3(W3C Candidate Recommendation 1 August 2013)がすでに翻訳されておりましたので、本サイトでの翻訳を中止し、そこへのリンクを貼る形といたします。 2013.8.5: CSS Text Decoration Module Level 3 が2013.8.1にCRとなりましたので、仕様がある程度安定したと判断し、翻訳を開始いたします。 2012.6.10: 都合により、仕様がLast Callになるまで仕様の翻訳を休止いたしま
スマホでタップできることを示すアイコンなどをCSSのみで実装してみましょう
あたり前だろうと思っていることが実はあたり前ではないとうことがありますね。 スマホサイトのデザインでよくある、タップできる領域の右端に矢印みたいなのがついてるものがあります。 こんなやつですね。 こんな時に矢印みたいなアイコンをCSSで実装してみましょう。 以下のHTMLとCSSで実装可能です。 HTML <ul> <li><a href="#">あいうえお</a></li> <li><a href="#">かきくけこさしすせそたちつてとなにぬねの</a></li> </ul> CSS * { margin: 0; padding: 0; } a { display: block; position: relative; border-bottom: 1px solid #ccc; padding: 11px 25px 11px 11px; color: #000; font-weight
@-moz-document - 徒委記
@-moz-document 書式 例 利用可能なブラウザ 参照 Mozilla / Firefoxでサイト別にCSSスタイルを適用することを可能とする@-moz-documentルールについて。 書式 W3CのMLに投稿された、per-site user stylesheet rulesより。 docrule ::= "@-moz-document" S+ url-list "{" S* ruleset* "}" url-list ::= url-item ( "," S* url-item )* url-item ::= ( "url(" | "url-prefix(" | "domain(" ) URL ")" S* S は空白類。( [ \t\r\n\f]+ ) domain() の場合、括弧内に入るのは、正確にはURLでなくホスト名(ドメイン名)になるようです。 例 以下のような
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
どう考えても無茶な「CSSプログラミング」が話題に
CSS3がいくらパワフルとはいえ、さすがにここまで凝ったものが作れるとは思いませんでした。 まずはChromeでこちらを遊んでみてください。 CSS3 OF THE DEAD - jsdo.it - share JavaScript, HTML5 and CSS まるでJSをバリバリ使ったゲーム、のように見えますが、実は「Only CSS」。上のSTOPボタンを押すとコードを確認することができます。 jsdo.itでCSSプログラミングが流行中！ ええ、どう考えても無茶なんです。CSSはプログラミング言語じゃないですからね。 CSSの機能を巧みに組み合わせて作成されています。 ということで、投稿作品のほんの一部を紹介したいと思います。 CSS PANIC CSSだけで作られたワニワニパニック。 このコードは海外のユーザーにも大きな反響を呼びました。
深圳普好信息技术有限公司
X8.cn ￥52888 秀吧/小8 8P.cn ￥36888 八品/8铺 5Z.Net ￥45888 五洲 6i.Net ￥36888 乐爱 7H.com.cn ￥8888 七禾 8H.com.cn ￥8888 8号 E51.com ￥28888 医无忧 51P.com ￥48888 我要拍 C7C.com ￥28888 c7c 3BW.com ￥48888 3百万 BW1.com ￥23888 百万 82W.com ￥48888 八二网 82P.com ￥38888 P=PJ 81P.com ￥38888 P=PJ 81K.com ￥38888 K=K3 65D.com ￥38888 D=DF 59D.com ￥38888 D=DF U76.com ￥38888 U=游戏 U71.com ￥25888 游企业 U91.com ￥28888 91系 W61.com ￥38888 W=WN
Google ChromeでＭＳ ＰゴシックをArial+メイリオに置換する
最近のブラウザではWebフォントの利用を可能にする@font-faceをサポートしており、使われているサイトもよく見かけるようになった。@font-faceはWebフォントの利用に限らず、ローカルのフォントの再定義にも使えるので、ユーザースタイルシートで利用すればＭＳ Ｐゴシックをメイリオに置換することが出来る(Chromeでも)。これに留まらず@font-faceデスクリプターのunicode-rangeプロパティを利用すれば、英数字はArialで日本語部分はメイリオで置換するなどというわがままなことが出来る。 unicode-rangeプロパティはグリフのコードを範囲指定することによってsrcプロパティで指定されているフォントのどの部分を利用するかを決定するもの。つまりArialから英数字(PDF: Basic Latinと呼ばれる範囲)を取ってきてＭＳ Ｐゴシックを置換する場合はGo
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
基礎となりつつあるCSS3と、CSSの現在、これから | Web標準Blog | ミツエーリンクス
3月はブラウザのリリースが続いた一ヶ月でした。Internet Explorer 9, Firefox 4, Chrome 10が正式版となり、またOpera 11.10, Chrome 11がそれぞれベータ版として公開されました。 それぞれのCSSサポート状況を見ながら、CSS3の現在とこれからについて考えてみました。 スナップショットがベースラインに IE9でがセレクタとColor, 名前空間、メディアクエリーを実装したので、デスクトップブラウザにおいてCSSスナップショットが満たされたことになります。IE9がWindows Phone 7に提供されると、スマートフォンにおいてもそれが完了します。CSS3は一部ではありますが、CSSの基礎となったのです。現在のPCサイトでは主にCSS 2.1段階のCSSが開発の基礎技術として認識されていたように思いますが、今後はスナップショットに移行し
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
iPhone Android など、スマートフォン向けhtmlコーディング/CSS : H.I. Art Works [ Web Technology ] – ウェブ制作技術情報 -
iPhone / iPod touch の画面サイズへの調整 画面サイズ：320×480px（Safariの表示領域は320×356ｐｘ） 横幅980pxまでのサイトは自動で320まで縮小する iPhone向けサイトを作成する場合は、meta name=”viewport”を指定すると、iPhoneでの最初の表示サイズ等を指定できます。 1 <meta name="viewport" content="width=320, "> 例えば上記のように書いた場合、横幅320ピクセル分までの領域をiPhoneの画面上に表示する事になります。 横幅を何も指定しない場合、横幅980ピクセルまでの領域が、画面上で表示されるように自動的に縮小します。 ※iPhoneでは画面サイズに合わせて文字が改行するわけではなく、PCのモニタなどで表示する横幅980pxまでの位置で文字を改行し、それを縮小すると
CSS 3 media queriesでスマートフォン対応してみる - ヲレサイト
CSS 3 media queriesでスマートフォン対応してみる ブラウザの表示の幅によってこのブログのスタイルシートを切り替えるようにしてみた。 パソコンのブラウザから見てる場合、ウインドウの幅を縮めると640ピクセルを境に切り替わる･･･はず。 サイドカラムがドンと下に落っこちるだけなんだけどね。それと横幅に合わせて改行幅が変わるリキッドレイアウトにしてみましたが。レスポンシブWebデザインとかいうらしい（￣ー￣）ニヤリ ちなみにInternet Explorerは9以上でないとCSS3にほとんど対応してないので切り替わりません･･･ （追記：IE8以前にcss3-mediaqueries.jsを読ませるようにするとIE6,IE7,IE8でもぎこちないけど切り替わるみたい。） Firefoxではこんな感じ。ChromeとSafariでも確認はしてみた。 横幅1000pxくらいの場合
IE6で画像表示がズレてるときにまずチェックすべき４つのポイント | かえラボBlog
なんとなくいまっぽいタイトルにしてみましたｗ vertical-align を baseline から bottom に。またはその逆。囲っているブロック要素の font-size を0に。または overflow を hidden に。zoom:1 などで hasLayout を true に。間にコメントや改行をいれずに並べてみる。 それでもダメならレイアウトを変えてみる。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS4セレクタ (Selectors Level 4) の新機能
HTML5 Coding assessment test - jsdo.it - Share JavaScript, HTML5 and CSS
IDEA * IDEA
IDEA * IDEA
[CSS]ブラウザのサイズに合わせてスタイルシートを変更する方法
CSS3をIEにも対応させる « サイト制作・研究中の内容を紹介するラボブログ | 株式会社トライアド
@media (メディアクエリ) について | かえラボBlog