OTHERS色んなものコーナーです
STUDY STUDY
いろいろとおぼえた事を忘れないようにまとめておきます。
(新しいサイトを作りました。今後の備忘録はこちらにアップして行きます。→manakaa.com/tips.html) 2014/03/14
- cssで背景画像を固定。
- jQueryで位置（高さ）を取得して、任意の高さに来たらcssを切り替えてアニメーションさせる。
- css3でhover effect
- css3でmacのスクリーンセーバー風なものを作ってみた。
- cssでドロワーメニュー(jQuery versionもあるよ！) 2013/11/15
- cssで3D BOXを作る。さらにhoverで回転。 2013/11/08
- jQuery ショッピングサイト等でみかけるスライドパネル 2013/10/23
- css3 ショッピングサイト等でみかけるスライドパネル 2013/10/23
- css3 フワッとメニューでツールチップを出す方法 2013/09/30
- cssでGifアニメの様なパラパラアニメ（複数画像で実装）2013/09/13
- cssでhoverした時に疑似要素で文字や画像を出現させる 2013/08
- css3(calc,box-sizing)で簡単横並びレスポンシヴデザイン
- cssでpackman 2012/05/23
- cssでパラパラアニメ 2012/05/17
- cssで画面いっぱいにアニメーション 2013/05/10
- javascript Tiny Slide show 2012/11/23
- PHPでサイトの共通部品を１つのファイルにまとめる 2012/11/16
- google map 見た目のカスタマイズ 2012/09/28
- 風神雷神のリキッドデザイン 2012/09/14
うろ覚え Micky & Donald
友達みんなでクリスマスパーティーの時にやった「うろ覚えお絵かき」。お題は誰もが知っている世界のキャラクター、ミッキー＆ドナルドです。中には小学生？と思われてしまうものもありますが、これを描いたのは全員大人なのであります。
Design
フライヤー、CDジャケット、店内ポップなどなどのデザインをした中で個人的に気に入ってるもののいくつかです。
CSS Miffy
Miffy CSS3
これはイラストレーターで描いた画像ではありません。このテキストやイラストはHTMLとCSS3で作成したものですIE(インターネットエクスプローラー)はCSS3に対応していない為、それで見てる人は変なMiffyになってる事でしょう。Fire FoxやChromeといった最新機能対応のブラウザで見ることをオススメします。ちなみにスマートフォンについては考慮してないのでどう見えるかは知りません。
jQuery Mobile sample
jQuery Mobileでスマホサイト練習中です。テーマローラー使用。配色適当なので気持ち悪い。wwww。PCで見る時は横幅適当にスマホ位に合わせてください。見るならsafariがよい。
アコーデオン～ACCORDION PANEL～
- Step.1
１・ここにテキストをいれます！
- Step.2
２・ここにテキストをいれます！
- Step.3
３・ここにテキストをいれます！