phistaのブックマーク - はてなブックマーク

光から移動まで、すべてCSSで作る光るアニメーション

ゲーム型キャンペーンサイト「URBAN RESEARCH Christmas 2011」意匠部ME課あらため、HTMLファイ部所属となった比留間です。今回は、先日リリースした「アーバンリサーチ」のキャンペーンで「アーバンサンタ」からのプレゼント、というサイト制作に携わりました。簡単にキャンペーンの概要を説明すると、Webとアーバンリサーチの店舗が連動して先着でクリスマス限定のキャンドルをもらえるというキャンペーンです。内容はサイト内に隠されたプレゼントボックスを見つけ出して、それをアーバンサンタにおねだりする、というとてもシンプルなゲーム型キャンペーンサイトになっています。さらに抽選でおねだりした商品がもらえるので、ぜひぜひ参加してみてください。さて、今回この記事でご紹介したいのは、このキャンペーンサイトで使用した「CSSで作る光のアニメーション」の作り方を簡単に説明し

phista 2011/12/08

リンク

永久保存版！？携帯コーディング、これだけ読めばすぐできる！ | KAYAC

マークアップエンジニア（以下、ME）のtacamyです！(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。（いつもありがとうございます！）そんなワケで、本格的にHTMLコーディングはしないけど、ちょこっとしたページなら組みますっていうデザイナー向けの、「コレだけ読めばすぐできる」シリーズを始めました。第一回は「携帯コーディング」についてです。携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、最低限の内容であれば覚えることも少ないですし、一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ！携帯コーディングの基本基礎の基礎文字コードはShift-JIS CSSはインラインで指定（タグに直接style属性を追加する）画像を含むページ容量100KB以内（HTML自体の容量は9KB以内）画像はgifか