flexboxの旧仕様、改定仕様、現行仕様の一覧 « NAVER Engineers' Blog

2013/09/10 138 users Flexbox NAVER Engineers UIT 富田

暑さもやわらいできたような気配がしてきました。皆様いかがお過ごしでしょうか。 久しぶりのブログ更新です。UIT 富田です。 今回はCSSでのレイアウトをより柔軟にしてくれるflexboxについて解説します。 flexboxは大幅な仕様の変更が過去に2度もあり、各ブラウザとそのバージョンによって実装している仕様が異なるため、後方互換をきっちり対応しようとすると、gradientと並んで2大考えるのを... 続きを読む

Android搭載の「IPHONE」がブラジルで発売されることに - GIGAZINE

2012/12/19 17 users GIGAZINE iPhone ニュースリリース ブラジル

ブラジル企業のIGBは子会社であるGradientからAndroid搭載の「IPHONE」を発売するというニュースリリースを発表しました。なお、「IPHONE」という名前ではありますが、このスマートフォンはAppleとは無関係です。 Smartphone Gradiente Neo One GC 500 SF, Dual Chip, Android 2.3.4, 3G, - Gradiente h... 続きを読む

AppleのナビゲーションをCSS3で実装するチュートリアル:phpspot開発日誌

2012/03/19 31 users チュートリアル phpspot開発日誌 ナビゲーション 動作

Apple Navigation with CSS3 | Design in Development AppleのナビゲーションをCSS3で実装するチュートリアル。 おなじみのAppleのヘッダーナビゲーションをCSS3で再現したものが公開されています マークアップは以下のように超シンプル CSSのradiusやgradientによって実現されており、クリックした際の動作も再現されています。 関連... 続きを読む

電光掲示板をあのmarqueeとCSS3のグラデーションで :: 5509

2012/03/11 31 users Marquee iPhone canvas グラデーション

元ネタ HTML5のCanvasとJavaScriptで電光掲示板のアニメーションを表現する これおもしろいなーと思って、でもすごい重くて・・・ｗよくよく考えたらみんな大好きmarqueeタグとCSS3のlinear-gradient使えばできるよねとか思ってやったらめっちゃ簡単だった。iPhoneとかでも見れるよ。IEはしらん ↓ サンプル Electronic Billboard in CSS... 続きを読む

CSS3のtransformやbox-shadowを主要ブラウザ全てに対応させるjsライブラリ・cssSandpaper - かちびと.net

2010/07/14 278 users transform box-shadow クロスブラウザ

これ系はいくつかありますので 1つの選択肢として、という感じ ですね。css3のtransformや box-shadowをクロスブラウザ 対応させるjsライブラリですが、 特徴はプロパティを1行で統一 させる事が出来る点です。 css3のtransform（変形）、box-shadow（影）、gradient（グラデーション）ですが、gradientは不完全でした。しかしながらこのスクリプトを応... 続きを読む