タグ

css3に関するversion510のブックマーク (11)

  • HugeDomains.com

    Captcha security check sohaya.com is for sale Please prove you're not a robot View Price Processing

    HugeDomains.com
    version510
    version510 2011/02/09
    Safariの独自拡張CSSプロパティについて
  • CSS3Generator by @RandyJensen

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s w

    version510
    version510 2010/03/14
    CSS3のプロパティジェネレータ。対応ブラウザ一覧がでているのが地味にうれしい
  • デブサミ2010 HTML5ライトニング・トーク « HTML5.JP ブログ

    2010年2月19日(金)に開催されたデブサミ2010の「次世代Web標準 HTML5 最新動向」というセッションの中で、ライトニング・トークを行いました。 このライトニング・トークで、『HTML5 Show Case』と題して、HTML5 のテクノロジーを使った作品を通して、簡単に、そのテクノロジーの使いどころを紹介しました。 お越し頂いたみなさまには、お忙しい中、そして、デブサミでも最後となるセッションでお疲れのところ、私のトークをご静聴いただき、ありがとうございました。短い時間でしたが、HTML5 が目指しているウェブの世界を、少しでも実感いただけたら幸甚です。 遅くなりましたが、デブサミ2010での私のプレゼン資料を公開します。当日、お越し頂いたみなさま、そして、参加していない方でも、HTML5 にご興味のある方のご参考になれば幸いです。 HTML5 Show Case – Dev

    version510
    version510 2010/02/22
    HTML5の技術を使って作られたサイトをわかりやすく紹介したスライド
  • CSS3でIEにも角丸を適用させるhtcファイル – creamu

    CSS3で最も簡単にクロスブラウザの角丸を実装したい。 そんなときにおすすめなのが、『curved-corner』。CSS3でIEにも角丸を適用させるhtcファイルです。 Google Codeで、CSS3でIEにも角丸を実装させるファイルが配布されていますね。 クロスブラウザの角丸を実装するには、「border-radius.htc」ファイルをダウンロード、配置して、CSSに以下のように記述すればOKです。 CSS3 -moz-border-radius: 32px;//for Firefox -webkit-border-radius: 32px;//for Safari and chrome border-radius: 32px;//CSS3 behavior: url(border-radius.htc);//for IE すごく簡単な方法なので、CSS3での角丸はこれで決まりな

    version510
    version510 2010/02/15
    IEでも角丸を実現するhtcファイル
  • border-image を利用したボックスデザイン

    border-image を利用したボックスデザイン border-image プロパティは装飾の幅を広げてくれそう。使うにあたっていろいろ調べたので、サンプルなどを用意して整理しておくことにした。 まずは現在の草案(2009年10月15日版)を読んで、関連プロパティや、設定できる値など、仕様の概要を簡単に整理したものを箇条書きにしてみる。 要素の border-style?プロパティと background-image プロパティの代りに使う画像を設定する。画像は四辺それぞれには必要なくて、ひとつだけ用意すればよい (border-image-source) 画像の四辺それぞれから内側にスライスする位置を設定、画像は四つの辺、四つの角、中央の9つに分ける。中央は背景画像のように使われる (border-image-slice) 四つの辺の高さを設定する (border-image-wid

    border-image を利用したボックスデザイン
    version510
    version510 2009/11/24
    border-imageの使い方。iPhoneのタイトル部分のボタンをborder-imageで可変にお手軽実装
  • How do I make my business more innovative?

    array(23) { ["url"]=> string(81) "https://api.twitter.com/1.1/statuses/user_timeline.json?count=12&user_id=46082088" ["content_type"]=> string(30) "application/json;charset=utf-8" ["http_code"]=> int(403) ["header_size"]=> int(352) ["request_size"]=> int(526) ["filetime"]=> int(-1) ["ssl_verify_result"]=> int(0) ["redirect_count"]=> int(0) ["total_time"]=> float(0.134814) ["namelookup_time"]=> flo

    How do I make my business more innovative?
    version510
    version510 2009/10/22
    各ブラウザのHTML5やCSS3の対応状況のまとめ
  • 次期Firefox 3.6が対応する新しいWebフォント形式“WOFF”とは? - フォントブログ

    フォントブログ閉鎖と一部記事の移管について 平素はフォントブログをご覧いただき誠にありがとうございます。 数年前よりブログの更新を中止したまま、諸般の事情で過去の記事は公開をしていましたが、 時代に合わない内容や、すでに古い情報をこのまま残しておくのは良くないと考え、 フォントブログを閉鎖することにいたしました。 これまでお世話になった方々、私に様々な機会を与えてくださった方々、 そして約25年間に当ブログをご覧いただいた方々に心より感謝いたします。 私自身2014年に関東から地元へUターンをし、 書体デザイナーやフォントメーカーの方、文字関係者の方と直接お会いする機会が減ってしまったこと、 また私自身の環境の変化により、以前のように情報収集をする時間の確保が難しくなってしまいました。 フォント好きとして初心に帰り、過去の一部の記事は順次個人サイト (PETITBOYS) のブログのほうへ

    次期Firefox 3.6が対応する新しいWebフォント形式“WOFF”とは? - フォントブログ
    version510
    version510 2009/10/13
    「新しいwebfont形式“WOFF”」について
  • CSSの実装状況で変わるボックスのデザイン方法

    Web制作において、対応しなくてはいけないブラウザの中には、未だしぶとくIE6が残っています。IE6が2001年に登場したことを考えると、もう8年もその時代の「縛り」を(健気に)守りながら作っていることになるんですね。 いま良く使われているCSSのテクニックも、ほとんどはこの「縛り」の範囲内で有効な手法なわけですから、突然2001年にタイムスリップしてサイトを作る事になったとしても、今も昔も変わらない1つの古文書に従えばいいので、きっと活躍できます。 しかしたまらん、流石に疲れた。 ボックスひとつができること CSSでは、文書を構成する各要素は、ボックスという矩形領域に置きかえられ、それらの持つプロパティを操作して装飾します。つまり、ボックスはページデザインを構成する最小単位と言えるわけですね。 そこで今回は、最小単位となる1つのボックスに対して、どのような装飾手法が有効かという点を、CS

    version510
    version510 2009/08/03
    IE6対応には「流石に疲れた。」という話。CSSでボックスデザインがどこまで自由にできるか
  • CSS3 Linear Gradients (new style syntax)

    Safari 4+ supports a different syntax for linear gradients. Safari 5.1+ supports the newer style syntax (as well as the older style). Gradients are an experimental feature, and it's likely the syntax will change before they are finalized. At present, all these browsers require the appropriate vendor specific prefix.

    version510
    version510 2009/05/28
    CSS Gradientを簡単に設定できるジェネレータ
  • CSS Properties Index · Jens Oliver Meiert

    A list of all CSS properties and their initial values. Note announcement and comments as well as the complementary HTML elements index. The “living CSS” part of this index (“CSS 3/CSS”) is not being maintained at the moment (as of April 2019). For the latest in CSS, consider W3C’s properties list. A B C D E F G H I J K L M N O P Q R S T U V W X Y Z Pro­perty ↓ CSS 1 CSS 2 CSS 2.1/2.2 CSS 3/CSS Ini

    CSS Properties Index · Jens Oliver Meiert
    version510
    version510 2009/05/28
    CSSのバージョン別プロパティの対応リスト
  • CSS3 セレクタ チートシート

    以前、CSS3 セレクタをまとめたエントリーを 3回にわたって上げましたが、それらをまとめる意味で CSS3 セレクタのチートシートを作ってみました。 当は、サンプルソースとか、セレクタに関する説明とか色々入れようと思ったんですけど、A4 サイズ 1枚にまとめるのはスペース的に不可能だったので、単純な CSS3 セレクタ一覧になっちゃいました。残念。 CSS3 セレクタチートシート (PDF) ※PDF ファイルは URI が変わる可能性がありますので、ブクマする際はできればこのエントリーにして頂いた方が安全です。 今回、チートシートのフォーマットは、Microformats Cheat Sheet を参考に作らせてもらいました。右サイドに IE7、IE6、Firefox、Opera、Safari それぞれでの各セレクタ対応状況を簡単にまとめてあります。 なお、対応状況のチェックには、c

    CSS3 セレクタ チートシート
    version510
    version510 2009/05/28
    CSS3セレクタのチートシート
  • 1