タグ

ブックマーク / designblog.ecstudio.jp (6)

  • iPhone向けサイト構築 基礎文法最速マスター - EC studio デザインブログ

    弊社代表の著書、「iPhoneとツイッターで会社は儲かる」の出版記念と、巷で話題の「基礎文法最速マスター」ブームに便乗して、iPhone(iPod Touch)向けサイト構築における基礎とプラス応用のネタと、参考になるリンク集をまとめました。 2010/11/18追記: iPhone向けサイト制作の書籍を執筆しました! 既存のデスクトップ向けサイトをモデルにした iPhoneに最適化したサンプルサイトの紹介と コードの解説をしています。 iPhone向けサイト制作の入門書に最適です。 「HTML5+CSS3で作る 魅せるiPhoneサイト」 基礎編 対象ブラウザはMobileSafariです レンダリングエンジンはSafariと同じwebkitですが、MobileSafariの方にはiPhone向けの一部独自拡張(CSS)があります。検証の際は、通常のSafariのウィンドウサイズを狭くし

  • Wordpress2.8にも対応!Wordpress(ワードプレス)おすすめプラグインまとめ - EC studio デザインブログ

    今回はEC studioで利用しているWordpressプラグインをまとめて紹介します。 すべてとても使いやすいプラグインばかりです。 プラグインでさらにWordpressを使いこなしましょう! 必須でいれてます、オススメプラグイン! ・FeedLogger RSSの閲覧者をカウントしてくれます。 (FeedLoggerを有効にするときは、FeedLoggerフォルダにあるdataフォルダのパーミッションを777(書き込み可能)にしないといけないです。アップ時要注意!) ・Google XML Sitemaps ロボット向けのXMLサイトマップを簡単に作成してくれます。 ・Add Meta Tags meta keywordsとmeta descriptionを自動的に挿入してくれます。 ・WP-PageNavi 記事が増えた場合にナビゲーションを表示してくれます。 ・Akismet コメ

  • テンションを下げないためのフォーム設計 - EC studio デザインブログ

    こんにちは。新免です。 サイトの制作者や、サイトの運営者の方なら、 購入フォームや登録フォームって、みなさん気にされますよね。 商品の購入や、お問い合わせ、会員登録など、 サイトが目標としていることをゴールとすれば、 そのゴールにどうすればスムーズに到達するかを考えなければなりません。 その中でも、難しいのが購入フォームや登録フォーム。 購入フォームまで来たけど、入力項目の数が多すぎるのでフォームを 見た瞬間にそのサイトから離れたり、なんだかわからないけど、 エラーばかり出るので途中で購入を諦めたりと、 フォームにたどり着くまでは欲しいものがありテンションが上がってたけど、 フォームに来たとたんユーザーのテンションが下がったのでは ゴールにたどり着けません。 いかにユーザーのテンションを下げずにゴールをさせるかが重要になり、 そのためにはユーザーに不安感を与えたり、ストレスを与えたりしては

  • 知ってるようで、実は知らない?! Fireworksの小技 - EC studio デザインブログ

    こんにちは、端山です。 デザイン部は全員「Fireworks」を使っていますが、 みんな実務経験やスキルが違うので、基独学で習得。 そのため、たまに他の人の作業をみてると 「あ、そんな簡単なやり方があるんだ!」ということが・・・ 今回はそんな「知ってるようで、実は知らない?!」 Fireworksの小技をご紹介します。 細い矢印を作る方法 オートシェイプから引く太い矢印ではなく、オープンパスから作る 細い矢印の作り方をご紹介します。 1.「ラインツール」か「ペンツール」でオープンパスを引く 2.オープンパスを選択する 3.ツールバーの「コマンド」→「クリエイティブ」→「矢印の追加」 4.好きな矢印の形を選んで「OK」をクリック! 曲線上にテキストを配置する方法 普段あまり使うことがないので、いざという時に 「どうやるんだったかな?」と忘れてしまいがちな小技。 1.テキストを入力する 2.

  • PhotoshopチュートリアルをFireWorksでつくってみる - EC studio デザインブログ

    デザイン部の新免です。 EC studioでは主にFireworksを使用して素材を作っています。 いろいろ作り方を参考にしたいと思い探してみるのですが、 Photoshopでカッコイイ素材を作るチュートリアルは 沢山紹介されていますが、なかなかFireworksを使用した 素材のチュートリアルと言うのが見つかりません。 そこで今回は、メモ的な感じでPhotoshopのチュートリアルを 参考にして、Fireworksで素材をつくってみます。 今回は COSMO-DESIGNS.COM こちらのサイトで紹介していたものを参考にしました。 まずはファイルの「新規作成」から ・幅:400px ・高さ:400px ・解像度:72px/in ・キャンバスカラー:カスタムカラー(#353535)で 新規ファイルを作ります。 楕円ツールを選択し、好きな大きさの円を描きます。 フィルタから「Photosh

  • 【コーダー必見】IE Tester(IE5.5 IE6 IE7 IE8 で確認できるツール) を使ってみた – 検証サンプル付き - EC studio デザインブログ

    ブラウザチェックに苦労しているコーダー・マークアップエンジニアには大変便利なツールがありました。 それがIE5.5 IE6 IE7 IE8 でのレンダリングを確認できるツール、 IE Tester。 http://www.my-debugbar.com/wiki/IETester/HomePage IETester v0.2 では IE 5.5 IE 6 IE 7 IE 8 beta のレンダリング検証ができるようです。IE7にまだアップデートされていない場合は、IE7以降での検証はできません。 インストール方法については、一般的なアプリケーションと同じようにインストーラーを起動してインストールすればOKです。すでにインストールされているInternetExplorerの起動ファイルなどを指定するなどの作業は必要ありません。 インストールが完了し、「IE Tester.exe」を起動すれば

    yosshi-k
    yosshi-k 2008/06/22
  • 1