WEBディレクターは気づいてる、データの扱い方でわかるデザイナー、コーダーのスキルレベル

WEB制作のディレクションをしていると、いろいろなデザイナーさんやコーダーさんと仕事をする機会がありますが、本当に個々のスキルというのはまちまちです。
社内で気心の知れた、力量のわかる人と一緒にする場合はいいのですが、誰かの紹介であったり、ディレクションの部分だけ任されて、制作部隊は決まっていたりと自分の権限で選ぶことができないこともあります。

そういうときに、一緒に仕事をしていく中で、ちょっとした部分で、その人の経験が豊富か、浅いか、普段から勉強しているかどうかわかってしまうことがあります。

渡されたデータを見て、不要なものが入っていたり、確認もれがあったり。デザインそのものやコードの中身だけではなく、データの扱い方でわかることがあります。

そんな事例をピックアップしてみました。実際に私がこれまでに経験したことのある事例です。
続きを読む

2012年の金環食を見ながら考えた多様性について

2012年5月21日朝。20年ほど前に、ドリカムの『時間旅行』の歌詞、「金環食」をそのとき一緒に口ずさんでいた女性とその人との間にできた2人の子どもと実際の金環食を見て思ったこと。

同じ時間、同じ太陽を同じ日本で見ているはずなのに、鹿児島、和歌山、大阪、名古屋、静岡で欠けている状況が違うし、川崎と隣の都内でさえ、雲のかかり具合で違って見えている。

ドリカムの曲を知っている私達と、そんなことを聞いても「ふ~ん」くらいにしか思わないうちの子ども。

同じものを見ているつもりでもどこを見ているか、どう見ているかというのは、個々のバックグラウンド、置かれている状況で全く違っているということ。

Eclipse 2005-10-03 / Miguel GR

続きを読む

大人買い商品の検索サイト「おとな買い計画ドットコム」リリースしました

突然ですが、大人買い・箱買い・まとめ買い・セット買い商品の検索サイト
おとな買い計画ドットコムリリースしました。

フリーランス転向後、何かオリジナルのWEBサービスの開発をしたいと考えていました。
「おとな買い計画ドットコム」は、その1stリリースです。

裏話というほどではありませんが、リリースにたどり着くまでのエピソードやサイトに込めた思いについて書いてみたいと思います。

続きを読む

Twitter Bootstrapの習得にはドットインストール+公式サイトが最適

ドットインストール

最近にお気に入りのTwitter Bootstrap。その名の通り、Twitter社が開発しているCSSフレームワークです。

レイアウト(イマドキのレスポンシブデザインにも対応)、テーブルやフォームのボタンのスタイリング、ナビゲーション、メニューのユーザービリティの強化に威力を発揮します。

また、CSSでの記述なのでデザイン制作の作業の省力化にも効果があります。

CSSを理解している人なら、簡単に、短期間で習得できます。基本的な部分なら、おそらく、半日で大丈夫ではないかと。(※ツールチップやポップアップなど、一部でjQueryの知識もあるといい機能もあります)

とにかく、CSSを書けば、かっこいいボタンやメニューが設置できるので、次のような人にはおすすめです。

続きを読む

Twitter BootstrapをWordPressで使ってみる (プラグイン初期設定と表示サンプル)。意外と簡単かも!

最近、個人的に最も注目のTwitter Bootstrap。
レスポンシブWEBデザイン対応(つまり、スマホサイト対応)、ページレイアウト、ボタンデザイン、UI、ナビーゲーションメニューの制作、特にデザインに関しては決まったスタイルから設定していけばいいので、開発時間の短縮に大いに役立ってくれています。

これまでは、サイトを一から立ち上げるときに、使っていたのですが、どうやら、Wordpressでも使えるようで、対応プラグイン見つけました。


WordPress Twitter Bootstrap CSS

こちらをインストールして、動作確認や使い方を確かめてみました。
続きを読む

元なかの人が語るAdobe CS6を激安価格ショップで購入する際の注意点

Adobe Creative Suite 6(以下、CS6)、パッケージ版の販売終了が発表になったようですが、
一度買うと数年は継続して使う方、法人などでまとめて購入する場合など、
根強い人気があり、非常によく売れているようです。

Adobe CS6サイト

以前
元なかの人が語る最大82%オフAdobe CS5.5、CS6無償アップグレード付き激安価格販売サイトのカラクリ

を書きましたが、CS6の激安価格販売サイトで2014年4月25日までは、購入可能です。
(決して怪しいサイトではなく、Adobe社公認の販売サイトです。)

※CS6の販売は終了しましたので、Adobe CCの状況、「元なかの人が語るAdobe CCが安く買えるショップの裏側と購入方法2018年8月」を書きました。

非常にお買得な価格でAdobe CS6のソフトを購入できます。
続きを読む

元なかの人よりおすすめ-まだ間に合う!Adobe CS5.5を買ってCS6に無償アップグレード

Adobe CS6 Design & Web Premium

皆さん、連休はいかがでしたか?私は、カレンダー通りの営業で、比較的ダメージ少ない感じで仕事に復帰できそうな感じです。
ただ、外出する機会も多かったので、体力低下、体調は下降気味の感じがします。

ということで、ブログを書いてスイッチオンです。

Adobe CS6が遂に今週の5/11(金)に発売されますね。
※5/11記事追加「元なかの人が語るAdobe CS6を激安価格ショップで購入する際の注意点

商品ラインアップを詳しく見てみましたが、

CS5.5のDesign PremiumとWeb Premiumが、CS6では、
Design & Web PremiumというDTP・WEBのどちらの制作にも使えるパッケージに統合されます。

続きを読む

Skitchでスポットライト効果を付ける方法

スポットライトの完成

フリーランスになり、時間的な余裕ができたので、なるべく毎日ブログを書いています。

ブログの見やすさやわかりやすさを出すために画面キャプチャ(スクリーンショット)は必ず入れるようにしています。

意外に時間がかかるのが、画面キャプチャをしたその後の加工。

続きを読む