ゴーゴーウェブマーケット デザインブログ

IllsutratorからFireworksにベクターデータを送る

IllustratorからFireworksにベクターデータを送る際、

Illustrator側でコピーして

Fireworks側でペースト出来る事に気付きました。

 

PhotoshopとIllustratorのような連携は出来ませんが、

簡単な連携でしたら、Fireworksでも出来そうです。

 

PhotoshopからFireworksもコピー&ペーストは出来ますが、

透過部分はコピー出来ないみたいで、

PSDで保存後にFireworksで読み込む必要があるので、

このあたり、連携出来たらなあと思います。

No Comments »

iPhone4sが届いたので

3gsから4sに機種変しました。

バッテリーの減りが早いそうですが、今のところは結構持ってる気がします。

私がとってるバッテリー対策は下のとおりです。

  • 位置情報サービスを切る。
  • Bluetoothを切る。
  • Spotlight検索を切る

このあたりを設定しておけば、ある程度持つ気がします。

あとは、使わないアプリはこまめに×を押して消すとか、

長時間アプリを起動させる時は電源を確保するとか、(例えばスカイプ)

そんなところでしょうか。

これをやるだけで、バッテリーはかなり持つと思います。

No Comments »

PCの目の疲れ対策

EIZOさんの方で、目の疲れ対策のPDFを発見。

http://www.eizo.co.jp/products/lcd/vdt/index.html

EIZO製のモニターは評判がいいので、

一度見てみたいところ。

地元の店頭に売っていないのが残念・・・

No Comments »

google docsをテキストエディタのように

google docsは、デフォルト状態だとIllustratorのように

用紙文の高さで区切られていますが、

その区切りを無くしたい場合

「表示」>「文章の表示形式」>「コンパクト」

で、区切りを消すことができます。

google docsは、iPhoneとの連携は公式の専用アプリが無いので、

ちょっと使いにくいのですが、

タブ文字が使えたり、別でコピーした画像を貼り付け出来たりと、

文章を制作する分ではかなり便利です。

 

No Comments »

セールスレターサイトについて

少し縦長なサイトを制作しているようなので、

「セールスレター型」サイトを色々と調べてみる。

「セールスレター型」とは、楽天サイト等でよく見られる巻物のように長いサイトの事。

デザインについて色々と観察してみたので特長をメモ…

  • メインコンテンツは幅を狭くする。800px~850pxくらいに、マージン幅を大きくとって1行は長くしないのは文章を見やすくする為だと思う。
  • メインコンテンツはボーダーで囲む。もしくは背景で色分けする。縦長なので見て欲しい場所をブレさせない為だと思う。
  • フォントはゴシックが多め、文字は大きく

縦80000px以上あって、膨大なテキスト量のわりに文章が読みやすかったり、

勉強になるサイトはいっぱいあった。

問題は、タブでたくさん開くとメモリ容量が危険な気がする…

No Comments »

スタイルシート命名規則

スタイルシートの命名規則をメモしたテキストファイルがどこかに行ったので…

勉強ついでに改めて作る事にした。

私がスタイルシートのclassやidの名前を決める時は、

[役割][内容]となるように命名しています。

例えるなら、

blockTopics(block=枠、Topics=新着情報)

boxList(box=枠、List=リスト)

areaInfo(area=枠、Info=インフォメーション)

といった感じです。

blockTopicsでもtopicsBlockでも、どちらでもいいと思うのですが、

blockTopicsの方が、縦に並んだ時になんとなく見やすいと思うので、

blockTopicsにしています。

例えるなら↓の感じです。

/*例1*/
.blockTopics {
}

.blockMap {
}

.blockCategory {
} 

/*例2*/
.topicsBlock {
}

.mapBlock {
}

.categoryBlock {
}
No Comments »

chromeでスタイルシート編集

firebugの機能で、CSSのライブ編集という機能がありますが、

chromeにも同じような機能がある事に気付いた。

[要素を検証] > [Resources] > スタイルシートを選択して、ソース内をダブルクリックで、スタイルシートを編集する事ができます。

メインブラウザがchromeなので、

今後はchromeだけで編集作業が出来そうです。

 

No Comments »

vimでスニペット

vimのスニペット機能を、もっと有効活用しようと思い、

ちょいと修正する事にしました。

私が使っているのはneocomplcacheです。

アップデートの際、スニペットファイルを上書きして泣かないように、

let g:NeoComplCache_SnippetsDir = $HOME.’vimfiles/snippets’

で、他のフォルダーからも読み込めるようにしました。

単語が、既存のスニペットファイルと新しく指定したファイル同士でかぶっていると、

既存のファイルの方が優先されるみたいなので、

このあたり、いろいろと設定を模索中です。

現状は、既存のファイルの方の単語を消す事で落ち着いてます。

No Comments »

chrome betaでフォントがかすれたので再インストール

最新版chrome(betaとかdev)だと、

MSゴシックのレンダリングが調子悪いみたいなので、

安定版chromeを再インストールする事にしました。

Googleアカウントを持っている方は、

[オプション]→[個人設定]→[同期]を設定しておけば、

再インストールした後に、同期をすれば設定を引き継ぐ事が出来ます。

No Comments »

ゆるキャラ制作2

以前、制作したゆるキャラの名前が決まり、

細かい修正が完了。

無事、リリースする事が出来ました。

「風の松原フェスティバル2011」

http://kazefes.jp/

塗り絵用なのですが、黄色、茶色に限らず、

自分の好きな色で塗ると面白いかも?

No Comments »