サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
CSS3がいくらパワフルとはいえ、さすがにここまで凝ったものが作れるとは思いませんでした。 まずはChromeでこちらを遊んでみてください。CSS3 OF THE DEAD - jsdo.it - shareJavaScript,HTML5 andCSS まるでJSをバリバリ使ったゲーム、のように見えますが、実は「OnlyCSS」。上のSTOPボタンを押すとコードを確認することができます。 jsdo.itでCSSプログラミングが流行中！ ええ、どう考えても無茶なんです。CSSはプログラミング言語じゃないですからね。CSSの機能を巧みに組み合わせて作成されています。 ということで、投稿作品のほんの一部を紹介したいと思います。CSS PANICCSSだけで作られたワニワニパニック。 このコードは海外のユーザーにも大きな反響を呼びました。
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 ふと、HTML5を実際に使用しているサイトの 現状が気になって調べ物をしたので、ついで にシェアします。HTML5を使っているWebサ イトのギャラリーを5つほどご紹介します。 実例からIEへの対応なども学べるので導入 予定の方はチェックしてみては如何でしょう。 日本でもHTML5で作られたサイトを稀に見かけるようになってきました例えばローソンのサイトはHTML5ですね。Twitterでも一部のユーザーに人気のie6botのサイトもHTML5です。海外では結構な数になってきているようですので実例を見て学びたいと思い、ギャラリーから探しました。 101 BestHTML5 SitesHTML5で出来たサイトのベスト100を掲載しているサイトです。サムネイルも中く
これまでの当社、CRAZYTVクリエイティブのDaVinci Resolveとの関わり方 DaVinci Resolveとの出会い 当社は2015年に初めてDaVinci Resolveを導入し、主にカラーグレーディングにて活用してきた。DaVinci自体、今から40年以上前にカラーグレーディングシステムとして登場し、2009年にブラックマジックデザインが買収した後も、やはり「カラーグレーディングのツール」というイメージが強かった。当社以外のポストプロダクションでも、カラーグレーディング用途から導入されたユーザーは多いのではないか。 我々が当初、DaVinci Resolveを用いて作業したコンテンツとしては、音楽モノのライブ映像やUHD59.94pのBS/CS 4K番組などが多かった。当時、DaVinci Resolveはプログレッシブ映像をインターレースで書き出したり、その逆といった、
幅は%で指定した可変、高さはそれぞれ異なるカラムを使ったレイアウトで、スタイルシートを使用してカラムの高さを等しくする今までの方法から、これからの方法までを紹介します。 Fluid Width Equal Height Columns [ad#ad-2] 下記は各ポイントを意訳したものです。 Doug Neiner メソッド Nicolas Gallagher メソッド Using Tables One True Layout メソッド Flexbox メソッド メモ 訳者注 各デモは「:nth-child」を使用しているため、モダンブラウザのみ期待通りに表示します。詳しくは「メモ」を参照ください。 Doug Neiner メソッド 「Doug Neiner」メソッドは、CSS3グラデーションからアイデアを得た方法です。 [css] .five-columns { background-i
このページのTipsはJavaScriptを使いません。スタイルシートのみで作成しました。せっかくがんばって考えたのに、没になったテクニックです。問題アリのTipsです。今回の問題は大したことないです。 プルダウンメニュー・ツリーメニュー・階層メニュー・ドロップダウンメニュー色んな別名をもつ折りたたみ式のナビゲーション。これもＣＳＳだけでやってみました。マウスがスイッチの上に乗ると、下に垂れ下がってくるメニューのことです。普通はJavaScriptを使うようなのですが、JavaScriptなしで作りました。html+css で動きます。でも、ちょっと問題ありなので使いませんでした。そんなのばっかりですが、楽しんでくだされば嬉しいです。セキュリティを気にしない客層の場合は、問題なく使えると思います。 プルダウンメニューの作り方 1.html部分は 親に a 要素を使います。これは IE の
Stu Nicholls |CSSplay | Cross browser flyout menu examples using onlycssCSSのみでクールな階層メニュー作成サンプル。 次のようなカッコいい階層メニューのサンプルが公開されています。 クールなのでそのままサイトに組み込んで流用できそう。 IE5.5 , IE6, IE7, Firefox, Opera 等で動作。 関連エントリCSSでちょっと変わっているピル風の形をしたナビゲーションを作成 セクシーに動作するスライドメニューバー実装JSライブラリ クールにスライドするメニューを作成するJavaScriptライブラリ「Image Menu」CSSのクールなメニューをオンラインで簡単生成「CSS Menu Generator」
1リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
