CSS JSON
Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g. fonts, colors, spacing) to Web documents. JSON (JavaScript Object Notation) is a lightweight data-interchange format. CSS may easily be expressed in JSON notation (CSS JSON). CSS JSON is a powerful and flexible approach allowing for inheritance and logical constructs within CSS. CSS JSON Structure { "selector-1":{ "property-
World Wide Web Consortium Celebrates Ten Years with Style
Cascading Style Sheets Have Changed the Face of the Web http://www.w3.org/ – 19 December 2006 – This year the World Wide Web Consortium proudly celebrates the ten years of Cascading Style Sheets (CSS), the technology designers use to create attractive, economical, and flexible Web sites. “The design community has confirmed that using CSS promotes beauty while making it easier and less expensive to
WAP CSS/WCSS Tutorial - Learn Cascading Style Sheets for WAP Sites with the Help of Examples
WCSS (WAP CSS, also known as Wireless CSS or Wireless Profile CSS) is the cascading style sheet language that is used with XHTML MP. It is based on CSS2. Like XHTML MP, WCSS is defined in WAP 2.0. At the beginning of our WCSS tutorial, we will mention about what WCSS is, the advantages and disadvantages of using WCSS on your WAP site, WCSS's syntax, etc. After that we will look at different ways t
Styling hCards with CSS
There are plenty of places online where you can learn about using the hCard microformat to mark up contact details at your site (there are some resources at the end of the article). But there’s not yet been a lot of focus on using microformats with CSS. So in this installment of 24 ways, we’re going to look at just that – how microformats help make CSS based styling simpler and more logical. Being
MovableTypeで行こう！: ちゃんとCSSするために
「ちゃんとCSSするための」というタイトルはダテではありません。 MTでブログを構築する時に、CSSは当たり前のように使うわけですが、ああしたいこうしたいということをネットで調べたりリファレンス本を参考にして、とりあえず形にすることが多いと思います。 しかし、それは、「ちゃんとCSS」していないことが多いと思います。 CSSを使ってサイト構築するというのはどういうことなのか、「ちゃんと」するってのはどういうことなのか、それをきちんと理解させてくれる良書です。 CSSだけではなく、(X)HTMLをどう書くのか、それをどうCSSで飾っていくのかをきっちりと書いてくれている本は実はあまり多くありません。 なんとなくCSSしていた人に、ぜひ読んでほしいと思います。 サイトを構築するすべての人、この本は必読です。
pruto.jp - よく使うCSSの話|基本編
2008.06.24 1年半ほど前の記事なので、現在は通用しない部分もあるかと思いますので最新の技術・流行り等を求めている方はご注意ください。 仕事を始めて数ヶ月が過ぎ、案件もいくつかこなしてきたりしてきた。 自分の仕事の進め方の中で毎度一瞬迷う部分がある。それはCSSを書き始めるときである。 どうしようかなーなんて迷いながらもなんだかんだで結局はいつも同じ形で出来上がるから今後どうしようかなーなんて迷わずにスパっと仕事に入れるようにするためのまとめてみよう。 はてなブックマークなんかでもよくCSS関連の記事が人気エントリーにあがってきたりして、それらを踏まえつついつか自分なりにまとめて書きたいとおもっていたから丁度良い。 色々あるからまずは基本となるところから。 仕事を始めて数ヶ月が過ぎ、案件もいくつかこなしてきたりしてきた。 自分の仕事の進め方の中で毎度一瞬迷う部分がある。それはCS
Showing Good Form
Earlier this year, I forget exactly when (it’s been a good year), I was building a client site that needed widgets which look like this (designed, incidentally, by my erstwhile writing partner, Cameron Adams): Building this was a challenge not just in CSS, but in choosing the proper markup – how should such a widget be constructed? Mmm … markup It seemed to me there were two key issues to deal wit
Ruthsarian Menus : Ruthsarian Layouts
Demo : Download : Updated 2007.06.08 Why? In the beginning there was pure CSS menus and it was good. Except it wasn't. IE6 and earlier, as well as other browsers, didn't support the kind of CSS selectors used to generate dropdown menus. And lo we found Suckerfish and all were opened to the power of the dropdown menu. But Suckerfish didn't work so well either. Son of Suckerfish came along and mad
CSS Server-side Constants // ShaunInman.com
The Last Rocket An 8-bit game for iPhone, iPad and iPod touch Minted of course. In partnership with UpdatePlease be sure that you are using at least v004 of CSS Server-side Constants. Previous versions had a critical security flaw. Please remove older versions from your server and download v004 Fueled by Friday’s feedback on CSS Server-side Variables I’ve taken another whack at this idea. The term
!important だらけの CSS にお別れを
CSS を記述するときに記述したスタイルの適用優先順位を理解していないと思ったようにスタイルが適用されなかったり、後からメンテナンスするときに効率的な作業ができ... CSS を記述するときに記述したスタイルの適用優先順位を理解していないと思ったようにスタイルが適用されなかったり、後からメンテナンスするときに効率的な作業ができなかったりと、思わぬところで無駄な時間をとられたりします。 で、結果として !important 宣言を連発、気が付いたら CSS が !important 宣言だらけになるなんてオチが待ってたりするわけですが、そうならないためにも CSS が適用される際の優先順位について簡単におさらいをしてみたいと思います。 CSS は、「Cascading Style Sheets」 という名前の通り、「Cascading」 されて （段階的に） 適用されます。よって、簡単に言っ
CSS のコメントの書き方コレアレ
CSSもHTMLと同じように、ソース中にコメントを挿入することができます。 /*と*/で囲った文字列がコメントになりますが、入れ子にすることはできません。また、他のプログラムにあるような「#」や「//」といった単一行コメントはありません。 適切なコメントを挿入することで、複数人での作業するときや、時間がたってから編集するときなどにコードの見通しが良くなります。ブラウザ間の差異を埋めるための宣言やハックなんかも、適用させるブラウザ名や理由などをきちんとコメントで書いておきたいですね。 僕は、スタイルをグループに分けて記述するときなど、コメントを目立たせるために次のように記述しています。 /* ------------------------------ Header ------------------------------ */ div#header { } . . /* -------
DirectX
Microsoft Learn. Spark possibility. Build skills that open doors. See all you can do with documentation, hands-on training, and certifications to help you get the most from Microsoft products. Learn by doing Gain the skills you can apply to everyday situations through hands-on training personalized to your needs, at your own pace or with our global network of learning partners. Take training Find
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
Lucky bag::blog: ピュア CSS なプレゼン用スライドショー
前回の「CSS3 の target 疑似クラスで脚注を動的に表示する」に引き続き、:target 疑似クラスを使ってスライドショーみたいなんを作ってみた。ひとつの HTML 文書なんだけど、画面が切り替わっていくかのように見せる。ピュア CSS とか言いつつも、前回同様、:target 疑似クラスに未対応な IE でも動くように JavaScript を使っている。純粋に CSS のみで動くのは、Firefox、Safari あたり。Opera は動かない。 ピュアCSS なプレゼン用スライドショー サンプル <div id="section-01" class="section"> <!-- 1ページ目 --> … </div> <div id="section-02" class="section"> <!-- 2ページ目 --> … </div> <div id="section-0
CSS Rounded Corners 'Roundup' | Smiley Cat Web Design
This collection of techniques to create boxes with rounded corners using CSS has become quite popular. The problem now is there are so many choices it’s hard to know which one to choose. To that end I’ve provided some more information about each method in order to help people choose which best fits their needs. Some of these techniques use CSS and one or more background images, some use CSS, JavaS
CSS切替スクリプト - 徒委記
CSS切替スクリプト 目標/特徴 ソース 使い方 利用許諾 要望 今後の予定 既知の問題 変更履歴 経緯 利用サイト 他にスタイルシート切り替えスクリプトを提供しているところ なるべくDOM標準に沿うようにCSS切替スクリプトを書いてみる試み。 いちゆうさんのスタイルシート切り替えスクリプトを元にしています。 目標/特徴 なるべくDOM標準に沿った方法を用いています。 でもIE5以上で動作するようにしています。 付随的な特徴: application/xhtml+xmlなページにも対応しています。 Opera 7でも動作するようになりました。 MacIE 5でも動作するようになりました。 動作しないブラウザでも、スクリプトのエラーダイアログを出さないようにしています(WindowsのNN3, IE4でエラーダイアログが出ないことを確認)。 ソース 徒委記で動かしているスクリプト /* cs
hxxk.jp - IE 7 正式版を含む各種ブラウザの CSS Selectors testsuite の検証結果のまとめ
記事データ 投稿者 望月真琴 投稿日時 2006-10-20T03:57+09:00 タグ CSS Firefox IE Opera まとめ 概要 IE 7 の正式版がリリースされたので、 CSS Selectors testsuite の IE 6 と IE 7 と Firefox 1.5.0.7 と Opera 9.02 での検証結果をまとめてみました。 リプライ 4 件のリプライがあります。 IE 7 の正式版が出たので CSS Selectors testsuite でチェックしてみた IE 7 の正式版がリリースされたので、かねてから便利だと思っていた、 Lucky bag::blog: 使用中のブラウザの CSS セレクタ対応状況をチェックできる CSS Selectors testsuite で紹介されていた CSS Selectors testsuite - CSS3 .
【レポート】@media2006にみるWebデザインのトレンド (1) 新たな知識やテクニックを皆で共有する必要がある(Eric Meyer氏) | クリエイティブ | マイコミジャーナル
6月15、16の両日、ロンドンの中心部に位置するクィーンエリザベスⅡカンファレンスセンターにて、「@media2006」と呼ばれるWebデザイン関連のカンファレンスが催された。@mediaは昨年に引き続き2度目の開催。イギリス国内外のエキスパートを招いてWebデザインに対する最新のアプローチを学び、また議論するためのイベントである。2日間の日程において、筆者の参加したセッションのなかから、特に興味深かった6つのセッションを通じ、Webデザインのトレンドを紹介したい。 @mediaの会場となったクィーンエリザベスⅡカンファレンスセンター CSS10年間の軌跡 - Eric Meyer氏 キーノートプレゼンテーションを行ったEric Meyer氏は、数々の関連書籍や講演活動を通じ、Cascading Style Sheets(CSS)のエキスパートとして知られている。彼のプレゼンのタイトルは
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Dreamweaver
Faster Development with CSS Constants