[B! CSS] CAXのブックマーク

実は重要！？htmlファイルの1行目「文書型宣言」とは｜株式会社アクトゼロ｜クリエイティブブログ

いつもコピペで書いている文字列コーディングをする上でまず間違いなく書いている、<DOCTYPE…から始まる文字列。あれは、ただのおまじないではなくちゃんと意味があるものなのです。難しい話はここでは割愛しますが、あの文字列は「htmlの仕様を宣言」するものなのです。よく使われる文書型宣言。・html4.01 ＜!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”＞一昔前の主流でした。・xhtml ＜!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”

CAX 2013/06/06

HTML
CSS

リンク

CSS3でシマシマの表をつくる – :nth-child - EC studio デザインブログ

このサンプルページに使用したデータファイル一式です。ご自由にダウンロードしてください。（個人・商用利用可能） CSS3でシマシマの表をつくる – :nth-child のサンプルデータ一式

CAX 2011/12/03

実際にCSSが適応されているサンプルページ。説明＆元記事はこっち → http://designblog.ecstudio.jp/htmlcss/css3-nth-child.html

CSS

リンク

IE9を含む代表的なブラウザで使えるCSS3プロパティ [ホームページ作成] All About

IE9を含む代表的なブラウザで使えるCSS3プロパティCSS3で新しく追加されたプロパティのうち、代表的なブラウザの最新版でなら既に表示可能になっているものをご紹介。背景画像のサイズ調節、透明度の指定、ボックスの影、角の丸い枠など、Internet ExplorerでもIE9でなら表示可能になっているものを集めました。具体的な記述方法も掲載していますので、ぜひ活用してみて下さい。 CSS3で新しく追加されたプロパティのうち、代表的なブラウザ（Internet Explorer、Firefox、Chrome、Safari、Opera）の各最新版で既に表示可能なものの中から4点をご紹介致します。CSS3への対応が遅かったInternet Explorerでも、Ver.9（IE9）でなら表示できます。本記事中の画面イメージは、すべてIE9 RC版（製品候補版）のものです。具体的な記述方法も掲載し

CAX 2011/12/03

CSS

リンク

文字に影を付け、画像に重ねた文字を見やすくするCSS3 [ホームページ作成] All About

背景に写真画像を配置して、上から文字を重ねるデザインを使いたい場合があります。例えば、サイトロゴやページタイトル、見出しをデザインする際などです。しかし、写真の上に文字を重ねると、読みにくくなることもあります。そのようなときは、文字に影を付けたり縁取りしたりすると、読みやすくなります。しかし、それらの文字を画像として作るのは望ましくありません。文字を画像化すると、「修正に手間がかかる、サイズが増える、検索にかからない、途中で折り返せない、範囲選択ができない、文字サイズが変えられない」など、デメリットが多くなるからです。そこで便利なのが、CSS3で追加された「text-shadow」プロパティです。これを使うと、文字に影を付けられます。画像化するわけではないため、先に挙げたデメリットはありません。影には、位置・色・ぼかし具合を指定でき、右図のように様々な効果が実現できます。 1つの文字に

CAX 2011/12/03

CSS

リンク

CSSのnth-childで偶数/奇数行などn番目を装飾する方法 [ホームページ作成] All About

CSSのnth-childで偶数/奇数行などn番目を装飾する方法リストやテーブル(表組み)など多数の項目が連続する要素は、1行おきに装飾を分けると見やすくなります。CSSのnth-child疑似クラスを使えば、偶数行(＝2の倍数番目)だけの装飾、奇数行(＝2の倍数+1番目)だけの装飾などを簡単に指定できます。表なら「n番目の列」のように列単位で色分けするのも簡単です。そのほか、先頭だけ、先頭から5つだけ、3個おき(＝3の倍数)、最後から2番目だけ、最後だけ……など柔軟に指定できて便利です。

CAX 2011/12/03

CSS

リンク

CSSセレクタ20個のおさらい

