[CSS]text-shadowでここまでできる、かっこいいエフェクト集
text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de; レタープレスのテキストエフェクト
HTML5+CSS3 入門
Webを記述する言語の標準の現状 昨年度であれば、HTMLを記述する授業では自信をもって以下の基準を推薦していました。 HTML (文書の構造を記述する言語) – XHTML 1.0 もしくは XHTML 1.1 CSS (文書の体裁・デザインを指定する言語) – CSS 2 しかしながら、ここ数年で、とくに去年あたりから状況は大きく変動しつつあります。現状の変化を理解するには、ここに至るまでの歴史的な経緯について簡単に理解する必要があります。ここまでの経緯を整理した上で、将来の展望を探りたいと思います。その上で、この授業ではどのような基準にのっとって「正しい」ということを定義するのか決めていきたいと考えます。 HTML (Webサイトの記述言語) の標準化巡る闘争の歴史 AppleInsider: なぜ Apple は HTML 5 に賭けているのか： ウェブの歴史 [Page 2] よ
Less Framework
An adaptive CSS grid system. What It Is Less Framework is a CSS grid system for designing adaptive websites. It contains 4 layouts and 3 sets of typography presets, all based on a single grid. Default Layout 10 columns at 992 px. For desktops, laptops, tablets in landscape orientation, and all old browsers. Can be split according to the Golden Ratio at 6 columns, which is also the optimal width
CSS Nite LP, Disk 9「Coder's Higher」フォローアップ（5）｜CSS Nite公式サイト
CSS Nite LP, Disk 9「Coder's Higher」フォローアップ（5） 記事公開日：2010年7月23日（金） 2010年4月17日、ベルサール神田で開催したCSS Nite LP, Disk 9「Coder's Higher」のフォローアップとして、『CSS3 for tomorrow [ver.LP9]』（福田泰雄さん／AGN、高津戸 壮さん／ピクセルグリッド）セッションのスライドと音声をシェアします。 スライド CSS3 FOR TOMORROW ?テキスト装飾と実例? スライド CSS3 FOR TOMORROW - CSSアニメーション- 音声（MP3、47:47、45.9MB） 拙いセッションでしたが、ご静聴のほど、ありがとうございました！お聴き頂いた1人1人の皆様がCSS3を使用してみよう、と考えるきっかけになってくれれば、とても嬉しく思います。 さて、C
ココを押えておけばCSS3がだいたい分かるツール集 | 日刊ウェブログ式
CSS3 Generator CSS3の各ブラウザごとの対応状況の確認とソースコードの生成が同時に行える便利ツール。対応状況はブラウザのアイコンの上にカーソルを持っていくと表示されます。 Official Site CSS3 Gradient Generator v2.0 グラデーションのコードを吐き出すツール。カラーピッカーなどを使って直感的に操作できる Official Site CSS Border Radius ボーダーの角丸を表現するコードを吐き出すツール。四辺の周囲にある数値を変更するだけです。 Official Site Button Maker 画像を一切使わずにCSSだけでクールなボタンを作成。グラデーション、角丸、影などの調節が可能 Official Site CSS3, please! 左側のコードを書きかえると、プレビューが右上のプレビューが変化します。CSS3テス
CSS3 Transitions Collection 30
CSS3 Transitions Collection 30 Safari4で閲覧してください。Chromeは3Dがきかないので対応してないのもあります。Firefox, IE, Operaなどでは閲覧できません。
たった一行を追加するだけでIE6/7/8をCSS3対応にする -CSS3 PIE
IE6/7/8でもCSS3の角丸、ボックスシャドウ、グラデーション、マルチバックグランドなどを使えるようにするbehaviorスクリプトを紹介します。
CSS3のtransformやbox-shadowを主要ブラウザ全てに対応させるjsライブラリ・cssSandpaper - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 これ系はいくつかありますので 1つの選択肢として、という感じ ですね。css3のtransformや box-shadowをクロスブラウザ 対応させるjsライブラリですが、 特徴はプロパティを1行で統一 させる事が出来る点です。 css3のtransform（変形）、box-shadow（影）、gradient（グラデーション）ですが、gradientは不完全でした。しかしながらこのスクリプトを応用してアニメーションさせることも出来るようです。 各ブラウザで実装したものを比較していました。IEに限らず、主要ブラウザ全てをサポートしています。また、何より独自のプロパティを使うのですが、これが1行で済むので場合によってはなかなか楽では無いかと。 左がChrome、右がI
インターン募集とCSSアニメーション - tikeda::Diary
http://www.hatena.ne.jp/company/intern2010/ 本日より、2010年度のインターンの募集が始まりました。この募集ページ一見普通のページですが、大きく分けて5カ所に分かりやすい遊びを仕込みました。Safariなどでアクセスして、気になる所をクリックするとお楽しみ頂けます。動きはhtmlのclass名を変化させる事によるCSSで実現させてます。場所毎に少し具体的に解説しておきます。 右上のバッジ 単純回転です。最初1周5秒にしてたら、酔うとの意見を頂いたwので倍の10秒になっております。Chromeでも回ります。 h1 img.sun{ -webkit-animation: sunRoll 10s infinite linear; } @-webkit-keyframes sunRoll { from { -webkit-transform: rotat
iPhoneでjavascriptグリグリの「i4U」の技術的な話 - 仮想化する僕たち
1ヶ月ほどまでにiPhoneのsafariでどこまでリッチなサービスが作れるのかを試してみたくて、女の子画像ブックマークサービス「4U」のiPhone用ビューアを作ってみました。 i4U - beauty image viewer このサービス、扱っているコンテンツが最高なのは勿論なのですが、safariでリッチなインターフェースを実現するために使っているテクニックがなかなか面白い、というか苦労の結晶なのでとりあえず解説用の記事を書いておこうと思う。 iPhone用のwebサイトを作ろうとするとiui.jsとか使うのが多いみたいですが、これだとアプリっぽいインターフェースになるので、果たしてサイトとして使いやすいのかは疑問です。 iPhone 3G用のWebページを作る3 -［JavaScript］All About iui - Google Code 画像のビューアとしては次々とスライド
MdN Design｜総合情報サイト
Web制作が楽しくなるCSS3/JavaScriptのテクニック50 - 海外デザイン事情第6回 新規会員登録 ログイン管理 Twitter facebook はてなブックマーク RSS 2025.7.16 WED 第6回「Web制作が楽しくなるCSS3/JavaScriptのテクニック50」 2010年02月15日 ブラウザ対応が進み、本格普及が間近となったCSS3。海外ではすでに多くのCSS3を使ったデザインテクニックが公開されている。ここではSmashing Magazineに掲載された「50 Brilliant CSS3/JavaScript Coding Techniques」をもとに、CSS3に関する海外の最新テクニックを紹介しよう。 翻訳元サイト：Smashing Magazine http://www.smashingmagazine.com/ 原文：50 Brillian
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
adakoda.com
S5-Style
[CSS]CSS 3の属性と値が一覧できるクィックリファレンス
Wicked CSS 3d bar chart using only CSS3 with animations