はてなブックマーク

昨今のWEBでは先進的な技術を使いユーザーを魅了するサイトが多いように感じます。 先日、リッチな動きとより良いユーザー・エクスペリエンスをあなたのサイトにプラスする方法と言うSmart Transitionの記事を書きましたが、その内容に近いユーザー・エクスペリエンスを向上させる方法です。 今日はWEBサイトで文字に動きを付ける方法をご紹介したいと思います。 テキストデータにエフェクトを付ける方法 まずは先人たちの作例を見てみましょう！ Quoitworks Quoitworksさんのサイト、ページに入るとページタイトルがアニメーションします、カッコイイですね。 このようなエフェクトを実装するにはjQueryのプラグインを使用します。 世界中の天才クリエイターさまによって多くのプラグインが作られていることにいつも感謝しております、 ありがとうございます！ 多くのサイトで文字にアニメ

どうも、デザイナーのアンドリューとWEBデザイナーのテルです。 海外の記事で、スマート・トランジションについての面白い記事があったので翻訳してご紹介します。 翻訳を快諾して頂いた、Smashing Magazineさんに感謝いたします！ ではどうぞ〜。 モダンウェブサイトでは、サイトのクウォリティに大きな差を生む要素として、インタラクション・デザイン、アニメーションの違いなどがあります。 この記事では「なぜ動きを付ける事が良いのか」、様々な実例を取り上げて説明していきます。 デジタル製品をデザインする時に、デザイン・アプリケーション（PhotoshopやSketchなど）を使います。 経験を持つデザイナーなら、訴求力はビジュアルだけではないと理解していると思います。 ですが、ほとんどのWEBデザイナーが動きの無いサイトを作成し続けています。アップルのスティーブ・ジョブズは生前、デ

WordPressとPhonegapで簡単アプリ開発 Part.2【iPhone/Android対応】 | WEB制作＆システム開発 flexagent WordPressとPhonegapで簡単アプリ制作 Part.2【iOS/Android対応】 どうも、フレックスエージェント・スタッフのアンドリューとテルです。 先日の沖縄旅行で完全に南の島に目覚めてしまった、私テル。 以前は海外旅行なら「誰も言ったこと無い秘境に行こうぜ！ひ・き・ょ・う！」と思ってましたが 海外旅行なら断然、南の島です。白い砂浜、真っ青な空、エメラルドの海！（笑） という訳で、今回は前回に続きWordpressとPhonegapで簡単にアプリ制作をする方法の翻訳記事Part.2をお送りします。 翻訳を快諾してくださったアレックス・バシャックさんに感謝いたします！ それではどうぞ!! パート1（まだ読んでない方