独自拡張、草案段階のCSSについて語れ
もうCSS2?じゃ足りなくなってきた。
もっと新しいのplz!!
タグをくれ!コマンドをくれ!要素を! >>241
text-shadow なんかは Safari (KHTML?) の実装でいいじゃん、なんて
考えちゃう素人ですが、どの辺で揉めてるんでしょうか?
はやく使いたい。。。 Safariが実装できたのは、Mac OS X自体にフォントに影を付ける機能
を持ってるから、ってだけの話だから。
だから、KHTMLではいまだに出来ないし、OS Xが複数の影を付けれないからSafariも複数指定しても1つ目以外は無視される。
ってか、以前の草案から、こんなもの使わずにSVGフィルタを使うべきとか、
自虐的な事が書いてあった希ガス。 おまえら、WDを良く嫁。縦書きはtext layoutモジュールに移動しただけだ。
shadowは再評価中。無くなるかもしれないし、
指定方法とかが変わるかもしれないし、そのまま残るかもしれない。
数年前にCDになったにも関わらず誰も実装しないから、textモジュールを見直して
text effectsとtext layoutに再構築中だそうだ。 safariのborder-imageおもしれー。
border-radiusもアンチエイリアスかかってキレイだ。 SelectorsですらまだLCなのか。
遅れまくってるな…。
>>250
まだと言うか差し戻しだ。プロパティの変更があったから。
# CSSに於いてはMacが勝ち組? でもMacIEは子セレクタ、隣接セレクタ、言語擬似クラスに対応してるし。 いつになったら勧告されんだコレ?
待ちすぎてもう興味が無くなってきた。 >>256
もちつけ、まだ草案段階じゃないか。
それに勧告されたからって、すぐには本格的に使える訳じゃないだろ。 えー、最初の予定ではとっくの昔に勧告されてるはずじゃん。
現実の実装に合わせてたのに、だんだん欲かいてズルズル延びて。 もう誰も見向きもしないCSS3の草案。
CSS3 module: Generated Content for Paged Media
http://www.w3.org/TR/2006/WD-css3-gcpm-20060612/
Draft書くのは簡単だけど実装難しそう。あとChapterは装飾じゃない気がする。 目次の自動生成はいいが、
空のdivを用意してるのがマヌケ極まりない。
::beforeとか::outside駆使すればできるだろ >>262
面白い! それは考え付かなかった。
縦書きは日本語くらいだからな… IE7が新しい独自拡張プロパティの頭に「-ms-」なんて付けとる!
こんな卑屈な態度はIEじゃない!もっと横暴であるべきだ!
「-ms-」なんて付けるな!情けない! <span style='font-size:10.0pt;mso-bidi-font-size:12.0pt;font-family:"MS 明朝"'> 2006-08-28 Working Draft: CSS Module: Namespaces
2006-09-19 Working Draft: CSS3 module: Generated Content for Paged Media
2006-09-19 Working Draft: CSS3 Values and Units
ブラウザが追いつかないとどうしようもない。
# もう誰も居ないんだろね。 今の普通のウェブページにレベル3が必要か?
印刷関連なんて、肥大化しすぎてもうワケワカメだし。
印刷用FOのほうがよほどスッキリしてるし、普及もしてる(WEB以外でだけど)。
逆に画面用FOを実装してるブラウザは皆無なことから
ブラウザにそこまで細かい制御はイラネってことだろ。
画面用FOがいらないなら、それより細かいCSS3は余計にイラネーんじゃないの。 実際にサイト作ってて、ほしいと思ったCSS3の機能って
Selectorsのlast-childぐらいだな。
ボックス内の最初と最後の要素だけマージンを詰めたい時に、
「first-childの逆があればなあ」と思った程度。 CSS 2.1 Last Call 来たー
LC何度目だったっけ? Safariに実装された
普通のテキストにフィルとストロークを指定できるプロパティってどうよ?
文字に前景画像とか、アウトラインのみ表示とかSVG並みの事を出来るわけだけど。
個人的には何故わざわざ新しいプロパティを作ったのかよくわからない。
SVGと共用で"fill"と"stroke"にしとけばいいのに。 box-shadowキタコレ!
最近のSafariは独自拡張&先行実装の嵐ですね。
Firefoxはここ1年以上独自拡張&先行実装全く増えてないし、
独自拡張&先行実装の鬼だったIEはすっかりおとなしくなったし。
つまらん。 multi columnもSafari(Webkit)に実装。 開発中のOpera10ではCSS3実装がFirefox,Safari並に進んでる模様。
勧告候補に進むには実装が複数必要だった気がするので
CSS3モジュールのいくつかは勧告に近づく?・・・のか? Implement CSS display types inline-block and inline-table. b=9458, 18217 r+sr=bzbarsky
ようやくCSS2レベルのサポートが進む?
GeckoはこれまでreflowとかCairoとか足場固めをしていたから、先行実装は控えていたよね。
font-sizeとか結構基本的な部分でも非互換、非標準はいろいろと残っているだろうからな… >>280
俺も驚いた。
いつの間にかttp://www.w3.org/Style/CSS/current-workからも消えてたし
てっきり死んだものとばかり思ってた。
おまけに復活したと思ったら中身が180度変わってるし。 心ない風評により我が国では普及が遅れていた世界基準・ホームページ制作王が、
我々の啓蒙活動の効果もあって過、少しづつながら世界標準として認知されるようになった。
ホームページ制作王は、あの世界の権威COMDEXが認めた21世紀のワールドスタンダードである。
我々はこれからも、ホームページ制作王の普及に尽力し、我が国のWebテクノロジーが
世界と向き合える日まで戦う方針である。
Windows版Safari3beta出たね。
text-shadow効くのはWindowsでは初な気がする。(LinuxですらKonquerorで使えたのに)
他にはbox-shadowとか、背景画像複数指定とか、border-imageとか、etcで
なかなか面白いんだが、日本語が表示できないな。これ。 text-strokeとかtext-fill-colorとかもいけるな。
しかし、SVGと共通にしてstrokeとかfillにしとけばいいのに、という気がする。 うお、multi columnもいけた。>Safari3
先行実装しまくりんぐじゃねーか。 一歩書き間違えると変な挙動を見せそうな、そんなCSS出ました。
CSS Advanced Layout Module
http://www.w3.org/TR/2007/WD-css3-layout-20070809/
example17とかコンパクトに出来ませんか? なんか理想だけ追い求めて10年、何一つとして決まらないね。
もうテーブルでいいよ・・・ 未だにまともにCSSをサポートしたオーサリングツールが出ないし
>もうテーブルでいいよ・・・
今から逆行してみようかな、しないけど もうw3cはだめだ。
cssの策定もwhatwgがやってくれ。 Cascading Style Sheets (CSS) Snapshot 2007
http://www.w3.org/TR/2007/WD-css-beijing-20071019/
・CSS1はobsolute
・CSS2.1はCSS Level 2ってことでいい
・CSS3の策定はモジュールごとに独立に進められている
CSS Mobile Profile 2.0
http://www.w3.org/TR/2007/WD-css-mobile-20071019/ MXMLのCSSってやったことある?基本の文法がCSSなだけで別物だね。
なんか、CSS1をちょっとかじって完全理解したつもりになった人が拡張しました感がプンプン漂う。
そのプロパティと全く同じのがCSS2、CSS3に別名であるのに…とか、
そんなアホな事しないでも、疑似要素使えば一発で済むのに…とか。
「ロールオーバー時の色」「選択時の色」なんてプロパティがあんだよ。
疑似クラスって知ってますか。 CSS2.1はCSS2ってことでいいとか今更言われても、
CSS2.0を参照しているXSL-FO,SVGの実装は
CSS2.0の仕様に忠実に実装されてんだよね。
clip:rect()とか。
2.1で解決されるはずの実装との乖離は、2.1の策定によっても発生しているのだ。
どうするつもりなんだか。 CSS 2.1の行高の算出は書き換えないのかな?
line-heightプロパティの定義では「インラインレベル要素に指定された
line-heightプロパティは行高の計算に使われる高さを指定する」
http://www.w3.org/TR/2007/CR-CSS21-20070719/visudet.html#propdef-line-height
と書かれているのに、行高の算出にはインラインボックスの高さを使うように
定義されていて、おかしいよねえ。
http://www.w3.org/TR/2007/CR-CSS21-20070719/visudet.html#line-height
循環参照か。
CSS3もWD→PR/CR→WD無限ループで出てこないね。
仕様策定に10年なんて普通なら終わってるよ。 CSS3でウェブデザインの表現力って変わるかな?既存の複雑なテクニックを
CSS3の綺麗なコードに置き換えられるだけだったり… >>301
アセンブラがあればどんなソフトウェアでも作れるわけじゃないでしょ。 IE8の独自拡張propertyは-ms-box-sizingだけか。つまらん。最近おとなしいな。
IE7でも1つしか追加されてないし。 Safari3.1が対応したと謳っている「CSSアニメーション」って何?
SMIL Animationのこと?SVGのanimationモジュール?
それとも新たなる独自規格? >>304
独自規格っぽい。ちなみにアニメーションとか書いてあるのは日本語訳だけみたいだな。
トランジションって書いても、わからないか、SMIL transitionモジュールと間違われるからだろうけど。
-webkit-transition: <アニメートするcssプロパティ名> <時間> <方式>;
とCSSで宣言しておいて、
Javascriptでイベントリスナを設定 {x.style.アニメートするcssプロパティ = 'hoge';} とかやると
イベント発生からtransitionで指定した時間、方式でアニメーションする。
Javascript必須でCSSだけでは何もできない。
出来ることは、SMIL Animationの一部機能と全く同じ。逆に言うとなぜ独自CSSにする必要が・・・?
Javascript必須であるせいで余計に面倒臭い気がする。CSSだけで完結するようにすればいいのに。
SMIL AnimationそのものであるSVGのアニメーションモジュールには対応してなかったよ。 >>305
JS必須ではないみたいだぞ。
こんなサンプルが見つかった。
div {
opacity: 1;
-webkit-transition: opacity 1s linear;
}
div:hover {
opacity: 0;
} あら、そうだったの?訂正ありがd
でも疑似クラスは状態であってイベントじゃないよなー。変に拡大解釈するくらいなら
新しいプロパティ作るとか、SMILみたく時間>のところに「イベント」とか
「イベント+時間」とか「別の要素のイベント」とか色々書ければいいのに。とか思った。 疑似クラス自体がイベントに関係しているわけじゃないと思うぞ。
特定のプロパティが変化する時、一瞬でじゃなく徐々にアニメーションするってのがスクリプト無しで簡単にできるようになる、
っていうことだと思う。 これでも日本国内で、日本人が中心に作業したそうだぞ。 あれ?ていうか、今頃要件定義を固めている最中ってことは・・・
XSLとかCSS3の縦書きだの割注だの組み文字だのルビだのって何だったの?
そういうものがあるらしいって程度の知識で、外国人が適当に作ってたわけ? RUBYについてはこんなのありますよって話を聞いた
MSの技術者が「素晴らしい!」って飛びついて実装したって聞いたぞ >>312
CSSについては参考文献にJIS X 4051があるから、適当に作ってたわけないと
思うが。 あーでも、調べてみるとW3Cの中の人はわかっていないんじゃないかって
見解もあるね。 大きな変更点はないけれど、一応。
Cascading Style Sheets (CSS) Snapshot 2007
http://www.w3.org/TR/2008/WD-css-beijing-20080516/ webkitがCSS Variablesをサポートするらしい。
http://www.css3.info/latest-webkit-nightlies-now-support-css-variables/
変数なのに演算ができないのは…これでも巨大なCSSを書くときには
便利なのかなあ 必要性が全く理解できない。
こんなの考える基地外はエディタの一括置換機能とか知らないのか。 俺は欲しかったなこんな機能。
一括置換すると置換前のファイルと置換後のファイルを別々に管理しなきゃいけないし。 CSS3 ColorがCRになってから5年、だ〜れも実装していない機能が
廃止されてLast Callに差し戻された。
・color-profileプロパティ
・rendering-intentプロパティ
・@color-profile規則
これらはSVG勧告にも含まれてるが、SVGビューアでの実装も皆無だったのかな?
だとしたら、次版のSVGからも削除されるだろうね。
カラープロファイルの指定についてはWindows版IEと、今は亡きMac版IEで
それぞれ独自の機能があるけど、
印刷とかならともかく、Webごときでカラープロファイルとか意味がわからない。
誰がそんなモノ必要とするのか。
(埋め込みプロファイルじゃなくて、別ファイルのiccプロファイルね。
埋め込みプロファイルはSafariとFxが最近対応したっけ) ECMA、ECMAScript第4版の標準化作業を破棄!
http://www.theregister.co.uk/2008/08/15/adobe_microsoft_ecma_javascript/
ECMAScriptの次版はこれまでの4版案を破棄し、現行の3版の修正にとどめた3.1版とする事に決定。
ES4撤回・ES3.1推進派Microsoft、Yahooの勝利。
ES4に興味を持っていた皆さん、残念でした。(10年もダラダラとモメてる間に興味が醒めた人も多いでしょうが)
ES4推進派のMozilla、Adobe、は、これまでに投入した多大なリソースが水の泡に。
彼らに追随していたApple、Operaも方向修正を迫られるのは必至。
ES4で予定されていた新機能(パッケージ、名前空間など)についての議論は、ES3.1の議論を円滑に進めるため、
今後二度と行わず、議題にすら上げないことも決定された。
2009年前半までにES3.1の相互運用性を持つ複数の実装の登場を目指す。
なお、この決定により、MozillaのJavaScript2や、AdobeのActionScript、Microsoft(の遠い昔のES4初期提案)のJScript.NETなどは
ES4の先行実装/実験的実装でも何でもない、独自言語の実装へと成り下がった。 CSSって命名規則が糞ですね。
昔は
text-align
みたいに、「基本は小文字」「ハイフンで語をつなぐ」
だったのに、最近は
currentColorとかoptimizeSpeedとか
「1語目は基本小文字」「2語目以降の先頭は大文字」「ハイフンは使わない」
なんてのが混入です。なぜ統一しないのでしょうか。
大文字小文字は区別されないとしても、ハイフンありなしはどうなの? 何故後方互換?
「"textAlign"にすべきで"text-align"としたのは誤りだった。
これからはハイフンなしに統一だ!でも後方互換のためtext-alignも当面の間認める」
というのなら、後方互換だと思うけど。
最新の草案でもハイフンありなしが入り混じってて統一性がないだけ。 プロパティ名は全部小文字+ハイフンで統一されているみたい。
キーワードも基本は小文字+ハイフンでたまにキャメル記法や
パスカル記法風。SVGは謎。
currentColorはSVGからそのまま取り入れたからハイフン区切り
ではないんだろう。CSS3で新しく定めたキーワードで区切りに
ハイフンなしのものってあるかな? http://www.w3.org/TR/CSS でCSS 2.1の仕様書が表示されるようになった。 CSS Marquee Module Level 3
W3C Candidate Recommendation 5 December 2008
http://www.w3.org/TR/2008/CR-css3-marquee-20081205/ CSS Mobile Profile 2.0
W3C Candidate Recommendation 10 December 2008
http://www.w3.org/TR/2008/CR-css-mobile-20081210/ http://mozillalinks.org/wp/wp-content/uploads/2008/09/transform.png
この画像を見たとき、てっきり3次元の座標回転してるのかと思ってびっくりしたが違った
transformについて何も知らなかったので期待してしまった webページもディスプレイもどっちも2次元平面でしかないのだから
2次元空間のアフィン変換ができるならそれで十分じゃね
非線形な変換がしたいってのならまた別だが block要素が3次元空間内の平面で、座標回転でそれを好きな位置に配置できるのかと思った
そしたら遠近法の効果が出せて面白いかと、Compizのウインドウ描画みたいに こんなのまでCSSなら、SVG全部をCSSで再現できるようにしよう!とか言いだしそうだな。
display: svg-path(M 0 0 100 0 100 100 100 0 100 z);とかさ。
CSS3の手を広げる一方だけど、10年間やってて何も勧告されてないんだから、先にそっちをやれよって感じ。 http://d.hatena.ne.jp/uakira/20090214
2月12日付でHTML5の新しいワーキングドラフトが出てゐたことに気づいた。
http://www.w3.org/TR/2009/WD-html5-20090212/text-level-semantics.html#the-ruby-element
己の主たる関心事であるRuby要素が復活した他、無意味なDivでなく有意味なSection要素でドキュメントBodyを分けることができるよーになる模様。
CSS Ruby Moduleは古いCRのままでいいのか。
縦書き(Vertical writing mode)関連はどーなってるんだらう。 CSSルビはIE以外誰も実装しようともしないので、どうにもできないだろ。
相互運用性ある実装が複数登場するまで勧告できねーからね。
IEの実装も10年前の最初の草案の仕様のままで、今のCRとは非互換だし。
そのうちCSS Textみたいに「誰も実装しないから話にならん!」っつってWDに差し戻されそう。
というか、今見たらロードマップ上でも次はWDに差し戻しじゃねーか Safariがすごいな。何がすごいって、独自拡張だ。
もうIEなんて数で抜いてブッチギリだ。独自拡張王Safariの誕生だ。
-webkit-って頭についてるのはいいとしても、何故か付けていないのもまた多い。
それにしても、反射効果とかいかにもAppleっぽい。