一つのカラーを元にそれにあったカラーパレットやグラデーションを作成したり、トレンドカラーを使った配色サンプル、アクセシビリティガイドラインに沿ったカラーパレットなど、配色設計に役立つオンラインツールを紹介します。 Coolors オススメの組み合わせを次々に表示してくれるオンラインサービス。 スペースキーor右のアイコンでランダムカラー、ロックでカラー固定、さまざまなファイル形式にエクスポートもできます。

きれいにまとまったサイトなのでご紹介。 Small PDFでは、PDFに関する小粋なツール群を提供している。 PDFを圧縮したり、JPGに変換したり、さらに複数ファイルをまとめる機能もある。 他にも似たようなツールはあるが、まとまっているのがありがたい。覚えておいても損はないかもですな。

● 自由の翼フォント ➡ ( ☑ 表示サンプル ) ※ 禁止事項 当フォントファイル(TTFファイル本体)を無断で販売する行為 M+ FONTS ベース 個人・商用問わず無料でご利用いただけます。 ● りいてがき筆 ➡ ( ☑ 表示サンプル ) ● りいポップ角 ➡ ( ☑ 表示サンプル ) ※ 禁止事項 フォントファイルの無断転載・再配布・販売・改変 公序良俗に反する行為・違法行為・アダルト・出会い系・宗教関係・その他迷惑行為等でのフォントの使用 フォントを使用して作成したロゴ等の商標登録・意匠登録 上記の禁止・使用不可とさせていただいている行為を除き、誰でも、用途や、商用・非商用を問わず利用可。 商用利用される場合でも、利用方法に上記の禁止事項以外の制限なし。 事前のご連絡や許可等は不要。 webフォントとしてもご利用可能。 ● FZイモケンピ ➡ ( ☑ 表示サンプル ) ※ 禁止事

作成：2013/03/25 更新：2013/06/02 Tool > Webサービス ※2013/05/22： 「開業」の前に読んでおくと得するまとめを追加しました。 副業や起業時にお金の管理はどうすればよいのか？ 個人事業と会社設立 どちらでいけばいいのか 会計や計画書、GoogleAppsから起業の心得まで 今回は副業や起業に使えるツールやサービスの使い方などをまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ １．会計 ２．確定申告 ３．見積書 / 請求書 ４．事業計画書 ５．会社設立 ６．個人事業 ７．起業の心得 ８．GoogleApps活用法 ９．HP立ち上げ １０．名刺を自作 １１．マーケティング １２．利用規約の作り方 １．会計 僕の周りには起業家が沢山いますが、お金の流れや税金、管理方法などに関する内容が一番多い。しかし、起業して会

作成：2013/02/12 更新：2013/02/21 Tool > Web制作 毎月生活が出来るくらいの収益を発生させたい 会社の給料が多くても、少なくても テレビを消して、アフィリエイトをやってみたい。 今回は、経験にもとづいて「確かにそうだ」と思った超優良サイトをジャンルごとにまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ １．基本 / マニュアル ２．無料ツール ３．Google AdSense ４．WordPress ５．Webサービス ６．NAVERまとめ ７．はてな / せどり ８．税金対策 １．基本 / マニュアル クリック報酬と成果報酬型広告→まずはこれを把握 1サイトで毎月10万以上の副収入を得るために・・・| 四畳半ワークス サンプルを見せながら解説→イメージしやすい アフィリエイトで稼ぐ方法 - それなりに・・・ | ア

昨年より、5年間やっていたDTPの部署からWeb制作の担当と相成った私。 正直、まだまだお勉強中のWeb制作なのですが、ちょいとここいらで今自分が使用しているアプリ・ツール・サービスなどをまとめておこうと思います。 デザインに使用しているアプリ まずはデザインに使用しているアプリ。 Adobe Photoshop・Illustrator デザインに使用しているのはAdobeのPhotoshopとIllustrator。（CS5） DTPのころから使っているので非常に慣れているのはいいのですが、おかげさまで新しい環境に飛び込む勇気がなく、いつか覚えようと思っているFireworksに手を出す時間がございません。 まぁそのうち…うん…。 どんな風にIllustratorやPhotoshopを使用しているのかは、以下の記事をごらんくだしあ。 これが出来れば中級者！Illustrator初心者のた

