クリックするとご利用いただけます（別ウィンドウで開きます）。ただし、SVGフィルターなどの最新技術を活用しているため、想定通り動作することが確認できているFirefox12以降でなければ動作しないようにしています（2012年7月現在）。Firefox以外で本ページをご覧の方は、下記URLをFirefoxで開いてください。 http://www.hitachi.co.jp/universaldesign/products/business/assistance_for_color_generation/product.html 概要 無償でお試しいただくことが可能な、CSS3で開発するWeb画面の色と形の作成を支援するツールです。主な特徴は以下の通りです。利用前に、利用上の注意をお読みください。 作成した色と形を登録すると、次にブラウザを立ち上げたときも利用可能です（注意事項）。 作成した色
CSS 3 is full of ways to reduce our dependence on background images, one of which is pure CSS gradients. They have several features, which I’m sure designers are salivating over, like multiple color stops, and angled, radial, and linear gradients. Many people had built cool designer-focused tools to make interacting with a somewhat confusing gradient syntax a little easier. The issue for me has be
CSS3には興味深い様々なプロパティがありますが、これらを勉強するにあたって知っておきたいCSS3の基礎をまとめてみます。 過去の記事に手を加えたものや新たに書いたものなど幅広くまとめてみましたので、ぜひ抑えておいてください。 今回は結構ボリュームもあるので目次を作っています。 1. スタイルシートの構造 CSS3に限ったことではないですが、CSSの構造は下の図のように、セレクタ、プロパティ、値となっています。 もちろんプロパティと値は一対です。CSSといえば、プロパティのイメージが強いですが、セレクタも結構奥が深いです。 CSS3ではセレクタもプロパティも新たに追加されていますので、違いをちゃんと理解しておきましょう。 2. CSS3セレクタ CSSセレクタはスタイルを適用する対象を選択するものです。普段何気なく使っているclassやidなどもセレクタの１つです。 CSS3セレクタはW3
Firefox Developers Conference 2011 in Osaka (2011年5月14日開催) のトークセッションで使ったスライドです。Read less
Modernizr Front-end Development Done Right 2.0 Beta Custom Download Preview Customize your Modernizr download Hello! You’ve landed on the Modernizr 2.0 beta preview page. Lucky you. One of the new features we’re introducing with Modernizr 2.0 is the ability to configure your download of Modernizr, so you can limit it to just the tests and features you need and omit the rest. The form below allows
In Flexible height vertical centering with CSS beyond IE7 I mentioned that you can use the properties from the CSS3 Flexible Box Layout Module—flexbox—to center an element horizontally and vertically. I’ll show how to do this along with some other examples of what you can do with flexbox. But first of all a couple of—rather big—caveats, to make you aware of them upfront: Flexbox is currently only
Caution: This article is about the old Flexbox spec (display: box;) — this is not the code you want to be copying. The new CSS Flexible Box Layout Module (display: flex;) The scene in A Princess Bride where Inigo Montoya fights the Man in Black: Inigo Montoya Who are you? The Man in Black No one of consequence. Inigo Montoya I must know… The Man in Black Get used to disappointment. I’ve always tho
Next to having four seperate pages for the major rendering engines, this page shows a clearer overview of the implemented, prefixed properties. Blink (list) Google Chrome, Opera WebKit (list) Apple Safari Gecko (list) Mozilla Firefox Trident (list) Internet Explorer Please note that WebKit supports all these properties using the "-apple-" and "-khtml-" prefixes as well.
最終更新：2023-02-23 CSS3とは CSS3は、CSS 2.1仕様を核とし、CSS 2.1仕様の機能を追加・改訂するモジュール群です。CSS 2.1ではひとつの巨大な仕様にすべてのモジュールが定義されていましたが、CSS3では仕様を分割し個別のモジュールとして定義するものです。 現在のCSSは、CSS Snapshotで定義されています（2023年時点ではCSS Snapshot 2023でした）。 このページについて このページでは、CSS3の日本語訳を収集していましたが、管理人が興味をなくしてしまったこともあり、このページのメンテナンスを行わないことにしました。かつてのページの様子は、Waybackから見ることができます。 多数のCSSの日本語訳は、triple-underscore氏がWeb 関連仕様 日本語訳で公開していますので、そちらを参照するとよいでしょう。（CSS以
CSS3のテクニックはさまざまなものがありますが、その中からまさに今、そして次のプロジェクトに使用したくなるテクニックを紹介します。 The Bright (Near) Future of CSS [ad#ad-2] 下記は各ポイントをピックアップして意訳したものです。 はじめに Styling HTML5 Classing like HTML5 Media Queries Styling Occasional Children Styling Occasional Columns RGB Alpha Color HSL and HSL Alpha Color Shadowy Styles Multiple Backgrounds 2D Transforms はじめに ここでフォーカスするのは、今、そして近い将来に使用するであろうスタイリングのテクニックです。HTML5の要素のスタイリング
Test a feature Our partnership with BrowserStack now lets you test your website for compatibility across 2,000+ real browsers and devices. Test on: Did you know? Next If a feature you're looking for is not available on the site, you can vote to have it included. Better yet, if you've done the research you can even submit it yourself! You can import usage data from your Google Analytics account and
Test a feature Our partnership with BrowserStack now lets you test your website for compatibility across 2,000+ real browsers and devices. Test on: Did you know? Next If a feature you're looking for is not available on the site, you can vote to have it included. Better yet, if you've done the research you can even submit it yourself! You can import usage data from your Google Analytics account and
CSS3, please! This element will receive instant changes as you edit the CSS rules on the left. Enjoy! /* ------------------------------------------------------------- CSS3, Please! =================================================== Update: We recommend using Autoprefixer instead of CSS3Please. You can edit the underlined values in this css file, but don't worry about making sure the corresponding
W3C 2011: Select Priorities and Milestones Status: This public document from the W3C management describes some of the exciting work and key milestones in 2011 for select W3C activities. The topics covered here have been discussed with the W3C Membership. As the World Wide Web enters its third decade, it continues to transform human communication, information sharing, commerce, education, and enter
Modernizr [ad#ad-2] ツールの概要 JavaScript ドキュメント 利用できるプロパティ @font-face border-image border-radius box-shadow text-shadow opacity Multiple backgrounds CSS Animations CSS Gradients など CSS3 PIE ツールの概要 ビヘイビア スクリプト(htc) デモページ 利用できるプロパティ border-radius box-shadow border-image multiple background images linear-gradient as background image
The WebKit Open Source Project CSS3は策定段階にあり、ブラウザ側で同じ実装が実現されている機能と、そうでない機能が混在している。それは実装をはじめた時期や経緯などにも依存している。たとえば標準化作業が進められる以前に実装された機能は、のちに標準化を目指して策定がはじまった機能とは考え方やシンタックスが大きく違っていることがある。 そうした機能のひとつにグラデーションがある。グラデーションは便利な機能だがサポートしているFirefoxとSafari/WebKitでフォーマットが違っていた。しかしCSS3の策定は進んでおり、こうした差異も徐々に統一が進められている。WebKitのブログCSS3 Gradientsにおいて、最近進められたグラデーションに関する議論と、その実装状況が報告されている。 報告によれば、CSSのワーキンググループはここ数ヵ月の間、グラデ
最終更新：2023-02-23 CSS3とは CSS3は、CSS 2.1仕様を核とし、CSS 2.1仕様の機能を追加・改訂するモジュール群です。CSS 2.1ではひとつの巨大な仕様にすべてのモジュールが定義されていましたが、CSS3では仕様を分割し個別のモジュールとして定義するものです。 現在のCSSは、CSS Snapshotで定義されています（2023年時点ではCSS Snapshot 2023でした）。 このページについて このページでは、CSS3の日本語訳を収集していましたが、管理人が興味をなくしてしまったこともあり、このページのメンテナンスを行わないことにしました。かつてのページの様子は、Waybackから見ることができます。 多数のCSSの日本語訳は、triple-underscore氏がWeb 関連仕様 日本語訳で公開していますので、そちらを参照するとよいでしょう。（CSS以
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