CSSセレクタって意外と分かっていなかったりするので勉強ついでにまとめてみました。比較的実用的かなと思うものを20個紹介していきます。いい復習になればと思います。 CSSセレクタはスタイルを適用する対象を指定するものです。普段何気なく使っているclassやidなどもセレクタの１つです。属性や要素といった堅苦しい用語が出てきますので図で簡単に説明します。私のように基礎から勉強していないと、要素や属性と聞いてもピンときませんが、知ってみるとなんてことはないですね。また、IEが対応しきれていないCSS3のセレクタもありますが、IE6～8でもCSS3セレクタが利用できるツールの決定版「Selectivizr」で紹介したようにCSS3セレクタはie対策も容易なのでぜひお試しください。 SelectivizrはCSSを外部ファイルで指定した方がいいのですが、今回のサンプルはCSSを外部ファイル

CAX 2011/06/15

CSS

リンク

ASCII.jpリファレンス

サービス終了のお知らせ ASCII.jpリファレンスはサービスを終了しました。2009年のサービス開始以来、長きにわたりご利用いただき、ありがとうございました。 2017年10月5日株式会社KADOKAWA Web Professional編集部

CAX 2009/10/30

HTML, CSS, JavaScript, PHP, MySQL, Apache, Linux, Perl

リンク

ASCII.jpリファレンス

サービス終了のお知らせ ASCII.jpリファレンスはサービスを終了しました。2009年のサービス開始以来、長きにわたりご利用いただき、ありがとうございました。 2017年10月5日株式会社KADOKAWA Web Professional編集部

CAX 2009/10/30

CSS

リンク

インストール不要！Web制作者必見のCSS解析ツール

「優れたCSSレイアウトのマークアップを研究したい」「制作途中のWebページの表示不具合の原因を探りたい」――そんなときに使えるツールといえば「Firebug」や「Web Developer」がおなじみだ。これらのツールはCSSや（X）HTMLの確認だけでなく、その場で編集したり、JavaScriptのデバッグもできるスグレモノ。だが、もっと最低限の機能だけを手軽に使いたい、というケースもあるだろう。（X）HTMLの構造やCSSのプロパティのチェックに特化したシンプルなツールが「XRAY」だ。Webブラウザーに登録して使うJavaScriptブックマークレットのXRAYは、アドオンをインストールする必要もなく、機能が絞られている分、動作も軽快だ。事前準備は、作者・Westcivのページにアクセスし、「XRAY」と書かれたボタンをブックマークに登録するだけ。FirefoxやSafariな

CAX 2008/12/02

CSS

リンク

CSS YEAR OF THE CAT

このウェブサイトは販売用です！ desperadoes.biz は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、desperadoes.bizが全てとなります。あなたがお探しの内容が見つかることを願っています！

CAX 2007/09/19

CSS

リンク

続き - チープカ

CAX 2006/09/26

CSS

リンク

写真のはみ出し解除法 - hkn?

オーベルジーヌ実食レポ食べ物の鼻塩塩(未だに通じるのかな) オーベルジーヌというカレーをご存知だろうか都内にあるデリバリー専門のカレー屋で、ロケ弁などで大人気の本格欧風カレーが楽しめるらしいいいな〜いいな〜オブザイヤー都内の奴らはこんな良いモン食ってんのか許せねえよ………

CAX 2006/09/26

CSS

リンク

ページ作成のテクニックをまとめた「20 pro tips」が公開されています - PHPプロ！ニュース

平素より「PHPプロ！」をご愛顧いただき、誠にありがとうございます。 2006年より運営してまいりました「PHPプロ！」ですが、サービスの利用状況を鑑みまして、2018年9月25日（火曜日）をもちましてサービスを終了させていただくことになりました。サービス終了に伴いまして、2018年8月28日（火曜日）を持ちまして、新規会員登録ならびにQ&A掲示板への新たな質問、回答の投稿を停止させていただきます。なお、ご登録いただいた皆様の個人情報につきましては、サービス終了後、弊社が責任をもって消去いたします。これまで多くの皆様にご利用をいただきまして、誠にありがとうございました。サービス終了に伴い、皆様にはご不便をおかけいたしますこと、心よりお詫び申し上げます。本件に関するお問い合わせはこちらよりお願いいたします。