デザインを行う上では、ツールを使うのが必須です。有名なものだとPhotoshopやIllustratorがありますが、「まずは無料で気軽にWebデザインをしてみたい」という人もいますよね。 そこで今回は、Webデザインに使える無料のツールやWebデザインを効率化できるサイトをまとめて紹介します。 今回紹介する無料のWebデザインツール・ソフト ワイヤーフレーム・モックアップ・プロトタイプ作成ツール グラフィックデザイン作成ツール（写真加工・イラスト作成） テキストエディタ（HTML・CSSのコーディング） 配色選びに使える無料オンラインサービス Webサイトが制作できるオンラインサービス （編集部注：この記事は2013年08月29日に公開された記事を再編集したものです。） ワイヤーフレーム・モックアップ・プロトタイプ作成ツール ※ワイヤーフレーム・モックアップ・プロトタイプとは？ ワイヤー

今回はIllustratorでグラフを作成するときのまとめをメモしてみたいと思います。（主に自分用まとめなので逆引き形式で！） １：テキストからデータを読み込んでグラフ化したい！ ↑まず、このように行と列に入る値をTabと改行で区切ったテキストを用意します。 次にイラストレータからテキストデータを読み込みます。 するとこんな感じに読み込まれるので・・・小数点の表示などを調整します。 適用してみると・・・こんな感じになりました！

一度書いたコードは二度と探さない！スニペットを究めて快適コーディング！【HTML, CSS, JavaScript】 ※この記事は2013年8月26日に執筆された記事です。現在は仕様が異なる可能性があります。 気がつけば繰り返し同じ単語で検索し、同じコードを書いている…なんてことはありませんか？「この部分の記述、もう一回使うことがあるかも」と思ったらぜひスニペットとして登録しておきましょう！ スニペットとは繰り返し登場するコードの断片、またはそれをすぐに呼び出せるように管理するエディタの機能のことです。自分がよく使用する記述をスニペットにしておけばいちいち検索したり、昔書いたソースを探ってみたりすることなく、使いたい時に正確な記述をサッと呼び出して使うことができます。 Dreamweaver、Sublime Textなどのオーサリングツールやテキストエディタにはスニペットを自在に使うための

より楽しく、効率的に学習することをサポートしてくれるアプリを紹介しよう。いわば、デジタル版の気の利いた文具のようなものだ。 アイデアをアナログ的に整理 ・QuickMemo+ （85円）iPhone 考えたことを付箋に書いていき、並べ直したり重ねて貼って整理するのは、古くから行われている発想方法。そうした作業がスマホの画面上でできる。テーブルの上に貼るのと違って、いつでもポケットに入れて持ち運べる。見た目も綺麗で、使いやすいアプリだ。 移動中の暗記を手助け ・Voice Recorder HD （170円）iPhone 資格試験などで覚えることが多い人におすすめなのが、移動中の暗記。このアプリでは、テキストなどを吹き込み、声を聞いて覚えることができる。「ここが重要」などとコメントを入れられるのが、自作のいいところ。録音データはDropbox へアップロード可能。

Googleが先日の「Google 日本語入力」に続いて今度は無料で使えるパブリックDNSサービス「Google Public DNS」を出してきました。DNSのアドレスは「8.8.8.8」「8.8.4.4」というなかなか縁起の良い末広がりの数字を山ほど突っ込んでおり、覚えやすくなっています。 Googleによると、このDNSを自分のパソコンに設定することでページを表示するまでの速度が上昇し、セキュリティもアップするとしています。 というわけで、実際にWindowsで設定する方法は以下から。 Google Public DNS http://code.google.com/intl/ja/speed/public-dns/ Official Google Blog: Introducing Google Public DNS Using Google Public DNS ・Windows

こんにちは、もう覚えていただけましたでしょうか、晴海まどかです。「テクニカルライターが教える、文章の見た目を良くする技術」第3回。 今回は、記号の使い方で文章の見た目をよくできないか考えます。記号の中でもちょっと迷うかもしれない、括弧のお話を中心に。ちなみに、今回の話に関して言えば“縦書き”・“横書き”の区別はあまりありません。 前回の記事はこちら：テクニカルライターが教える、文章の見た目を良くする技術「あなたの縦書き文書を美しくする数字の書き分け方」 *この記事はKindle作家の”晴海まどか”さんからゲストポストいただきました 「括弧」を極めて美しい文章を作る技術 まずは例文をば！ 今回は先に例文を一つ見てみましょう。 なーんとなく、読みにくくないですか？ 以降、記号の使い方によって見栄えがどう変わるか、考えてみます！ 記号の代表格、括弧の使い方 括弧と一言で言っても、「かぎ括弧」（丸

最近、ウェブデザイン周りの優良ツールがたくさん出てきていて、しかもちゃっかりみんな買っちゃうしアドオン系のソフトウェア界隈にも良い流れを感じるこのごろ。今回は、ぼくが買ったツールのうちこれは手放せないなとおもったものをピックアップしてアフィリンク付きでゲス顔で紹介したいと思います。主にMacです。 マークアップ系 Slicy PSDファイルから画像素材が出力できるアプリ。PSDファイルを読み込ませるだけでほとんど自由自在に画像素材を書き出せます。使い方はPhotoshopのレイヤーやフォルダに.pngなどの拡張子をつけておくだけ。 マークアップするときの画像書き出し作業が全然億劫じゃなくなったのが一番嬉しい。一度読み込ませると、あとはPSDが更新されたら自動で書きだす機能なんかもあります。スマホのRetina用に半分の画像も一緒に書き出せたり、MacのRetina用に二倍の画像も一緒に書き

ごりゅご.com

フォームローラーでほぐし続けた結果...ようやくわかった効果とメリット3つ #Amazonプライムデー

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

この記事は、普段サーバーサイドスクリプト言語（PHP、Perl、Ruby等）を書いていない方を対象に、PHP を使うとどのようなことができるのか、あるいはできないのかを解説した入門記事です。 キャンペーンページで、指定の時間に受付を終了する たとえばキャンペーンページで、指定の時間までは「お申込みはこちら！」というボタンを表示し、それ以降は「キャンペーンは終了しました」と表示させたいとします。 こういう時、PHP はわりと直感的に書けるので便利です。 "; // 現在時刻が、キャンペーン終了後であれば } else { echo "キャンペーンは終了しました "; } ?> ※コメントで、「日付はUNIXタイムスタンプに変換してから比較したほうがよい」とご指摘いただいたので、strtotime() を使用するよう変更しました。 3行目に “2013-09-01 00:00:00” という箇