デザインとテクノロジーをもとにブランディングやWebサイト制作などを手がける、米国のエージェントのポートフォリオサイト。 気持ちよく回転する円グラフ シンプルなフラットデザインを採用した「Knormal」のポートフォリオサイト。このサイトでは、3枚 ...

翔泳社では、「独習」「徹底入門」「スラスラわかる」「絵で見てわかる」「一年生」などの人気シリーズをはじめ、言語や開発手法、最新技術を解説した書籍を多数手がけています。プロジェクトマネジメントやチームビルティングといった管理職向けの ...

「自分のポートフォリオサイトに、見た瞬間に訪問者の度肝を抜くような、強烈な個性を与えたい！」 そんな、既存の枠にとらわれない、先鋭的な表現を求めるクリエイター様へ。 この記事では、サイトのトップページに表示されるテキストに、まるで ...

短いコードで作られたアニメ。 短いJavaScriptで作ったアニメーションが、コーディングによる視覚表現を追求していて圧倒されます。 短いJavaScriptで作られたアニメーション プログラマーのFrank Force（@KilledByAPixel）さんによるJavaScriptで作ったアニメ。ビルが ...

HTML5 CanvasやWebSocketなどの最新技術を駆使して作ったiPhone 4用ブラウザーゲーム「Handy Stadium」の裏側を解説する本連載も、今回で最終回（連載バックナンバー）。今回は、CSSアニメーションを中心としたフロントエンドの実装について解説します。 Handy Stadium ...

今回のお題は、 5つの画像で五角柱を組み立てて、 水平に回してみよう （サンプル1⁠）⁠。五角柱にマウスポインタを重ねれば、 回転は止まる。ずっと回し続けるために、 アニメーションにはanimationプロパティを使った。といっても、 設定そのものは ...

In CSS, you can create keyframes and use them for animations on different elements of your Web pages, including buttons. Keyframes consist of a single, reusable animation with properties set at ...