ブラウザにやさしいHTML/CSS
1. HTML/CSS 〜 「お・も・て・な・し」をブラウザにも 〜 TAKEHARU IGARI Front-end Engineer / Evangelist ブラウザにやさしい <html5j パフォーマンス部 第⼀回勉強会 /> 2. プロフィール • TAKEHARU IGARI 猪狩 丈治 - 所属 • 株式会社 Lei Hauʼoli フロントエンドエンジニア - 略歴 • 表⽰速度、保守性、ブランディング、SEOを考慮したフロントエンドエンジニアリングを得意とし、 現在、各ナショナルクライアントのプロジェクトや、株式会社リクルートの主要サービスのフロント エンド開発に携わり、⾼速化コンサルティングも⾏う。 - 執筆 • 技術評論社「WEB+DB PRESS」 • Vol.66 〜我流コードからの卒業HTML構造化指南 • Vol.59 〜「Webサイト超⾼速化実況中継 ──
Firefox3.5 で CSS text-shadow を利用する : Serendip – Webデザイン・プログラミング
Firefox3.5 で取り込まれた text-shadow を使ってみる。 text-shadow は "テキストそのもの" と "text-decoration" に対して効果が適用される。 書き方 "影の色"、"水平方向の移動距離"、"垂直方向の移動距離"、"ぼかしの強さ" の各値を指定する。 影の色を省略するとフォント色になり（Safari4、Google Chrome ではシャドウが適用されなくなる）、ブラーを省略するとぼかし効果がなくなる。 カンマ区切りで複数のシャドウを組み合わせることもできる。 text-shadow: <color>? <offset-x> <offset-y> <blur-radius>?; text-shadow: <offset-x> <offset-y> <blur-radius>? <color>?; サンプル .type1 { text-sha
When can I use... : Compatibility tables for features in HTML5, CSS3, SVG and other upcoming web ...
Styling <pre> tags with CSS - CSS <code> - CSS Code Blocks - CSS <pre> Code Snippets Tutorial
Although there are many useful plug-ins out there that dress up code snippets, I would like to share a technique playing with the background of the <pre> and <code> tag with CSS. View Demo Common Problem with FireFox When trying to add some padding to the <pre> tag, FireFox creates a cross-browser bug where it interferes with the spaces created by the space or tab bar. See below for an example. So
Internet Explorer (Windows) CSSバグリスト
ここにはWindows版Internet Explorer4.0以降（WinIE）のCSS/DOM実装バグの一覧があります。以下のリストからそれぞれのバグの詳細を見ることができます。 WinIEのCSS実装 WinIE6.0以降に「DOCTYPEスイッチ」が実装されています。DOCTYPE宣言により、W3Cが策定したCSS仕様に従う「標準モード」か、過去のUAに実装されていたCSS仕様に従う「互換モード」で解析・描画が行われます。 DOCTYPE宣言なし： 互換モード HTML3.2以前： 互換モード HTML4 Transtional/Frameset（システム識別子なし）： 互換モード HTML4 Transtional/Frameset（システム識別子あり）： 標準モード HTML4 Strict： 標準モード XHTML（XML宣言なし）： 標準モード XHTML（XML宣言あり）
CSS - dtをfloatする場合の注意点 | Try | d-spica
dtをfloatし，margin, padding, borderなどをあてる場合の注意点です。 Tried at 2008-05-12 まず，マークアップは次の通り <dl class="recent"> <dt>2008-05-12</dt> <dd>ページ5を更新しました。テキストテキストテキスト。</dd> <dt>2008-05-10</dt> <dd>ページ4を更新しました。テキストテキストテキスト。</dd> <dt>2008-05-07</dt> <dd>ページ3を更新しました。テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。</dd> <dt>2008-05-06</dt> <dd>ページ2を更新しました。テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。</dd> <dt>2008-05-04</dt>
[CSS]IE6でよく遭遇する6つのバグとその解決方法 | コリス
CSS Trickのエントリーから、IE6でよく遭遇する6つのバグとその解決方法の紹介です。 IE CSS Bugs That’ll Get You Every Time ボックスモデルのバグ マージンが二倍になってしまうバグ min-width, min-heihgtと同等の指定 Stepdownバグ hover擬似クラスをa要素以外にも対応 透過PNGを透過表示に対応 ボックスモデルのバグ <textarea name="code" class="css" cols="60" rows="5"> div#box{ width:100px; border:2px solid black; padding:10px; } </textarea>
Everything you should know about CSS3 - CSS3.info
The CSS Working Group has reached an impasse on the issue of percentage margins (and padding) in flex and grid layout, and needs your input to help decide it. Option 1: Flex and grid items resolve percentages in margin-top and margin-bottom against the height of the element’s containing block. Option 2: Flex and grid items resolve percentages in margin-top and margin-bottom against the width of th
Using CSS to Do Anything: 50+ Creative Examples and Tutorials - noupe
Using CSS to Do Anything: 50+ Creative Examples and Tutorials CSS can powerfully open the doors to a lot of rich and unique techniques. Today we are presenting a round-up of CSS coding, creative approaches and techniques. Definitely worth taking a very close look at! We also included some basic techniques you can probably use in every project you are developing. This is just the third article in t
CSS Properties Index · Jens Oliver Meiert
A list of all CSS properties and their initial values. Note announcement and comments as well as the complementary HTML elements index. The “living CSS” part of this index (“CSS 3/CSS”) is not being maintained at the moment (as of April 2019). For the latest in CSS, consider W3C’s properties list. A B C D E F G H I J K L M N O P Q R S T U V W X Y Z Property ↓ CSS 1 CSS 2 CSS 2.1/2.2 CSS 3/CSS Ini
IE7対応しているかどうかを確認するための3つのポイント
既存のウェブサイトのCSSについて、IE7対応しているかどうかを確認するためのポイントは大きく3つかなと思います。 スターハック（* html）の記述があるかどうか プロパティハック（_property:value）の記述があるかどうか html>bodyの記述があるかどうか これらの記述がなく、それでいてIE6で十分きれいに表示できていれば、IE7でも大体大丈夫だと思います。IE7で確認する必要がないということではありませんが。 スターハック対応スターハックで記述されている箇所はIE7では無視されてしまいますが、その上の行に*+htmlで指定を追加すると問題なくなります。きれいなCSSとはいえませんけど、他のブラウザに影響を与えない方法としては有効です。 *+html body .class {height : 100px;} * html body .class {height : 1
clip
Updated 2013.11.05 / Published 2007.02.02 clipプロパティは絶対位置決めの要素の表示領域の中で、特定の領域だけを切り抜いて表示することができます。 CSS2 仕様では、ブロックボックスを形成する要素または置換インライン要素の中で overflowプロパティに "visible" 以外の値を持つ要素が適用対象でしたが、UA の対応状況にあわせて、CSS2.1 より仕様が大きく改訂され、CSS2.1 仕様ではpositionプロパテに"absolute" の値をもつ絶対位置決めの要素に限られています。 値 rect auto inherit 初期値 auto 適用対象 絶対位置決めの要素（position : absolute ;） 継承 しない メディア visual clipプロパティの値 CSS2.1 で切り抜ける形状は矩形（四角形）のみです。
ウェブ制作・プログラマー・デザイナーのためのチートシート集 | コリス
Scott Klarrのエントリー「Cheat Sheet Index」から、ウェブ制作・プログラマー・デザイナーのためのチートシート集です。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web Hosting - This site is temporarily unavailable
Tanreisoftware.com
SitePoint CSS Reference
CSS Layouts: Grid and CSS Layouts
CSS 2.1のエッセンス -- 脱初心者をめざす人のためのホームページ作成講座
http://www.webdesignfromscratch.com/current-style.cfm