タグ

CSS3に関するsinmetalのブックマーク (14)

  • 【W3C current 見方】CSS3の日本語訳集 - 血統の森 web実験小屋

    最終更新: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

  • SSSSLIDE

    SSSSLIDE
  • 一日一創2012 / Create Every Day in 2012

    (c)taisukef CED 一日一創リスト 一日一創始めて100日目記念に、タグで検索できるようにしました。

    一日一創2012 / Create Every Day in 2012
  • html5-memo.com

    html5-memo.com
  • CSS3リファレンス

    背景 background-clip …… 背景の適用範囲を指定する background-origin …… 背景の基準位置を指定する background-size …… 背景画像のサイズを指定する 角丸 border-radius …… 角丸をまとめて指定する border-top-left-radius …… 左上の角丸を指定する border-top-right-radius …… 右上の角丸を指定する border-bottom-left-radius …… 左下の角丸を指定する border-bottom-right-radius …… 右下の角丸を指定する 画像ボーダー border-image …… 画像ボーダーを指定する border-image-source …… 画像ボーダーに使用する画像ファイルを指定する border-image-slice …… ボーダー画像の

  • The CSS3 Test

    Your browser scores 0% Determined by passing tests out of total for features

  • ON HTML5 FIELD 第8回 - MdN Design Interactive

    【第8回】HTML5制作のためのおすすめツール 2012年01月11日 TEXT:村岡正和 HTML5でWebデザイン、Webプログラミングを実践していく際に役立つツールが登場してきた。今回はjQuery Moble、Modernizr、LESSといったツールを取り上げ、その特徴を紹介する。 >>> 全記事目次はこちら(HTML5関連求人情報も掲載) ■スマートフォン開発、クロスブラウザ対応など HTML5が普及するにつれ、制作に便利なツールがたくさん公開されるようになった。今回は、HTML5制作をする上で筆者がおすすめしたいツールをいくつか紹介する。これからHTML5でWebデザイン、Webプログラミングする際の制作効率向上につながれば幸いだ。 ●jQuery Moble(http://jquerymobile.com/) まずはjQuery Moble。HTML5をベースとしたWeb

    ON HTML5 FIELD 第8回 - MdN Design Interactive
  • ON HTML5 FIELD 第5回(前編) - MdN Design Interactive

    【第5回】(前編)Webデザイナーの現場とHTML5 2011年12月07日 TEXT:村岡正和 HTML5にはWebデザインをサポートする強力な機能がいくつも備わっている。CSS3やMediaQuery、WebFontsなどによって従来よりも洗練されたWebデザインを簡潔に実装できるようになった。今後、Webデザイナーはこういった新しいポイントをしっかり押さえておく必要がある。 >>> 全記事目次はこちら(HTML5関連求人情報も掲載) ■Webデザイナーがおさえておきたい技術ポイント 前回はHTML5制作のための勉強方法をざっくりと紹介した。HTML5に関連する制作技術はたくさんあるが、特に関心のある技術については積極的に実践していくことをおすすめする。HTML5が多岐に渡るからこそ、興味がある部分の実践力を養って制作者としての強みにしたいところだ。 今回はWebデザイナーが抑えておき

  • CSS3 in practice, maddesigns (Sven Wolfermann) #css3

    CSS3 in practice maddesigns | Sven Wolfermann WebDevCon Hamburg, 17.10.2011 use arrow keys to navigate border-radius rounded corners! YEAH!!!!111eleven border-radius border-radius: 20px; border-radius: 10px 40px; border-radius: 10px 40px 40px 10px; border-radius: 10px / 40px; border-radius » enlarge box border-radius: 50px; border-radius: 50%; border-radius » browser-specific prefixes -webkit-bord

  • CSS3で良く使う属性セレクタとnth-child、nth-of-typeをざっくりまとめました。 | HTML5GOGO

    最近使う機会も増えてきたCSS3のセレクタですが、結構ややこしくて困りますよね(確定)。 そんなわけで良く使う属性セレクタとnth-child、nth-of-typeをざっくりとまとめてみました。 これでCSS3や、jQueryを書くときにも困らないかも知れませんね! ※画像の意味はお察しください。 属性セレクタについて CSS3からタグに付いている属性で条件指定することが出来るようになりました。 基的にfoo[prop="~"]のように [ と ] で属性の状態を指定します。 また“(ダブルクォーテーション)は必須です! 例えば /*titleがokの要素*/ *[title="ok"]{ color:#F00; } などです。また属性セレクタは非常に柔軟な指定が可能で /*titleがokで始まる要素*/ *[title^="ok"]{ color:#F00; } ※<p title

    CSS3で良く使う属性セレクタとnth-child、nth-of-typeをざっくりまとめました。 | HTML5GOGO
  • WebFonts として利用できるフリーの和文フォント | ヨモツネット

    blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTMLSVG 混在でき

  • CSS3で作るあんなものやこんなものまとめ

    さまざまな可能性を秘めたCSS3の登場から、いろんなエントリーが出てきましたので、一部をまとめてご紹介。 ちなみにこの画像はこちらのもので、CSS3だけで画像を使わずにキュウべえを書いたそうです。 CSS3でどんなことができちゃうの系 CSS3のみでいろいろなオブジェクトの作り方を掲載されている。 CSSについて知っておきたいことまとめ。 仕事で役立つ事もばっちり羅網。このまとめっぷりはすごいです。 CSS3の完全一夜漬けマニュアル。 とりあえずこの記事のところにサンプルがありますので触ってみてください。 すごく気持ちいい体験が待っていることでしょう。 CSS3のアニメーション効果を利用してちょっとダイナミックな404ページを表現しています。 すっごいかっちょいい。サンプルデモはこちら。 CSS3だけで3Dを表現。とりあえずこれがCSS3だというものを見せてくれる。ぱない。chromeでも

    CSS3で作るあんなものやこんなものまとめ
  • Webフォント・サービス FONTPLUS | ためし書き

    お使いのブラウザではご覧いただけません お手数ですが、最新の対応ブラウザ(Chrome/Edge/Firefox/Safari)にて再度ご覧ください。

    Webフォント・サービス FONTPLUS | ためし書き
  • CSS3について知っておきたいことのまとめ

    CSS3には興味深い様々なプロパティがありますが、これらを勉強するにあたって知っておきたいCSS3の基礎をまとめてみます。 過去の記事に手を加えたものや新たに書いたものなど幅広くまとめてみましたので、ぜひ抑えておいてください。 今回は結構ボリュームもあるので目次を作っています。 1. スタイルシートの構造 CSS3に限ったことではないですが、CSSの構造は下の図のように、セレクタ、プロパティ、値となっています。 もちろんプロパティと値は一対です。CSSといえば、プロパティのイメージが強いですが、セレクタも結構奥が深いです。 CSS3ではセレクタもプロパティも新たに追加されていますので、違いをちゃんと理解しておきましょう。 2. CSS3セレクタ CSSセレクタはスタイルを適用する対象を選択するものです。普段何気なく使っているclassやidなどもセレクタの1つです。 CSS3セレクタはW3

    CSS3について知っておきたいことのまとめ
  • 1