パフォーマンスアップを意識した画像形式の書き出し方法 - EC studio デザインブログ
サイトのパフォーマンスアップをしたいけど、 作業をする時間がつくれない、作業するにしても影響範囲が大きくて なかなか実行できない…ということは非常に多いと思います。 そこで、今回は簡単！すぐできるパフォーマンスアップ！ Webサイトに最適な画像形式の書き出し方法をご紹介します。 以下で書き出した画像はFireworks CS5 を使用して書き出しています。 EC studio では基本的に画像はPNG8で切り出しています。 なぜかというと、ほとんどのPNG8画像のファイルサイズがGIFより軽いことと、 可逆圧縮で透過表示もできるからです。 しかし、状況によってはPNG8以外の形式も使用します。 主に写真はJPEG、半透明の画像はPNG8、PNG32、 アニメーションはGIFに書き出します。 PNGとGIFとJPEGがどの画像で使うのが向いているか比べていきましょう。 256色以内の画像の場
iPhone向けサイト構築 基礎文法最速マスター - EC studio デザインブログ
弊社代表の著書、「iPhoneとツイッターで会社は儲かる」の出版記念と、巷で話題の「基礎文法最速マスター」ブームに便乗して、iPhone（iPod Touch）向けサイト構築における基礎とプラス応用のネタと、参考になるリンク集をまとめました。 2010/11/18追記： iPhone向けサイト制作の書籍を執筆しました！ 既存のデスクトップ向けサイトをモデルにした iPhoneに最適化したサンプルサイトの紹介と コードの解説をしています。 iPhone向けサイト制作の入門書に最適です。 「HTML5＋CSS3で作る 魅せるiPhoneサイト」 基礎編 対象ブラウザはMobileSafariです レンダリングエンジンはSafariと同じwebkitですが、MobileSafariの方にはiPhone向けの一部独自拡張（CSS）があります。検証の際は、通常のSafariのウィンドウサイズを狭くし
Twitterフォローの第一歩！つぶやくweb業界の人々まとめ - EC studio デザインブログ
私が今まで受講したセミナーの講師の方で twitterアカウント見つけられた方をまとめてみました。 同じweb業界の人をフォローしたいけど、よくわからない、 どうしたらいいんだろうという方にはぴったりでないかと思います。 ぜひフォローして新しい情報を吸収していってはいかがでしょうか？ 様々なジャンルでご活躍されている方々を以下でご紹介していきます。 益子貴寛 さん http://twitter.com/takahiromashiko http://www.cybergarden.net/ XHTMLのセミナーに参加させていただきました。 コーディングを始めたころ、よく本やサイトを参考にさせていただきました。 小嶋新 さん http://twitter.com/aratakojima http://d.hatena.ne.jp/aratako0/ ユーザビリティのセミナーに参加させていただき
独自ドメインで自由度の高いブログサービス「Blogger」 - EC studio デザインブログ
ブログを作りたい！ でもたいがいのブログサービスはテンプレートを自由にカスタマイズできないし かといって、WordPress などのCMSはインストールしないといけないしなぁ… そんな方におすすめしたいのが、 Googleが提供している無料ブログサービスBlogger(ブロガー)。 自由にカスタマイズができて、管理しやすいサービスです！ Blogger はこんなことができます！ ・独自ドメインで運用できる ・複数のブログを１つのアカウントで一括管理できる ・ブログのインポート・エクスポート・削除がボタン一つでできるので、 バックアップが簡単にできる（削除しても90日間は復元可能） ・ブログのバージョンアップやセキュリティーは、Google がしてくれる ・FTP情報を設定すると必要ファイルだけ生成してくれる ・静的URLで作成してくれる ・アドセンスの設定ができる 今回は、実践的に使える、
企業のTwitterページのデザインをまとめてみた - EC studio デザインブログ
140文字でつぶやあきあうTwitterですが、 最近では企業の活用もどんどん進んでいます。 「福助」などの企業が公式アカウントを持っていたり、 「朝日新聞社」や「CNET Japan」などはTwitterを通して 情報を発信しています。 そうした中、Twitterのビジネス活用法などは よく記事で見かけるのですが、企業がTwitterを活用するにあたり、 どのようなデザインをしているのか、気になったのでまとめてみました。 背景デザインに画像を活用 Yahoo！JAPAN広報 Yahoo!のトップページを背景に使用しています。 わかりやすいですね。 Google Googleの色のオブジェクトを背景に使用しています。 モチーフはただの球体でも色を工夫するとGoogleのページになりますね。 福助株式会社 Twitterのシンボルである鳥をモチーフにしたイラストを使用。 Twitterとのコ
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 コメ
出た！オンラインかつ無料でブラウザチェックができる「BrowserLab（ブラウザーラボ）」 - EC studio デザインブログ
InternetExplorerのブラウザチェックのツールとしてIE Testerを紹介していますが、なんとあのAdobeからオンラインブラウザチェックツール「BrowserLab（ブラウザーラボ）」が出ました！しかもプレビュー版ということで無償利用できます。 これひとつで「Firefox」「Internet Explorer」「Safari」での検証ができます。 実際につかってみた様子を動画にしました。 BrowserLab（ブラウザーラボ）の特長は、 オンラインでしかも無償で利用できる オンラインということはどこでも、どの環境でも利用できるのでうれしいですね。 ※要Adobe FlashPlayer 10 しかも無償ということで気軽に使えます。なお利用するにはAdobeアカウントの取得は必要です。制作系の方であればAdobe製品の購入などでお持ちの方も多いと思いますが、そのログインID
テンションを下げないためのフォーム設計 - EC studio デザインブログ
こんにちは。新免です。 サイトの制作者や、サイトの運営者の方なら、 購入フォームや登録フォームって、みなさん気にされますよね。 商品の購入や、お問い合わせ、会員登録など、 サイトが目標としていることをゴールとすれば、 そのゴールにどうすればスムーズに到達するかを考えなければなりません。 その中でも、難しいのが購入フォームや登録フォーム。 購入フォームまで来たけど、入力項目の数が多すぎるのでフォームを 見た瞬間にそのサイトから離れたり、なんだかわからないけど、 エラーばかり出るので途中で購入を諦めたりと、 フォームにたどり着くまでは欲しいものがありテンションが上がってたけど、 フォームに来たとたんユーザーのテンションが下がったのでは ゴールにたどり着けません。 いかにユーザーのテンションを下げずにゴールをさせるかが重要になり、 そのためにはユーザーに不安感を与えたり、ストレスを与えたりしては
Remember The Milk リローデッドを徹底解説！ - EC studio デザインブログ
EC studioではおなじみの「Remember The Milk」が 大幅にバージョンアップしました！ 「リローデッド」と銘打つくらい、すごくたくさんの機能が 追加されています。 Remember The Milk 公式ブログではその９つの新機能が 解説されていますが、今回実際に使ってみた感想などを書いていきたい と思います。 改良されたタスク一覧表示 まず最初に、タスク一覧表示のインタフェースの改良に取り掛かりました。大きなスクリーンを使うユーザが多いので、タスク一覧表示をよりワイドにしました。一覧の中に表示される新しいアイコンにより、繰り返しのあるタスク、ノートを持っているタスクを素早く判断することができるようになりました。また、キーボードショートカットを利用した操作性を向上するため、カレントのタスクに分かりやすいインジケータを追加しました。（実際に試してみてください。j は下移動
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://designblog.ecstudio.jp/htmlcss/html5%E3%81%A0%E3%81%91%E3%81%A7iphone%E3%82%A2%E3%83%97%E3%83%AA%E3%82%92%E3%81%A4%E3%81%8F%E3%82%8B.html