作成：2013/01/28 更新：2014/11/01 Tool > Webサービス フリーソフト、無料ツールなのにここまで使える 前回、無料素材をご紹介しました。 今回は無料で使える「ツール」をまとめます。フォント、画像、配色、htmlからエディター・アフィリエイトリンク作成補助まで。 エンジニア速報は Twitter の@commteで配信しています。 もくじ １．フォント ２．画像編集 ３．ロゴ作成 / ネタ ４．配色 ５．HTML5 ６．CSS ７．ブラウザチェック ８．エディター ９．アフィリエイトリンク作成 １０．フォーム作成 １．フォント PCにインストールされているフォント一覧をプレビュー Font picker イラスト等に使われているフォントを調べる WhatTheFont Windows上のテキストをくっきり、見やすく表示。 gdipp - ｋ本的に無料ソフト・フリー

Twitter Bootstrapのテーマ作成ツールです。OSSとしても公開されていますので、自分好みにカスタマイズするのもありですね。他にもこの手のツールはありますけど、これはこれで使いやすい印象でした。 Twitter Bootstrapのテーマ作成ツール。Google製のテンプレートエンジン、AngularJSを使用しているそうです。

フォルダに入っている複数の画像にカスタマイズした枠・ロゴ・ウォーターマーク・サインを入れることができ、画像のトリミングやリサイズも可能なフリーソフトが「GoodFrame」です。Windows上で起動可能となっています。 ダウンロード、インストール、操作方法などについては以下から。 Download | FDSoftware http://fdsoftware.frandevs.fr/?page_id=52 上記サイトの「DOWNLOAD」をクリック。 ダウンロードしたインストーラーを実行。 「Next」をクリック。 「Next」をクリック。 「Next」をクリック。 「Install」をクリック。 「Finish」をクリック。 操作画面が表示されます。 今回は、フォルダに入っている全ての画像をまとめて処理します。 「Directory」にチェックを入れて、画像が入っているフォルダを選択。

こんにちは、目の前の窓から冷気が吹き込んでこの席寒い。もりたです。 LIGブログでは毎月アクセス解析を公開しているのですが、そういえばOSの情報は載ってなかったですね。 LIGブログを見ている人たちはWindowsとMacどちらのほうが多いでしょうか。 私は家ではWindowsですが、純正モニタの画面が綺麗なのとカラーマネジメントをそれほど気にしなくていいという理由から会社ではMacを使わせてもらってます。 でもやっぱりOSが違うといろいろ勝手が違って困りますね。 というわけで今回はWinユーザーがMacに馴染むためにまず入れておくべきアプリケーションや覚えておくと便利な設定などを紹介してみます。 ちなみにアプリは全部無料です！（2013年1月時点） とりあえず最初に 拡張子を表示させる 本当にWinからMacに移行するならデータの移動などなど、Winで作ったファイルをMacに入れることも

こんにちは、傍島です。 最近は、メール添付で済ませることが多くなりましたが、書類をやりとりする際に、ファックスで欲しいとリクエストを受ける時があります。印刷してファックスするのが面倒なので、メール添付で済ませることができないか？とも思いますが、そうもいかない時もあります。 私は、自宅にファックスがないので、ファックスを送ろうとすると、印刷したあと、コンビニのファックスサービスを使うことになります。数枚のファックスの為に、わざわざコンビニへ出かけるのは面倒な話です。とは言え、めったに使わないものに有料サービスを契約するのは面倒ですし、月額使用料を支払うのももったいない話です。 私が両親にファックスで送って欲しいと言われた時に、便利に使えたサービスをご紹介します。ご紹介するのは、『myfax』という名前のインターネットを使ったファックス送受信サービスです。 すべての機能を使うには、契約が必要で

今日まででMacBook Proを1年間、そしてiMacを購入して半年が経つので、今や僕にとって無くてはならなくなったアプリの数々をご紹介しようって趣旨です！１年って言うと全然周りのMac使いの人たちと比べても長くもなんとも無いんですが、まぁ一年の節目も迎えようって時期ですし、日頃の多大な感謝を込めて今年一年WEB制作において超ありがたーく使わせて頂いたアプリをご紹介させて頂ければと思います！ 結構まだまだ、『え？これ使って無いの？』なんて言われる事も多いですし、周りの友人達から教えて頂いた物も多いので、一個くらいは皆さんにとっても良さげな物が共有できれば嬉しいです！量も多いので、ブラウザやメーラー、Adobe製品等は省きますね！ それでは、前置きは簡単にして早速ご紹介させて頂きましょう！ Coda（6,500円） もはや定番のWEB制作ツール！ Evernote（無料） 超定番のノートツ

