ウェブ屋の備忘録

日々の業務で工夫していることや便利なツール、新たに得た知識などを共有しています。

2013-01-01から1年間の記事一覧

乗り換え急増!今話題のエディタ!

ちまたで話題のエディタ『Sublime Text2』。 ・30分使って乗り換えました! ・DreamWeaverから乗り換えました! ・こんなエディタを待っていた! ・これなしではもう仕事できない! などなど… なんしか皆さん大絶賛ですので、私も使ってみました。 半年ほど使…

はじめてのデザイン仕事でもこれで安心!?

本を読まない私が、書籍紹介をしてみますよ。 デザイナーとしての常識的なマナーがこの1冊に凝縮されています。 デザインのお仕事をしていると、煮詰まってしまうことってありますよね。 そういうときの解決法が載っています。 仕事のやり方の他、資料整理の…

web上でQRコードを生成する方法

[html] http://chart.apis.google.com/chart?chs=150x150&choe=Shift_JIS&cht=qr&chl=WEBSITEURL [/html] 上記ソースのWEBSITEURLの部分をQRコード化したいURLに変更します。 例えばウェブ屋の備忘録のQRを作成したい場合は、 [html] http://chart.apis.goog…

ブログにセルフブランディングって必要なんだなという件について…

この「Web屋の備忘録」が始まって しばらく経ちました。 ブログのコンテンツって どうやったら魅力的になるのだろうと 熱いお茶をすすり、この文章をタイプしながら 時々おセンチになる私ですが みなさん、いかがお過ごしですか? 今日は熱く語りたいと思い…

PhotoShopで「こんなのやってみたい!」がかなう本をご紹介。

こんなのやってみたい!これかっこいい!ってエフェクトたくさんありますよね。 もう随分と昔に購入した本なのですが、そんな私の欲求を見事に満たしてくれた、レクチャー本をご紹介します! 『PhotoShop プロフェッショナル デザイン』 まだ新米の頃に購入…

これがPhotoshopで、写真から雰囲気のある線画を作る方法だ!

Photoshopを使って、写真から雰囲気のある線画を作る方法です。 実際にクライアントワークで、この方法で作成した線画をメインビジュアルに使いました。 Photoshopで写真から雰囲気のある線画を作る方法:簡単7ステップ! [1] 線画に加工したい元の写真を開…

スマホでも見られる、感動のパララックスサイト!

ずいぶんと浸透している「パララックス効果」のサイト。 スクロール操作で流れる仕組みは通常PC専用だったりするんですけど、 スマートフォンでもなぞって動かせるサイトもあるんですね。 ■ CHOOSE YOUR FLIGHT ■ Soleil Noir 2012 大手サイトでも、あたり前…

大規模サイトでも大丈夫。サイトの構成が簡単に分かるツール

こんにちは 「何か便利なものないかな?」といつも探しまわっているTです。 お客さんから現行のサイトの デザインリニューアルを依頼された時や、 全ページにSNSボタンを設置してください、なんて言われて 見積もりを作るときなんかに便利なツール 「Website…

SSHで外部アクセスする上で必要なもの(教訓)

こんにちわ。 数学が大嫌いなくせに、プログラム言語とか好きな私が行きますよ。 Macのターミナルを使ってSSHでアクセスするときに、こういう障害物がありますよ、ということで備忘録。 今回Windowsからのアクセスだったので使用したソフトがこちら。 Podero…

FireWorksで作成したpngをPhotoshop形式に

みなさん こんにちは! Photoshopが苦手なKです。 私はデザインのほとんどをFireWorksで作成します。 いつもは問題ないんですが、、、たまにあるんです。 「Photoshopデータで納品してください」 これを聞いた時の私の動揺…。 ノー!!!って叫びたい!!! …

ネットでは完璧でない方がいい!?

こんにちは! 今回はあるサイトで目にした興味深い記事をご紹介します。 この仕事をしているとどうしても完璧を求めて頭がどんどん固くなってしまう…。 きっとそんな経験皆さんあるんじゃないかと思います。 これは良くて、これはダメ!常に目指すのは「完璧…

Web業界の日進月歩に息切れ気味のあなたに…

昨今のWeb業界の日進月歩に 追いきれておらず、息切れ気味の私です。 すでにグロッキーになっております。 もう、世の中移り変わりが激しすぎます。 皆さん、いかがお過ごしですか? いかん、このままでは 取り残されて朽ち果ててしまう。 と、危機感をあら…

一体どんなPCとブラウザ使ってるの。。。?を調べるツール

こんにちは 作り上げたサイトをテストアップをすると お客様からFAXやメールが大量に届く現象に怯えるTです。 あんなに数々のブラウザでチェックしたのに、 お客さんにテストアップしたサイトをご覧いただくと なぜかレイアウトが崩れていたり、 見たことも…

Google Mapをおしゃれにしちゃお

普段Google Mapをウェブサイトに埋め込む時って、特になーんにも考えず埋め込みカスタマイズでペタっとしていました。 あるとき、「カッコイイやつがいい!」というクライアントからのご依頼にお応えすべく奮闘。 ただモノクロにするだけならできるかなーと…

Kindle作っちゃおう!

こんにちわ~ 本なんかほとんど読まないのに、Kindle語ろうとしています。 日本語版Kindleが動き出して4ヶ月が過ぎましたね。 私も最初のころはいろいろぽちりとしたものです。 こちらのkindle、「本を買うだけでなく、本を自主出版して売ることもできる」っ…

