[CSSNite in Nagoya 2007] 極力ハックしない CSS というテーマでお話しました - pur*log
[CSSNite in Nagoya 2007] 極力ハックしない CSS というテーマでお話しました 2007-03-12T11:29:48+09:00 Tag: CSS, CSSNite, event, hack, presentation, seminar 去る2007年3月10日、CSS Nite in Nagoya 2007にて、「極力ハックしない CSS」というテーマでスピーカーとして参加させていただきました。 総勢282名という多くの方にご参加いただき、プレゼンターとしてだけではなく、参加者としても有意義に勉強させていただくことができました。 回想や反省を含めて、またあとで追記するか別エントリで書こうと思います。取り急ぎ pdf 版の資料を公開いたします。音声版は後日 CSS Nite 公式ページで公開される予定ですので、興味のある方はご覧ください。（追記）PDF 版に加え
スタイルシートを書く時のガイドライン - 2xup.org
2006-07-11T19:56:28+09:00 会社ではやっているのだけれど、自分のウェブサイトでもやってみよう。と簡略記述を利用する場合の値の順序やらもまとめとく必要があるのかもしれないけれど、セットフォーマットルールやプロパティの順番だけをサクッとまとめて資料にしてみました。課題は残したもののこれだけでも相当すっきり。詳細やセットフォーマットルールに関しては、ダウンロードできるようにしている資料を参考にしていただくとして、このエントリーではプロパティの順序についてまとめることに。自分自身が実際に作業を進めていくことを考慮し、その考えに基づいて設定したモデル別の順序は以下の通り。 生成 内容, 自動番号付け及びリスト (Generated content, Automatic numbering, and Lists) 利用者インターフェイス (User Interface) ビジュ
Wii向けCSS（の資料集め） - Liner Note
Wii向けCSS（の資料集め） 書いた人： leva 投稿日： 2007年01月18日（最終更新：4ヶ月と14日前） 読者の皆さんの反応 1 被ブックマーク数： 2 そろそろブラウザを搭載したゲーム機の登場も一段落ついたので、まとめようかなと思ったんだけども、そもそもそういうゲーム機を持ってないという致命的な問題があって、つっこんだものは書けそうにないのでとりあえず資料だけ。 対象は据え置き型2種 (Wii / Playstation 3) と携帯型2種 (Nintendo DS / PSP) 、だけどおそらくまともに使えるのはWiiくらいなので他のブラウザは後回し。あと、「Wii向けにはこんなCSS書くといいよ」とか書いても、どうせカススタイラのおもちゃにしかなんないだろうから、ブ日記ツール(MT / Wordpress)の標準スキンのCSSとして提供するほうがよいかな
miniturbo::Blog CSS勉強会にいってきました
amachangさん主催の、「新春 CSS 隠し芸大会」にスピーカとして参加してきました。ここ連日、プレゼン用の資料制作に追われていたのですが、なかなか終わらず...。できたのはプレゼン当日の朝でした(徹夜明け)。 以下に、資料を公開します。 Wii +CSS = WSS? (Wii と CSS) 僕は、巷で話題のWiiとCSSを合わせたネタを披露しました。「とにかく、Wii実機では解像度の関係でコンテンツが見づらい。それなら、より快適なブラウジングのために、Wii用のスタイルを作ろう」...といったコンセプトになっています。(時間がなくて、肝心のWii用のスタイルができなかったのですが...) まぁ、無事に終わってホッとしました。他のスピーカの方々、ご静聴いただいた皆様、お疲れ様でした! ちなみに、資料はW3CのHTMLプレゼンテーションツール「HTML Slidy」を使用しました。実際
Jan 18 2007 :: CSS 勉強会で発表しました / nulog, NULL::something : out of the washer
バイト先の社内 CSS 勉強会でちょっと (?) しゃべりました。資料 置いときます。(Safari, Fx, Opera 用) 資料は実際に見せたのと少し変えてあります。本来しゃべるつもりじゃなくてコメントアウトした部分もしゃべってしまったので表示させてあります。 だいぶテンパってまして何分喋ったかよくわかりません。資料とかgdgdですが楽しんでいただけたら幸いです（てけ デザイナさんがいるのにデザインがどうこういうのは笑えよwwwwトロンボーンwwwwって感じですたけど、何も考えないことにしました。 ありがとうございました。 CSS の根本的な部分は発表直前に書きました。ネタがこのへんかぶると思っていたら全くかぶらなかったので急遽入れました。 プレゼンツールは text-hatena.js と MochiKit, KeyTypeListener.js を使ってつくりました。はてグのプレ
デフォルトスタイルの差異を無くす CSS
2007-01-30更新 Yahoo UI Fonts CSS使用時の各要素のフォントサイズを変更する際の注意点を追加しました。 defalut.cssちょっとだけ修正 2007-01-18 更新 記事の内容も古くなり、Yahoo Libraryなどがでて更に差異を減らすことが簡単になったことから、これを利用し、スタイルも簡潔にシンプルに記述しなおしましました。前よりも使いやすくなったはずです。前回配布していたものとの変更点は次のようになります。 定義グループにアウトライン番号を記述 ベーススタイルのデザインをシンプルに記述し直し 使用していたカラーを一部を除いてモノトーンに変更 Yahoo Library Fonts CSSを組み込み、各ブラウザで文字サイズが同一になるように修正 プロパティ記述順序をhail2u.net「CSS2 Specificationでのプロパティの出現順序」に沿
[暴満館] JavaScriptによるCSSの操作
またFirefoxは短縮形で取得しようとすると、設定していないプロパティにデフォルト値が入った状態で返ってくるので注意する。 getStyleValue( "div.hoge", "background" ) //Mozilla : rgb(17, 34, 51) none repeat scroll 0% 0% ルールを削除する function deleteRule( index, sheetindex ) { if( sheetindex == undefined ) sheetindex = 0; document.styleSheets[ sheetindex ].deleteRule( index ); } 全てのルールにはインデックスが振られており、それを指定することでルールから消すことができる。 ただ、同じセレクタで上書きするのとほとんど変わらないので、あまり必要にならない
Comments: Behind the Scenes - Snook.ca
Wow. My comments system has been extremely well received. As a result, a few people have asked how I did it. Position fixed The system was originally intended to be CSS only using position:fixed on the div that contains Post a Comment. This is great for browsers that support it and pretty much useless for any browser that doesn't. There's one caveat on using fixed positioning that I'll get to late
CSS Formatter and Optimiser/Optimizer (based on CSSTidy 1.2)
Language: English Deutsch French Chinese Important Note: Your code should be well-formed. This is no validator which points out errors in your CSS code. To make sure that your code is valid, use the W3C Validator. Code Layout: Compression (code layout): Custom template Options Preserve CSS Sort Selectors (caution) Sort Properties Regroup selectors Optimise shorthands Compress colors Compress font-
CSS記述規則「プロパティ別整理法」の提案 : akiyan.com
2005-03-06 はじめに 2005-03-05 提案の目的 2005-03-07 必須ツール 2005-03-06 注意点 2005-03-11 多くのCSSは図書館方式で整理されている 2005-03-06 図書館方式の例 2005-03-07 図書館方式の利点 2005-03-11 図書館方式の欠点 2005-03-04 図書館方式の何が不満か 2005-03-06 プロパティ別整理法とは 2005-03-04 絶対規則 2005-03-04 推奨規則 2005-03-06 プロパティ別整理法の例 2005-03-11 プロパティ別整理法の利点 2005-03-04 プロパティ別整理法の欠点 2005-03-04 プロパティ別整理法に近い例 2005-03-04 機械との親和性 2005-03-04 Grep検索を活用する 2005-03-04 機械が完全に理解できる 2005-
cocok.jp
車を担保にキャッシングする方法 良く街頭で「車乗ったままでキャッシング」を広告を見かけることがあります。最近お金に困っており、自家用車でキャッシングできるなら、それを担保にしてお金を借りたいと思っています。具体的にどんな方法を取るのでしょうか？また、その際に気をつけることがありますか？ 所有権を債権者に移す方法が主、怪しい業者もたくさんある まず車を担保にする、というのがどういうことかを考えてみましょう。担保にすることには主に2種類の目的があります。一つは相手に借りたお金をきちんと返すようにとのプレッシャーを掛けること、そして、もう一つは万が一相手がお金を返せなくなった時に、担保物を売却してそこから債権回収を図る、ということです。 それを考えると、車の場合、不動産のような抵当権を設定するわけに行きませんから、質権などの担保権を設定するか、もっとお金を貸す側にとって心強いのは、車の所有権その
IEでもborder-radiusっぽいことをするbehavior
特徴 IEで丸い角を表現するためにVMLのroundrectを利用します（超安直）。とりあえずCSS3で書いた（-moz-）border-radiusなスタイルシートにひとつ記述を加えるだけで使えるので、将来に禍根を残すことはないはず。画像を使う方法よりはメンテナンスが楽で、余計な要素が氾濫しているソースよりは綺麗なんじゃないかなぁ、と。新版と旧版がありますが、どちらも中途半端です。 使い方 非IE系のブラウザ用にborder-radius: npxまたは-moz-border-radius: npxを指定してあるところへ、ついでにbehavior: url(border-radius.htc)を追加して下さい。なお、 あらかじめhtml要素の開始タグあたりにxmlns:v="urn:schemas-microsoft-com:vml"を書き加えておく必要があります（しなくても動作し
Nifty Corners
Nifty Corners: rounded corners without images By Alessandro Fulciniti Update This is the original article. The technique has been improved with better browser support and a lot of new features. The new article has been published on the 6th of April 2005. You can read it here. The final version is Niftycube. Rounded Corners with CSS are a hot topic in web design: I think that there are hundreds of
css Zen Garden Shot - read a little
css Zen Garden Shot Select Category Official Designs Theme and Looks-alikes Minimal Special Effects All Others Fun Zen Conceptual Designs Student Gallery 2 Columns 3 Columns 3D Elements 4+ Columns Angled Animals Architecture Black Black & White Blue Brown Chaotic Clever Decorative Disconnected Food Garden & Floral Green Grey Grid Gritty Homage Horizontal Illustration Lively Mixed Columns Orange Pe
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
decaf, decaf.
Dynamic Drive CSS Library- Practical CSS codes and examples
http://www.dhtmlgoodies.com/scripts/css-lookup/css-lookup
Games Answers & Cheats | [UPDATED] – Games Answers, Solutions & Cheats
MovableStyle
CSS Vault » The Web's CSS Gallery & Site