今年の 5月頃に発表されて、@font-face 時代の幕開けだぜと期待をふくらませていた Web サービス、「TypeKit」 が正式に公開され、誰でも使用できるようになりました。Typekit is live : The Typekit BlogTypeKit は、著作権問題をクリアした多くの... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
先日、「2009年の Web デザイントレンド」 というエントリーで紹介した Smashing Magazine の記事、 「Web Design Trends For 2009」 ですが、予告通り続きが公開されていたので紹介します。前回のエントリーよりレイアウト手法などにすこし範囲広げて、21の... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
立て続けに人のエントリーに乗っかってますが、、S i M P L E * S i M P L E さんで紹介されていた、「CSSだけで文字にドロップシャドウをつける方法」 (元ネタはこれ) に関してはちょっと気になったので書いておこうと思います。 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
IE7 の CSS レンダリングを検証Entry InformationyoshiNovember 3, 2006 - 19:02.html/cssIE7 の日本語版もリリースされ、ぼちぼち使い始める人たちも増えてきそうな今日この頃。IE7 からは今まで Firefox 等に比べて遅れていた CS... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
CSS を記述するときに記述したスタイルの適用優先順位を理解していないと思ったようにスタイルが適用されなかったり、後からメンテナンスするときに効率的な作業ができなかったりと、思わぬところで無駄な時間をとられたりします。で、結果として !important 宣言を連発、気が付いたら CSS が !i... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
去る 2月1日に開催された 「XHTML+CSS (r)evolution, 2nd」 。残念ながら私は参加できなかったのですが、どうやらサイバーガーデン益子さんのプレゼン内 (スライド資料 / 音声データが公開されています) で、当サイトの 「CSS3 セレクタ チートシート」 を参考資料として... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
前回の続きです。今回が最終回、擬似要素を中心にまとめています。 擬似要素についてですが、CSS3 では擬似クラスと擬似要素を明確に区別するため、擬似要素に関しては、「:」 を 2回使って、「::」と記述することが定義されています。CSS2 までに準拠してコーディングする場合は従来どおり、「:」 1... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
サイトリニューアルと同時に印刷用スタイルも書いてみたんですが、ふと気がついたのは、pre 要素の中身って印刷するとき紙からはみ出しちゃって全部印刷できてないじゃんっていうこと。 Blog の記事を印刷する人ってそんなにはいないと思いますが、一応対策しておくかということで書いてみました。と言っても、... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
当サイトの各カテゴリーごとのエントリー数を見ていたら、(X)HTML / CSS に関するエントリーがとっても少ないことに気がついたので、CSS ネタでも書いてみますよ。 で、今回はエントリーなんかでリンクを張るときに、当然外部サイトへのリンクと、自分のサイト内へのリンクが混在することになるかと思... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
前回、S i M P L E * S i M P L E さんのエントリーにただ乗りさせていただく感じで書いた 「CSS は正しくお使いください」 というエントリーですが、Text shadows プロパティが定義されてブラウザが実装するまで待てって、まったく解決になってねーよっていうエントリーだ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
あけましておめでとうございます。新年最初のエントリーはプルダウンメニューで画面表示用、プリント用など、出力メディアタイプ別に CSS を簡単に切り替えられるスクリプトの紹介。元ネタは 「A List Apart」 から。 Articles: Invasion of the Body Switche... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Ajax、CSS、PHP、Flash、JavaScript などを使用して何か作ろうと思った時に、1からすべて考えるのではなく、他の人が過去に作っているサンプルなどを参考にできたらとっても助かったりします。ということで、これら様々なチュートリアルをまとめたサイトを紹介。Digg 経由。 Tutor... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Web サイトのレイアウトに関しては、横幅を固定した固定レイアウト、ブラウザのウィンドウサイズと連動するリキッドレイアウト、文字サイズと連動するエラスティックレイアウトの 3種類がよく使われますが、どのレイアウトが一番文章が読みやすかったり、利便性が高いのかって考えたときに、当然好みは人それぞれ。... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
以前、CSS3 セレクタをまとめたエントリーを 3回にわたって上げましたが、それらをまとめる意味で CSS3 セレクタのチートシートを作ってみました。 本当は、サンプルソースとか、セレクタに関する説明とか色々入れようと思ったんですけど、A4 サイズ 1枚にまとめるのはスペース的に不可能だったので、... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
ネタ切れしたときは、困った時の digg 頼みってことで紹介。 「List of CSS galleries」 というページで CSS デザインのイケてるサイトを集めた CSS ギャラリーサイト 44サイトのリストが公開されていました。 List of CSS galleries :CSS gal... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
前回の続きです。今回も引き続き、CSS3 で定義予定のものも含めて、CSS セレクタのリファレンスいきます。 今回は擬似クラスを中心に取り上げてみますが、CSS3 では擬似クラスが大幅に拡張されていますので、見慣れないものばかりかと思いますが、知っておくといいかもしれません。ただし、ブラウザのサポ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
XHTML、CSS を学ぶ時にやりがちな間違いを私の個人的独断と偏見でつらつらと書いてみます。今から (X)HTML を学ぶのであれば、HTML よりも XHTML でしょということでタイトルや本文内では XHTML と書いていますが、ここは HTML に置き換えてもらっても同じだと思います。 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
フォームの入力コントロールの中で、select 要素によるセレクトメニューは、選択肢の数が一定以上増えると選択したい項目を探し出すのがちと面倒になります。そんな時のために optgroup 要素が存在するわけですが、こいつを使用した上で、CSS をあてて見た目を装飾する方法と、一部ブラウザでの注意... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|