タグ

2013年1月29日のブックマーク (3件)

  • Change Text Link Hover Effect Using CSS3

    2020年2月25日 CSS どのサイトでも見かけるテキストリンク。リンクのついたテキストにマウスオーバーすると文字色を変更する、というシンプルかつわかりやすい効果を実装しているWebサイトが多いかと思います。この装飾をもう少し変更できないかな?と思いCSSのみでプラスすることができるエフェクトをいくつか紹介します。 ↑私が10年以上利用している会計ソフト! 目次 ちょっと予備知識 文字色をふんわり変える 背景色をふんわり変える 文字をぼかす 光を放つグロー効果 背景を角丸に レインボーカラーに 拡大・縮小 角度を変える くるっと回転 1. ちょっと予備知識 今回はjQueryなどのJavaScriptを使わず、CSSのみで実装できる小技を集めています。その中でどの小技にも採用しているのが transition プロパティです。transitionプロパティは、時間の変化を操作するもので、

    Change Text Link Hover Effect Using CSS3
  • スマホアプリ開発の最前線で使われている、UIデザインメソッド20(1) ユーザーを迷わせず、没入させるUIデザインの工夫(前編)

    世にスマートフォンアプリが溢れ、入力デバイスがマウス、キーボードから指先に変わった今、UI/UX はどのように変化していくのか? 雑誌Web Designingでは、アプリ制作の技術者から学ぶ当連載や、中村洋基氏をはじめとするクリエイターが登壇するセミナー、中国・上海のWeb制作会社訪問ツアーなどの豪華賞品が当たるアプリアワードを行う「 TapApp(タップ*アップ)プロジェクト」をスタートする。連載第一回では、サイバーエージェントゲームUIデザイナー櫻井瑶子が登場する。 スマホアプリ制作の最前線でUIデザイナーに求められるもの Web制作の延長で、スマートフォン向けサイトやWebアプリ、あるいはネイティブアプリの制作にかかわる機会が増えている。昨今では、Webキャンペーンにおいて、スマートフォンからのアクセスを考えないことのほうが珍しい。 言うまでもなくスマートフォンとPCではデバイス

    スマホアプリ開発の最前線で使われている、UIデザインメソッド20(1) ユーザーを迷わせず、没入させるUIデザインの工夫(前編)
  • レベルデザイン概論 – 2dgames.jp

    レベルデザインとは? レベルデザインとは、ゲームシーンあるいは舞台といった「レベル」を作成することです。 良いレベルデザインにするためには、ゲームの難易度やバランスをよく考え、プレイヤーが進捗感や達成感を得られるような課題や挑戦を配置することが必要です。 レベルエディタ レベルエディタとは、レベルを作成するためのツールのことです。 一般的なレベルエディタでは、 地形 アイテム 敵キャラ イベント などを配置することができます。 これがあると、レベルの調整が容易になります。例えば、2Dゲームのレベルエディタとしてよくあるのが、お絵かきツールように、マップチップを配置するツールです。 たとえば「Platinum」 のような「パーツ」のウィンドウから、チップを選択してちくちく配置するツールです。他にも、フィールド(地形)とキャラ(プレイヤー・敵・アイテムなど)の2つをそれぞれ「レイヤー」という単

    レベルデザイン概論 – 2dgames.jp