1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 みなさんこんにちは。 サイバーエージェントでスマートフォン向けのデザイナーをしております、新卒の阿部です。 記事を書いた弊社原 (@herablog)を中心としてはじまった自主勉強会で、社内でHTML5を使って開発をしているデベロッパー・デザイナーの情報共有や交流を目的としています。 場所はお台場にある弊社のミーティングルーム。業務から離れ、渋谷からも離れた場所で合宿を行うことでまとまった時間がとれ集中して勉強できます。 第1回目の今回は「vol1 -マークアップ編-」と題して、HTML5とCSS3にどっぷりと浸かった濃密な１日になりました！ １ ま
Gather ye monsters, ye wily web wobsters. Drop your iPhoneries, throw on clean clotheries. Come join the tribe, revel, rock and imbibe. Where Chopin wrote etudes, we'll be fueling bright moods. Swing on by and share a hehe, or go radioactive like Madame Curie. Strap some soles to your blistery feets, dance and debauch to some warsawy beats. We're rockin' the flux like Marty McFly, save
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
I’m very proud of this technological terror I’ve constructed. I’m done: the Star Wars opening crawl, built using only HTML & CSS. Caveats: It only works in Safari 5 and the WebKit Nightly. Nothing else supports the CSS and 3D transforms and animations I used (yet), but I just wanted to see if it could be done. Here’s how it works: The first step is setting up the stage where the opening crawl will
ソーシャルアプリをmixi上で展開するとなると、何らからの形でFlashアニメーションの代替が必要になってくるのではないでしょうか。 例えば怪盗ロワイヤルのレベルアップアニメーションとか。 今回はそれらの代替手段を考えてみます。 Flash ジョブズ閣下はお怒りなので、iPhoneではまず今後も対応しないでしょ。Androidも現状未対応なので却下。 アニメーションGIF 今でもモバイルでは結構使ってる。間違いなく堅実な方法。ただ、1コマの容量×コマ数と言えるほど圧縮率は低い。キャッシュを活用できれば有効。 アニメーションpng マイナーだが、実はpngの画質でアニメーションができます。アルファチャンネルにも対応。 けど現状はFirefoxのみ対応。却下。 Canvas html5の新技術。iPhone・XPERIA共に対応。ベクターデータを扱えるので拡大・縮小をしても劣化をしない。しかし
IE 9が登場！ ユーザーの閲覧環境がますます多様化！ 4月26日、ついに日本でもInternet Explorer（以下、IE） 9が公開されました。また、マイクロソフトは早くもIE 10のプレビュー版を公開しており、CSS3やJavaScript周りが、さらに強化されるなどリッチなWeb表現が加速してきています。 IEのみならず、Firefox、Safari、Google Chrome（以下、Chrome）など他のWebブラウザもすさまじい勢いで進化してきており、スマートフォンやタブレットPCなどのデバイスも続々と開発され、ユーザーの閲覧環境がますます多様化してきています。 そうした流れの中で、必然的に欠かすことができなくなる知識が、この「プログレッシブ・エンハンスメント」という概念です。 プログレッシブ・エンハンスメントって何？ Webブラウザや端末などの閲覧環境が多様化してきていま
パラグラフ・リスト・見出しなど [ad#ad-2] UIパーツの使い方 下記の3つのステップで、これらのUIを自分のページで利用できます。 IEへの対応 IEにHTML5を理解させるために、2つの重要なファイルを使用します。 <!--[if IE]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <link rel="stylesheet" href="ie.css" type="text/css" /> <![endif]--> CSSのインクルード スタイルシートファイルをインクルードしてください。もし使用するエレメントが限られているのであれば、その箇所のみで大丈夫です。 <link rel="stylesheet" href="reset.css"
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
