いますぐ使えるCSS3テクニック集！ コピペ用サンプル付き！

面白法人カヤックがサイトリニューアル！ いきなり手前みそで恐縮ですが、今年の夏、面白法人カヤックがコーポレートサイトを2年ぶりにリニューアルしました。 「世界一更新頻度が高く、カヤックの活動がひと目で分かるコーポレートサイト」をコンセプトに、可読性が高く容量も軽いサイトに仕上げました。 ひと目見るだけで、最近のカヤックの動向が分かるようにニュースでTOPページを構成し、日々リアルタイムにカヤックの最新の情報を発信します。 技術的には、ブラウザのウィンドウサイズによって拡縮する画像はベクターファイルであるSVG（Scalable Vector Graphics）画像で置き換えたり（SVGはベクトル形式の画像のため、拡大してもボケない）、CSS3を用いることで画像の使用を極力控えたりするなど、ページの軽量化を実現しています。 カヤックサイトのCSSテクニックを丸ごと伝授！ 本稿では、サイトリニ

[tk1963]

CSS3のサンプルです。

[bonheur-bonheur]

IEが追いつけば HTML5で作るページが 飛躍的に増えるんだろうけどなぁ

[accent_32]

ひとまずIE6～８を使ってるユーザーを強制的にバージョンアップしてくれないと手が出せないなぁ。無理だろうけど。Win8に期待するか各サイトでFxやchromeを勧めるぐらいかな・・・。

[weekendshuffle]

使いたい

[site159]

カヤック公式サイトで使われている技　ってもっとあんだろｗ

[toguo]

早くIEの主流が9以上になってほしい。

[gigi-net]

どうでもいいけど@ITのデザインが旧世代的でダサい

[wasai]

あとで読んでおく。しかしカヤックさんは最近こういう良い資料とかを出されてるなぁ

[naga_sawa]

CSSだけで実現するいろいろな効果

[toyovolt]

こういうリリースは必要かも

[nixx1985]

Css3、今すぐ使える、カヤック

[choromo]

本稿では、サイトリニューアルに用いた技術の中でも、特に「CSS3」に焦点を当て、具体的なテクニックを実例とサンプルを交えて解説します。カヤックサイトでは、これまでJavaScriptやFlashで行っていたようなアニメーショ

[mumincacao]

たすきの創り方は以前どこかで見た気がするのにまだまだ毎回確認しないとできないにう・・・ （´・ω【みかん

[oyatun27]

よむよむ

[cyokodog]

いいなーカヤック、拾ってくれないかなぁ　鎌倉だしｗ

[susi-paku]

スライドアウトインとか面白いなーIE非対応だけども。('A') | いますぐ使えるCSS3テクニック集！ コピペ用サンプル付き！

[raimon49]

サンプル付きCSS3テクニック集。JSや画像が無くても色んな表現ができるようになった。Operaの名前が何故か無い。

[aquila2005]

css3実装例

[kurobuchi]

カヤックの方の解説。画像のスライドのサンプルも。

[warriorking]

いますぐ使えるCSS3テクニック集！ コピペ用サンプル付き！（1/3）- ＠IT

[tan2net]

参考までに

[macky1207]

漫画のトーン風背景も画像なしで作れるの。