EC studio 企画デザインブログ

サイトのパフォーマンスアップをしたいけど、
作業をする時間がつくれない、作業するにしても影響範囲が大きくて
なかなか実行できない…ということは非常に多いと思います。

そこで、今回は簡単！すぐできるパフォーマンスアップ！
Webサイトに最適な画像形式の書き出し方法をご紹介します。
以下で書き出した画像はFireworks CS5 を使用して書き出しています。
続きを読む

Fireworksをもっと効率的に使いたい！
もっと便利につかえる方法はないの？と思ったことありませんか。

そんなときにはコマンドを使ってみるのはいかがでしょうか。
使いこなすと様々な作業を効率化でき、作業コストを削減することができます。

でも、コマンド機能を聞いたことない、知ってるけどあんまり使ったことない
という方もいらっしゃると思います。

そこで、今回はFireworksにデフォルトではいっているコマンドと
他サイト様で公開されているコマンドを紹介していきたいと思います。
続きを読む

EC studioの主要なサービスを集計して
2009年度のブラウザアクセスの平均の割合をまとめてみました。

サイトのブラウザ動向を把握してると、デザインやコーディングを
ブラウザごとに違った方法でアプローチすることができます。

今回は2009年度のブラウザ動向を確認し、
今後どのような傾向になっていくのかを予想したいと思います。

1ヶ月約1万セッション以上のサイトを対象にして、
2009年度全体と上半期（2009/01/01～2009/06/30）、
下半期（2009/07/01～2009/12/31）別にまとめてみました。

データは「ウェブマスター向けサイト」、「一般ユーザー向けサイト」
に分けて記載しています。

以下のブラウザは省略して記載しています。
Internet Explorer = IE

また、Internet Explorerのみバージョン別に記載しています。

続きを読む

ウェブサイトは各ブラウザごとに1pxでもずれないよう！
というコーディングをおこなっているところも多いと思いますが、
これって結構大変作業ですよね。

古いブラウザだけのためにCSSをごにょごにょしたり
スクリプトを使ったり、かなりコストがかかる作業も…。
全部のブラウザで同じ見え方にする作業はとても面倒ですよね。

これに工数をかけるならもっとデザインとか色々な部分に
時間がかけられるのに！ということも実際ありますよね。

そこで、ターゲットブラウザを選定してもっと楽にコーディング
できないかと最近は様々な効率化アップの取り組みを考えています。

今回は弊社でターゲットブラウザを選定して、
実際に効率化をおこなった実例のお話をしたいと思います。

続きを読む

以前にWeb Directions East 「パフォーマンスアップのウェブ技術 WDE-Express」で
パフォーマンスアップについて記事を書きました。

今回はその記事や色々参照した本・セミナーを元に実際に改善をおこなって、
どれだけ高速化したかデータ上で確認し、まとめてみました。

できるだけ手間をかけずに簡単にできる改善方法をおこなってみたので、
しばらくリニューアルの予定はないが、サイトの表示を早くさせたいという方は
ぜひ試してみてください。簡単作業でパフォーマンスアップできます。
続きを読む

私が今まで受講したセミナーの講師の方で
twitterアカウント見つけられた方をまとめてみました。

同じweb業界の人をフォローしたいけど、よくわからない、
どうしたらいいんだろうという方にはぴったりでないかと思います。

ぜひフォローして新しい情報を吸収していってはいかがでしょうか？
様々なジャンルでご活躍されている方々を以下でご紹介していきます。
続きを読む

2009年11月11日～13日に東京でWeb Directions East2009がはじまります。
今回のWDEでは、ニコール・サリバンさんがワークショップ・カンファレンスで
「ウェブサイトパフォーマンス」について講演をおこなわれます。

なので、その予習のために以前大阪で講演された
「パフォーマンスアップのウェブ技術 WDE-Express」をまとめたいと思います。

続きを読む

何度も同じコードを使うとき、
コードを書き直したり、以前のものを探してコピペしたりする作業
めんどくさいなんて感じたりしていませんか？

こんなときはスニペットを使うのをオススメいたします。

スニペットとは繰り返し使うコードを登録しておくものです。
1度スニペットに登録するとダブルクリックなどで簡単に呼び出すことができます。
多くの開発環境にはスニペットの機能があるのでぜひ活用してみましょう。
続きを読む

今回は連番の数字を挿入するマクロを公開します。
数字を順番に振って連番にする作業はめんどうなものですが、
このマクロを使うと簡単におこなうことができます。

例えば、クラス名に連番がついている場合などに、
簡単にEmeditor上で連番を振ることができます。
続きを読む

以前にリクエストをいただいていたWordpressでの
投稿者別顔アイコン表示方法を紹介したいと思います。

顔アイコンを表示させると投稿者別の投稿がわかりやすくなり、
興味がある記事が探しやすくなったりします。ぜひお試しください。
続きを読む