もうパーツデザインで迷わない。ヘッダー、サイドバーなどのパーツをカテゴリ別に見ることができるWebサービス「Croppy」

「ヘッダーの参考デザインだけたくさん見たい!」 「グローバルナビの参考デザインだけたくさん見たい!」 サイトを制作中にデザインで悩んだとき、そんなことを思ったりするのですが…。 そんなの集めてくれてるサイトないよね…。 私そう思ってました…。 で…

ソーシャルはもう聞き飽きた!

最近、なにかといえば「ソーシャル」という言葉聞きませんか? ツイッターにフェイスブック、 つぶやく、いいね。 たまにはこの言葉を聞かない日があってもいいよねって 思ってしまう今日この頃です。 みなさん、いかがおすごしでしょうか? 今日はそんな「…

息子に間違えられた話

ある日突然、iPhoneにメッセージが届きました。 なにやら12年もご無沙汰している息子さんと間違えられたみたいで、 「違います」と答えておきました。 で、何かの話のネタになるかなとちょっと粘ってみました。 しかし、僕の力量不足のせいか、あまり面白い…

Dreamweaverのデザインビューはかしこい。

こんにちは コーディング中は軽く吐き気を催すTです。 でも綺麗に出来上がると非常に気分の良い作業ですよね。 人それぞれ、コーディングしやすいソフトや方法は違いますが 私はメインでDreamweaverを使用しています。 理由は直感的で使いやすいことの他に…

別名で保存だけじゃダメ!?イラストレーターからPDFに変換するときに気をつけること

WEBデザイナーでは、あまり遭遇しない問題かも知れません。 IllustratorからPDFに書き出すときに、どうも上手くいかない?設定はあってるのに印刷すると変・・・? なんてことがあるのです。 そこでAdobe Distillerというソフトを使用します! Adobe Distill…

Fireworksで困ったときはコレ!

この会社に入社してから初めてFireworksを触ったデザイナーです。 Fireworks。最初はなかなか使いこなせなくて、使いこなせなくって…。 イラレ気分でいたら大変な目にあいましたよ、本当に。。。 画像のリンクはきかないから、差し替え指示きたらまた貼り直…

コレだけ知ってたら結構役に立つ!困ったときのCSSハックとか。

最近は少なくなったけど、Web屋をやってるとやっぱりIEに泣かされます↓ 最新のブラウザでキレイにコーディングしてもIE6とか7で表示ズレ… IEにあわせてコーディングしてみたら他のブラウザで表示ズレ… んーラチがアカン…。 そんなときはハックでしょ。という…

たのしくWebマーケティングを学びましょう。

みなさん、こんにちは。 サイトのリニューアル後に クライアント様から 「アクセスアップ!」とか「Webで集客!」とか いろいろと期待されてしまって 胃がきりきり痛いなんて日常茶飯事となってしまっています。 では「Webマーケティング」を学ぼうかって思…

Webデザイナ向けアレコレ計算式「Web計」

こんにちは。ペンネーム雨天決行です。 よく使うツールです。便利すぎます。 メイン画像の大きさを決めたり、並べるサムネイルの数やサイズを求めたり、デザインをする時に必須の計算がアレコレできます。 いちいち電卓を叩いてなんやして、というのがなくな…

もうどのファイルを消すかで迷わない!JDiskReport

おはようございます。ペンネーム雨天決行です。 便利なツールのご紹介です。 JdiscReport 会社のパソコンのハードディスクの空き容量が少ないことに、ある日気づきました。 いらないファイルを削除しようと思いましたが、現在進行中のものばかりで捨てていい…

作業のスピードアップ化・効率化で早く家に帰ろう

こんにちは! いつも急いでミスばかりのTです! ★作業のスピードアップ化・効率化に必要なこと★ 1.ショートカットキーを覚える(あたりまえ) 2.データ整理・書類整理(探す時間が無駄) 3.他人の作業を見る 3番って結構大事です。 「聞く」でも、「…

ヴィアンダさんの石鹸:ベビーカドリー

ヴィアンダさんの、ベビー・カドリーという無香料・無着色・無鉱物油・パラベンフリーの石鹸。使いはじめて2カ月。アトピー体質の子供にも特に問題ありません。私自身も洗顔に使っています。

もう色には困らない!Color Scheme Designer

http://colorschemedesigner.com/ Webデザインをしていて、色に困ったときに使っているツールです。 もう1色欲しい、指し色どうしよう?という時によく使います。 使いかた ここをクリックして、16進数のRGB値を入力するだけ! すると mono 同系色 complemen…

クライアントがめっちゃ喜ぶ!コーディングで気をつけていること

私がコーディングで気をつけていることを紹介します。 どれもむっちゃ簡単です。それもたった3つです。 実際にクライアントにめっさ感動していただいたことのある、コーディング方法です。 改行の入れ方 要素ごとであったり、区切りのいいところで改行をしま…

小手先に頼らないソーシャルメディアマーケティング:ソーシャルメディアマーケター美咲

遠藤美咲は、27歳の天秤座女子。 メーカーの営業部からインタラクティブエージェンシー(ネット専業代理店)に転職したばかり。 配属先は、なんとソーシャルメディアマーケティングの専任チーム。 最初に直面したのは、広告主やその社内に蔓延する「手段の目…