「これくらいのもの、ちょちょいと見繕えばいっかー」と毎回作ってた時間よ、戻れ！
華やかさはないですが、毎回サイトデザインに登場するベテラン脇役のようなパーツ達。私が現在Fireworksの共有ライブラリに入れてるものを紹介します。
指カーソル
ちっこい矢印
机の上が散らかっている人は、頭の中も散らかっている。— 佐藤可士和 談
机の上も絶賛散乱中、典型的ダメなデザイナーの宇都宮頼子です。
今回から始まった【ダメデザイナー救済！】は、基本ズボラな私が、いつかみんなに「こいつデキる・・・！」と言わせたい、そんな思いを胸にコツコツ溜まってきた小技をご紹介していくコーナーです。
twitterのタイムラインで流れてくる「ココとココの頭位置が微妙に違うのは意図的！？」「この端数は何だ？？」などなど、コーダー＆プログラマさん達の深夜のつぶやきは耳が痛い、耳が痛いよぅ。
今回はFireworksのシンボルをつかって、コーダー＆プログラマさんもニッコリ間違いなしのステキな素材作りを学びましょう！
我々コンテンツ制作屋にとっては作業ファイルというのは命の次に大事なものでして、実際今までは作業用ファイルをRaid5で構築したNAS（とにかくものすごくデータが消えにくくて家中のPCからアクセスできるネットワークディスク）で管理していたんですが、火事や地震などの際、何をおいてでもどうやってこれを運びだそうかなんて常々考えてしまうくらい、そのくらい作業ファイル消失やデータ消失に対してデリケートなわけです。
そうでなくても個人事業やフリーランス、中小企業でWEBサイト制作のお仕事をされている場合、データ管理はどうするのがベストなのかいろいろと考えさせられますね。
そこで今までのやりかたと失敗点を踏まえて、WEBサイト制作においてのデータ管理の方法を探っていきたいと思います。
究極の目標は「家が突然爆発しても仕事が続けられる」です。
ちなみに最初に念のためお断りしておきますと、この記事では長々とDropboxとjungleDiskとAmazonS3のサービスについて書かれてありますが、それぞれのサービスの説明は全然しておりません。あくまでそれぞれ3つのサービスを連携させたらこういうふうになるよ、という類の記事ですんで、個々のサービスについては今一度検索して調べてみることをおすすめします。
それぞれ有料サービスが存在しますし、特にDropboxとjungleDiskはただサインインしただけじゃなくて専用のクライアントソフトをインストールしないと全然便利に使えないものなので、その使い方については別途調べておく事をお勧めします。
(続きを読む...)
楽しいですね！zen-coding。
html:4t>(div#header>h1+ul.globalNavigation>li.navi$*6>a)+(div#content>div#main+div#sub)+(div#footer>ul.globalNavigation>li.navi$*6>a)
こんなんが一行で書けてしまうので、ついつい仕事の本分を忘れて「いかにzen-codingで済ますか」ばかり興味が行っちゃって、大量にある面倒臭いコーディングもパズルを解くかのように楽しみながら作業できちゃいます。
せっかくなのでコーディングしてたら絶対出てくる他のいろいろと面倒なコードもzen-codingにまかせられないか、その方法を探って参りました。
(続きを読む...)
年末進行のせいにして年賀状も書いてない男。正宗です。さっきやっと寒中見舞いが刷り上がりました。
DreamWeaverのテンプレート機能。便利ですよね。うまくつかうとライブラリ機能と組み合わせる事によって大規模なサイト制作におけるケアレスミスを大幅に減らすことが出来ます。
今回はそのテンプレート機能でグローバルメニューをどう作ろうか考えたので、現時点で見つけた一番スマートではないかと思えるやり方を紹介したいと思います。
FlashもCS4になっていろいろ機能が追加されていますが、個人的に大歓迎なのがプロパティウインドウの使いやすさが大幅に向上したことです。
先ずは数値をマウスだけで入力可能になったこと。
これは動画でないとなかなか説明できないですが、いちいち数字を打ち込むのにマウスから手を離してキーボードで入力しなければならなかった今までのバージョンから比べて大幅に作業効率がよくなりました。
そして何よりも歓迎したいのが数値の入力に計算式が使えるようになったこと！
今までステージ上で整列させて配置したいときは整列パネルを使うか、電卓片手にXY座標を計算しながらポチポチとやらなくてはいけなかったんですが、これが格段に使いやすくなりました。
ほら、みて。こんなに違う
私はデザインする時、もっぱらFireWorksなんですが、今更ながら発見した便利tips。
FireWorks（以下 FW）で写真などの画像を拡大縮小するためには、「拡大・縮小ツール」を選ぶなどして変形ハンドルを出現させ、調整後Enter押すとそのサイズで確定するわけですが、
よくよくあるのが、後から「サイズをもっと大きめにして」などと修正が入っちゃうケース。
FWのイヤーな癖で、一旦Enterを押して確定させてしまうと、そのサイズで100％の画像に変換されてしまうため、少しでも大きくや小さくしようものなら画像がボケて使えたもんじゃありません。その度にデカい画像を再配置し、マスクの場合は解除してエフェクトもかけ直さなきゃ…と工程が多くてめんどくさいですよね。
で、そんなときに便利なのが「シンボル」。
予め（コレ後から微調整したいなーor入りそうだなー）という場合は、大きいサイズのままで画像選択した後に右クリックから「シンボルに変換」。
大きいままでサイズ100％としてシンボル化されるため、小さくするのもその後大きくするのも画質は綺麗なまま！もちろんシンボル元の大きさよりも大きくしてしまってはダメですが、かなり使える！！
※とはいえ、どんなに小さい画像でもそれだけ大きい画質の情報を持ってるってことなんで、あんまり一度に使いすぎるとPCが固まってしまうかもです。