New/ old tin palette / jessiecchapman 「色彩検定2級」と言う自慢していいんだかよくわからない資格を持っている私。…が、デザイン会社勤務でありながら、どうも「色使い」と言うものに苦手意識を持っておりまして。 いざデザインに取り掛かろう！となってからメインカラーを決めて、サブのカラーを決めて、よしこれだ、あ、でも待って、こっちの色の方がいいかも、ううん、元に戻そう…あ、やっぱりこのキャミソールにしようかしら…etcetc。 さっぱり作業が進まないこともしばしばなのですが、そんな時に使用しております配色の手助けツールをまとめておきたいと思います:)

今回紹介するのは、YouTubeからダウンロードしたFLV形式の動画ファイル（H.264+AAC）を画質・音声とも無劣化でMP4形式に変換する方法です。FLV形式の動画は、そのままではWindows Media PlayerやiPhone、PSPなどでも再生できないのでMP4変換しておくと便利。 FLVやMP4という形式のファイルはコンテナフォーマットと呼ばれ、見た目は1つのファイルになっていますが、実際の中身は「動画ファイル+音声ファイル」という構造になっていて、FLVやMP4とはこれらを1つのファイルとしてまとめている「コンテナ＝箱」でしかありません。 つまりFLV形式ファイルの中身の動画部分・音声部分とも再エンコードせずにコンテナだけをMP4形式に入れ替えることができれば、無劣化でMP4に変換することができるというわけ。今回、FFmpegというソフトを使ったそのやり方を紹介したいと思

WEB屋を名乗って仕事をする以上、作業効率を考える事は必要最低限の努力だと言うお話は何度かこのブログでもさせて頂いてきました。 まぁしかし、ぶっちゃけ何が自分にとって作業効率に繋がるかはやってみないと分からないですよね。作業時間の見直しをするだけで効率化に繋がるかもしれないですし、ツールをもっと使いこなすことだったりするでしょうし、コミュニケーションを円滑にすることで作業効率につなげたりと、何が一番効率化に直結するかは人それぞれだと思います。 ただ、何度かこのサイトでもWEBサイトを作る上で便利そうなジェネレーターの存在を共有させて頂いてきましたが、こういうツールは知ってるのと知らないのとでやはり大きな差が出てくることはやっぱり多いと思います。特に最近はWEBに強いクライアントの存在も目立ってきて、自分だけじゃなく、お客さんにとっても、もしかしたらプラスになるジェネレーターの類も多いんじゃ

Mac：ターミナルからコマンドを入力するなんて面倒...そう思っていませんか？　コマンドラインをなめてはいけません。正しいツールを選べば、コマンドラインは見違えるほどパワフルになります。この記事では、米Lifehackerオススメのコマンドライン・ツールをご紹介します。もうGUIには戻れなくなるかもしれませんよ！ ちなみに、この記事ではLinux系のコマンドがたくさん出てきますが、Linux以外でも使えるものばかりです。Macのターミナルでも同じコマンドが使えますし、Windowsなら『Cygwin』というUnix風のターミナルが便利です。 また、今回の記事は、米Lifehackerや海外サイトへのリンクが多く、すべて未翻訳のものばかりでした。気になるツールがあれば、少々手こずるかもしれませんが、リンク先ものぞいてみてください。 フリーズしたり、急に動作が遅くなったり、マシンに何らかの異常

オフィスソフトといえばMicrosoft Officeが定番となっていますが、その販売価格が30,000円近くと値段が高いのがネックです。少し使いたい程度の人には、わざわざ高いお金を出すのは抵抗があるかもしれません。しかし、もし無料で使えてMicrosoft Officeとの高い互換性を持つオフィスソフトがあったらどうでしょうか？ そこで今回紹介するのは、無料で使えてMicrosoft Officeとの互換性が非常に高いKingsoft Office Suite Freeです。Kingsoft Officeと言えば、日本では有料で販売されているものを思い浮かべるかもしれませんが、英語版では無料で使えるものが公開されています。もちろん使用期限はありません。 今回紹介するKingsoft Officeは英語版ですが、とある方法を使えば日本語化も可能ですし、日本では有料版の2012のリボンインタ