タイムライン対応！新Facebookページのデザインのコツ！ - EC studio デザインブログ

2012/03/02 68 users EC studio 新Facebookページ コツ デザイン

2012年3月1日からFacebookページにタイムラインが適用されるようになりました。 3月30日には全Facebookページが強制的に新デザインに切り替わるので、 今のうちにデザインを修正して対応しちゃいましょう！ 新デザインの変更箇所まとめは、いろんなブログで紹介されているので、 今回は、デザイナー視点での、新デザインへの対応のコツをまとめました。 カバー写真を設定しよう！ まずは1番ユーザ... 続きを読む

今から作るiFrame対応Facebookページの作り方 Part.1 - EC studio デザインブログ

2011/06/30 63 users Face EC studio Facebookページ 作り方

最近は、企業や製品・サービスなどで Facebookページをもつことが増えてきています。 EC studio でも先日チャットワークのFacebookページをリリースしました。 そこで、今回はFacebookページの作り方について書きたいともいます。 Facebookページとは すでに知っている方も多いかもしれませんが、 Facebookページとは何かということを少し書きたいと思います。 Face... 続きを読む

[非Webデザイナー向け] カッコイイブログを最速でデザインするための簡単 5 ステップ (フェンリル | デベロッパーズブログ)

2011/06/03 296 users フェンリル 坪内 SPGRA ブログシステム ペン

こんばんは！ 先日の、はてブのホットエントリー PARKN’ PARK さんの 「「素人っぽいデザイン」から抜け出すために、デザイン制作時に心がけたい5つのポイント」に触発されてペンを取った私、 SPGRA というデザインブログをフェンリルで運営している坪内が本日はお送りします。 形式がほとんど決まっているブログデザインは、トップページと記事ページのデザインさえ固めてしまえば、あとはブログシステム... 続きを読む

WebサイトをiPhoneに対応させる -レスポンシブ・デザイン- - EC studio デザインブログ

2011/03/30 120 users Responsive Design 従来 iPhone 実際

このところのスマートフォンの広がりにより、デザイン部でもWebサイトのスマートフォン対応の必要性をひしひしと感じています。実際のスマートフォン対応の取り組みとしてはこれからなのですが、その時のために従来のサイトをスマートフォンに対応させる方法、特に今回は閲覧環境に応じてページレイアウトを柔軟に切り替える、レスポンシブ・デザイン（Responsive Design）に関していまさらながら調べてみたの... 続きを読む

Facebookのウォールでちょっとアピールする方法（OGP） - EC studio デザインブログ

2011/03/29 99 users Facebook OGP ウォール チャットワーク テキスト

サイトに設置した「いいね！」を押したとき、 タイトルとテキストだけではちょっと物足りない感じがしませんか？OGP（Open Graph protocol）の対応をおこなうだけで、 ウォールが少し華やかになります。 弊社サービスサイト「チャットワーク」で対応した時におこなった対応方法を紹介したいと思います。弊社サービスサイトのOGP対応後 OGPを使うとどうなるの？OGP（Open Graph pr... 続きを読む

Fireworksで立体的なアイコンの作り方 - EC studio デザインブログ

2011/03/22 80 users Fireworks アイコン EC studio 不可 加工

サイトや広告バナーをつくる際に、イメージアイコンを使うことがよくあります。 ただ、配布されているイメージアイコンを使用する場合、 「形を少し変えたい！」 「複数のアイコンを組み合わせて使いたい！」 など、サイトなどの雰囲気に合うよう、手を加えたくなる時があります。ただ、データの加工が不可だったり、加工するのに時間がかかったり… 時間短縮のために配布素材を使ったのに意味がなかった！なんてこともありま... 続きを読む

HTML5を今すぐ使うためのコツや情報をまとめてみました - EC studio デザインブログ

2010/07/30 500 users EC studio コツ http 導入 HTML5

この数カ月でHTML5のサイトが国内にも増えてきました。先日10周年を迎えた EC studio のサイトもHTML5で制作しています。マークアップの面でのHTML5の導入となりましたが、難しいと思う以上に勉強になることが多くありました。（今も改善を続けています。） http://www.ecstudio.jp/ 個人サイト以外でHTML5を導入するのをためらっている人が多いと思うので、今からでも... 続きを読む

知らない人は損してる？コーディングが3倍速くなるZen-Codingを導入してみた - EC studio デザインブログ

2010/02/22 2247 users Zen-Coding コーディング EC studio 3倍

最近になって急に盛り上がってきているZen-Codingをみなさんご存知ですか？ Zen-CodingはHTML/CSSをショートカット＋スニペットで簡略化してコードを書くことができるライブラリです。 独立したテキストエディタソフトではなく、既存のHTML/CSSエディタにプラグイン的に導入するものです。 Zen-Codingというのもがどういうもので、どんなすごいものなんだ、というのはこちらの動... 続きを読む

フリー素材を配布するデザインブログ20+ | CREAMU

2010/02/18 273 users テクスチャ CREAMU 商用無料 たくさん デザイン

デザインに使えるフリー素材を探している。 そんなときにおすすめなのが、『20+ Design Blogs that Release Quality Freebies』。フリー素材を配布するデザインブログ集です。 有名なサイトからちょっとマイナーなサイトまで、たくさん揃っていますね。いくつかご紹介します。 Lost and Taken フリーのテクスチャを配布しているサイト。商用無料のものもあり B... 続きを読む

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

2010/02/08 1500 users EC studio 基礎文法最速マスター WebKit 著書

弊社代表の著書、「iPhoneとツイッターで会社は儲かる」の出版記念と、巷で話題の「基礎文法最速マスター」ブームに便乗して、iPhone（iPod Touch）向けサイト構築における基礎とプラス応用のネタと、参考になるリンク集をまとめました。 基礎編 対象ブラウザはMobileSafariです レンダリングエンジンはSafariと同じwebkitですが、MobileSafariの方にはiPhone... 続きを読む