[B! html.css3] uzullaのブックマーク

Sass&CompassでPath風のメニューを作ってみた - teppeis blog

2012/12/31 フォロー記事書きました: 1年前のSass/Compassを振り返ってみたみんな気になってしょうがないPathのアレを、Sass, Compass, CSS3Animationsのお勉強をかねて作ってみました。Chrome, Safari, Firefox, IE10で動きます。Demo: http://teppeis.github.com/menu-like-path/ Source: https://github.com/teppeis/menu-like-path ﹁CSSでPath風メニュー﹂っていうのは国内外ですでにたくさんあるので、気になったところなどSass&Compass寄りでいくつか書きます。SCSSの記述量はCSSの約5分の1今回作ったもので、SCSSで約300行︵後述の自作ライブラリ含む︶、コンパイル後はCSSで約1550行になりました

uzulla 2012/01/06

リンク

Imageless iPhone 4 by Vasyl Zubach

Imageless iPhone made with CSS by Vasyl Zubach. No images, base64, SVG, or canvas, just a lot of CSS and a little bit of JavaScript

uzulla 2011/12/20

html.css3

リンク

要注目！CSSとJavaScriptで作るアニメーション·Animatable MOONGIFT

AnimatableはJavaScriptでCSSのプロパティを変化させることでアニメーションさせるJavaScriptライブラリです。最近、CSSだけで作るアニメーションというのが流行っています。CSS3であればtransitionという要素でアニメーションが起こせますが、さらにJavaScriptを使って多彩なアニメーションに対応させたのがAnimatableです。色々な画像が並んでいます。マウスオーバーでアニメーションが実行されます。6番は曲線が変化するアニメーションです。2番は背景画像がアニメーションします。12番はドロップシャドーです。 fromとtoののところで実際に設定するCSSプロパティが分かります。 data-fromとdata-toでプロパティを指定します。AnimatableはいわばFlashのアニメーションに似ています。最初のフレームをdata-from

uzulla 2011/11/17

html.css3

リンク

Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot

Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and

uzulla 2011/07/25

サンプル集

html.css3

リンク

どう考えても無茶な「CSSプログラミング」が話題に

CSS3がいくらパワフルとはいえ、さすがにここまで凝ったものが作れるとは思いませんでした。まずはChromeでこちらを遊んでみてください。 CSS3 OF THE DEAD - jsdo.it - share JavaScript, HTML5 and CSS まるでJSをバリバリ使ったゲーム、のように見えますが、実は﹁Only CSS﹂。上のSTOPボタンを押すとコードを確認することができます。 jsdo.itでCSSプログラミングが流行中！ええ、どう考えても無茶なんです。CSSはプログラミング言語じゃないですからね。 CSSの機能を巧みに組み合わせて作成されています。ということで、投稿作品のほんの一部を紹介したいと思います。 CSS PANIC CSSだけで作られたワニワニパニック。このコードは海外のユーザーにも大きな反響を呼びました。

uzulla 2011/06/23

css ?

html.css3

リンク

Untitled Document

uzulla 2011/03/23

html.css3

リンク

HTML5+CSS3で実装された、さまざまなUIエレメントのコレクション

パラグラフ・リスト・見出しなど [ad#ad-2] UIパーツの使い方下記の3つのステップで、これらのUIを自分のページで利用できます。 IEへの対応 IEにHTML5を理解させるために、2つの重要なファイルを使用します。  CSSのインクルードスタイルシートファイルをインクルードしてください。もし使用するエレメントが限られているのであれば、その箇所のみで大丈夫です。 <link rel="stylesheet" href="reset.css"