デザインインスピレーション:ゲーム性をインターフェースに取り入れたサイト

ゲームというのは不思議なもので、僕らゲーム世代はゲームと聞くと論理不要でついついやってしまいますよね!。この記事では、そんなゲーム的な要素をインターフェースに取り入れているサイトを紹介したいと思います。 記事を読む
ゲームというのは不思議なもので、僕らゲーム世代はゲームと聞くと論理不要でついついやってしまいますよね!。この記事では、そんなゲーム的な要素をインターフェースに取り入れているサイトを紹介したいと思います。 記事を読む
「来年こそ、Webサービスを作ってやろう!」と考えているけれど、何を作ったらいいのかわからない... という人のために、新たなWebサービスを考える時に使えそうな「視点を変える方法」をいくつか考えてみました。 記事を読む
マーキーとは、Photoshop とかで、範囲選択したときに表示されるあの点線みたいなヤツです。PARK LA FUN というサイトで、これを見かけて面白いなと思ったので、作り方を紹介します。 記事を読む
CSS3で線のグラデーションができないかと考え、Illustrator とかでよくやる「塗りとパスのオフセットを使って実現する線のグラデーション」を、CSS3で実験してみました。 記事を読む
表示中のWebページのスタイルシートを Illustrator のようなビジュアルな UI で、ブラウザから変更できる chrome 拡張、Code Cola を紹介します。 記事を読む
「HOW TO CREATE STITCHED LOOK IN CSS」より、CSS3でスティッチ風に飾ったボタンを作る方法を紹介します。 記事を読む
遅くなりましたが、あけましておめでとうございます。なんとか新年を迎えることができたWebロケッツマガジンの今年の抱負です。 記事を読む
Flashでよくやっていた表現で、jQueryで置き換えられるものはないかと考えていて、ふとマスクを思いついたので紹介します。応用次第ですので、アイディアのネタとして見てください。 記事を読む
インスピレーションのためのサイトリーディングということで、不定期で私が「これは!すばらしい」と思ったサイトをその概観だけではなく、もう少し掘り下げて読んでみようという記事です。 記事を読む
この記事では、メニュー下のラインがマウスを追いかけるようにアニメーションするギミックをjQueryで実現する方法を紹介します。言葉ではうまく説明できないので、本文のサンプルを見てください。 記事を読む
基本、毎日記事を書いています。よかったらチェックしてください。
腕のいいデザイン事務所で修業しないとふつうは身につかない知識と技と心得 /
付属CD-ROMに「繊細な鉛筆画風イラスト」のデザイナーズ素材が入ってます
今月のMdNは豪華2大特典の新年スペシャル号! /
400個のデザイナーズ素材で実践! /
素材を最大限に活かすデザインアイデア50