W3C CSS組版仕様の標準化の動き | CSS組版ブログ
先月(5/19～21)、韓国で行われたW3C CSS Working GroupのFace to Face meetingに参加しました。アンテナハウスは今年4月からW3Cに再加盟しており（2年半ぶり）、それから初めて参加するCSSWG会議でした。そこで私（村上）は、自己紹介をかねたプレゼンをさせてもらいました。 プレゼン（英語）： CSS3 for formatting books CSS3で本を組版するために 私のこと、AH Formatterのこと 私（村上）はAH Formatterの開発リーダーです。 AH Formatterはプリントフォーマッタ―でありXSL-FO, SVG, MathML, (X)HTML, CSS3 Paged MediaなどのW3C仕様をサポートしてます。 AH Formatterはどのように生まれたのか 1990年代後期、私はフリーランスのプログラマー
Autoprefixerによる、CSS3の管理 - kojika17
CSS3を使用する時に、ベンダープレフィックスを付けていますか？ 自分でプレフィックスをつけたり、SassなどのCSSメタ言語やツールを利用するなど、さまざまな方法がありますが、せっかく付けたベンダープレフィックスも適切でない場合もあります。適切にベンダープレフィックスを付与するツールに、CSS Postprocessorの「Autoprefixer」というものがあるので紹介します。 ベンダープレフィックスをいつまで付け続けるのか ベンダープレフィックスはブラウザの試験的、または独自拡張で実装されているものであり、W3Cの仕様がある程度固まると、ブラウザはベンダープレフィックスが外すことが推奨されています。 現在、CSS3の一部の仕様は、すでに勧告や勧告候補まで上がっているものがあり、最新のブラウザではベンダープレフィックスなしで作動するCSSも増えてきています。またグラデーションやFle
Prefix free: Break free from CSS vendor prefix hell!
-prefix-free Break free from CSS prefix hell! Only 2KB gzipped -prefix-free lets you use only unprefixed CSS properties everywhere. It works behind the scenes, adding the current browser’s prefix to any CSS code, only when it’s needed. “[-prefix-free is] fantastic, top-notch work! Thank you for creating and sharing it.” — Eric Meyer Features Processes every stylesheet in <link> or <style> elements
CSS3 vs. CSS: A Speed Benchmark — Smashing Magazine
Trent Walton takes a single case experiment. Designs and codes a Web page and adds visual enhancements twice: once with CSS3, and a second time using background images sliced directly from the PSD. He times himself and compares. I believe in the power, speed and “update-ability” of CSS3. Not having to load background images as structural enhancements (such as PNGs for rounded corners and gradients
How to create animated tooltips with CSS3 | Codrops
How to create some simple, animated tooltips using CSS transitions and the pseudo-classes :before and :after In today’s tip we’ll show you how to create some simple, animated tooltips using CSS transitions and the pseudo-classes :before and :after. The idea is to have a list with links or in our case, social icons, that reveal a little tooltip on hover. The unordered list will look like this: <ul
CSS3 の border-radius を使って円形のサムネイルを作る方法２つ
今回の記事では、CSS3の border-radius を使った円形いサムネイルの作り方を２種類紹介します。 まず簡単な方から説明しますが、サムネイル画像が正方形の場合であれば、画像のスタイル border-radius に大きめの値を指定するだけで、丸いサムネイルを作れますね。 <img src="thumb.png" width="150" height="150" style="border-radius:400px;" > サムネイルが長方形の場合 写真が正方形の場合でも、きれいな円にしたい場合は、サムネイルを背景画像（background-image）にすることで実現できます。イメージは↓のような感じです。 HTMLソース サムネイルの幅に合わせたボックスに、サムネイル画像を背景画像として設定し、border-radius で背景画像をクリップします。クリックできるようにする場合
CSSだけで必殺技を作るコンテストのクオリティーが高すぎる件
jsdo.itで「SPEC」というコーディングコンテストを開催しています。 今回のテーマは以下の二つ。 CSSだけを使って必殺技の演出を加えてください ローディングの演出を考えてください 「こんなマニアックなテーマだけど参加してくれる人がいるのだろうか…！」と心配していたのも杞憂に終わり、続々とすごい作品が投稿されています。 開催期間中ですが、ぼくが個人的に「これは！」と思った作品をピックアップして紹介したいと思います。（コンテストの審査とは関係ないですよ！） CSSだけを使って必殺技の演出を加えてください スーファミのRPG風 えい！：forked: CSSで必殺技！ - jsdo.it - share JavaScript, HTML5 and CSS 光が集まる必殺技 forked: CSSで必殺技！第2弾！ - jsdo.it - share JavaScript, HTML5 a
CSS Animations Level 1
CSS Animations Level 1 W3C Working Draft, 2 March 2023 More details about this document This version: https://www.w3.org/TR/2023/WD-css-animations-1-20230302/ Latest published version: https://www.w3.org/TR/css-animations-1/ Editor's Draft: https://drafts.csswg.org/css-animations/ Previous Versions: https://www.w3.org/TR/2018/WD-css-animations-1-20181011/ https://www.w3.org/TR/2017/WD-css-animatio
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ご存知、ないのですか？CSSの優先順位
stroll.js - CSS3 Scroll Effects
CSS Noughts and Crosses | CSSDeck
Blue Grid Background with a Sphere | CSSDeck
CSS3 Animated Progress Bars | CSSDeck
Ultimate CSS Gradient Generator from ColorZilla
CSS3で作るふわっと浮き上がるツールチップ – creamu
CSS3 Secrets
http://kaioa.com/node/93