Ecstudio - designblog.ecstudio.jp - EC studio デザインブログ
General Information:
Latest News:
タイムライン対応！新Facebookページのデザインのコツ！ 2 Mar 2012 | 11:52 pm
2012年3月1日からFacebookページにタイムラインが適用されるようになりました。 3月30日には全Facebookページが強制的に新デザインに切り替わるので、 今のうちにデザインを修正して対応しちゃいましょう！ 新デザインの変更箇所まとめは、いろんなブログで紹介されているので、 今回は、デザイナー視点での、新デザインへの対応のコツをまとめました。 カバー写真を設定しよう！ まず...
Fireworks 「パス」パネル早見表 6 Jan 2012 | 05:10 am
デザインしている中で、パスを合体したり分割したり パスを変形させることは多いと思います。 変形させるとき、多くの方は「パス」パネルを使用すると思いますが、 アイコンだけ並んでいても、どれがどんな働きをするのかわからなくなることはありませんか？ アイコンの絵でなんとなく合体する…くりぬかれる…と、動きは予想できますが どちらのパスが前面・背面にあるかで、またさらに形が変わってきます。 今...
擬似要素（:before・:after）を使ったbox-shadowのエフェクトでデザインアクセント！ 15 Nov 2011 | 08:47 pm
今回はESET mac版の公式サイトで使用した擬似要素（:before・:after）を使ったbox-shadowのエフェクトを紹介していきたいと思います。 ESET Cybersecurity（イーセット サイバーセキュリティ）と ESET Smart Securityのサイトでデザインアクセントとして実装しています。（2011/11/15現在） 実際の使用例 今回は、コンテンツボックス...
CSSアニメーションで一見複雑に見える動きをさせる方法 20 Oct 2011 | 05:59 pm
Webサイトにアニメーションを取り入れる場合には、いくつか方法があると思います。代表的なところでいうと、 ・JavaScript、jQuery ・Flash ・CSSアニメーション などが挙げられます。 ただ複雑な動きとなると、高度なコードを書く必要があったりと、それなりに難しくなります。ですが、シンプルなアニメーションでも組み合わせることで、パッと見複雑に見える動きを付けることができま...
Facebook コメントプラグインをWordPressに設置する手順とコメントを管理する方法 24 Aug 2011 | 03:23 pm
[追記]2010/08/25 本記事投稿時には、コメントの通知が受け取れないと書いていましたが、FacebookアプリケーションとWordpressのFacebook Comments for WordPressを紐付けておけば、Facebook側のComment Moderation toolにmoderatorとして登録したユーザーにはコメントのお知らせが通知されるようです。 突然ですが、...
海外展開に向けたWebサイト制作のポイント 4 Jul 2011 | 01:00 pm
2011年6月28日、この日はEC studio にとって記念すべき1日となりました。 と言いますのも、弊社で提供しているクラウドベースのビジネスチャットツール「ChatWork」の海外サービス展開がスタートした日だからです。 デザイン部はこのプロジェクトでは主に「チャットワークツールのUI設計と実装」、「Webサイトの企画・制作」を担当しました。 しかしEC studio では海外展開がは...
今から作るiFrame対応Facebookページの作り方 Part.2 1 Jul 2011 | 01:00 pm
iFrame版Facebookページの作成方法としては ・デザインを作成する ・アプリ開発者登録をする ・コーディングをおこなう ・htmlをサーバーにアップする ・iFrameページ用のFacebookアプリを作成する ・FacebookページにFacebookアプリを追加する をおこなっていきます。 デザインの作成に関してはPart.1の記事を参照してください。 以下では開発...
今から作るiFrame対応Facebookページの作り方 Part.1 30 Jun 2011 | 03:49 pm
最近は、企業や製品・サービスなどで Facebookページをもつことが増えてきています。 EC studio でも先日チャットワークのFacebookページをリリースしました。 そこで、今回はFacebookページの作り方について書きたいともいます。 Facebookページとは すでに知っている方も多いかもしれませんが、 Facebookページとは何かということを少し書きたいと思います...
WebサイトをiPhoneに対応させる -レスポンシブ・ウェブデザイン- 30 Mar 2011 | 10:22 pm
このところのスマートフォンの広がりにより、デザイン部でもWebサイトのスマートフォン対応の必要性をひしひしと感じています。 実際のスマートフォン対応の取り組みとしてはこれからなのですが、その時のために従来のサイトをスマートフォンに対応させる方法、特に今回は閲覧環境に応じてページレイアウトを柔軟に切り替える、 レスポンシブ・デザイン レスポンシブ・ウェブデザイン（Responsive Web De...
Facebookのウォールでちょっとアピールする方法（OGP） 29 Mar 2011 | 05:53 pm
サイトに設置した「いいね！」を押したとき、 タイトルとテキストだけではちょっと物足りない感じがしませんか？ OGP（Open Graph protocol）の対応をおこなうだけで、 ウォールが少し華やかになります。 弊社サービスサイト「チャットワーク」で対応した時におこなった対応方法を紹介したいと思います。 弊社サービスサイトのOGP対応後 OGPを使うとどうなるの？ OGP（Ope...
