HTMLやCSSでホームページのデザインを行うことを、一般的には「プログラミング」とは言わずに「コーディング」と言います。 論理的なバックエンドでの実行処理を考えるプログラミングとは違い、HTMLやCSSは「見え方」や「見た目」の部分に責任を持つことが多く、コードによって「組み立てる」イメージからそのように呼ぶのでしょう。 しかしながら、CSSは通常プロパティと値をセットで指定していきますが、*「CSS関数」*と呼ばれる便利な関数も用意されています。 これらの関数を使うことで、計算を実行したり、条件を指定したり、特定の値を別のフォーマットに変形したりすることができます。 そこで本稿では、*コーディング初心者こそ知っておきたい便利な「CSS関数」*を5つ紹介していきます。 普段業務などであまりCSS関数を活用していない方にこそ、CSS関数のよさを知って、使えそうな場面でぜひ活用していただきた

Photoshopを使った画像補正で無くてはならない機能が「トーンカーブ」です。感覚で使うこともできますが、最大限に活用するためには正しい理解が必要です。 今回はトーンカーブの基礎、活用方法をご紹介します。 これまでなんとなく使ってきた方、思い通りの結果にならないという方はぜひご覧いただき基礎を身につけてみてはいかがでしょうか。 1.トーンカーブとは トーンカーブの機能は多くのペイントソフトに付属していますが、ここではPhotoshopをベースに説明を進めていきます。 Photoshopにはトーンカーブ以外にもいくつかの補正機能が備わっています。中でも使いやすい機能の一つに「明るさ・コントラスト」がありますが、画像の質を低下しやすいデメリットがあります。 また、細かな部分や複雑な画像の補正にも不向きです。これに対して、トーンカーブは視覚、データの劣化をおこさずに細やかな補正ができます。 ト

こんにちは。株式会社FREE WEB HOPEの代表取締役社長　相原 祐樹です。Webマーケティングは、やるべき事や覚えなきゃならないことが沢山あります。何か調べ物をしようとした時に情報が抽象的だったり、概念的だったりと最終的には調べることに疲れてしまった……なんて経験はありませんか？ 僕はいつも思っていました。 「考え方やマインドセットはいいからやり方を教えほしい」ということを。 そこで、もう自分でWebマーケティングで中小企業がやるべき事を時系列でわかるようにまとめてしまおう思い、「中小企業が今すぐ出来る 実践！WEBマーケティング大全（全116ページ！）」を執筆しました。 実際に僕の会社が設立から4000万/1億/3億/5億(たった8人で)と毎年伸び続けてこられたWebマーケティングに関する5年分の情報を全て整理して分かりやすく解説しています。 本記事では、その中から弊社の得意とする

【パワーポイント作成】伝わるデザインのコツ ほんの一手間で驚くほど見やすく変わる！パワーポイントやGoogleスライドなど資料のデザインを見やすく仕上げるコツを解説します。 無料で使えるKeynoteテンプレートまとめ 1.Azusa http://memo.sanographix.net/post/82160791768 "大体いい感じになる"というコンセプトのKeynoteテンプレートです。今時っぽいカラーリングと素敵なフォントのスライドが作れます。日本製ですので、使いやすさも抜群です。 2.Modern Report https://hislide.io/product/modern-report-free-key-template/ 白を基調とした背面と黒や灰色文字によってシックな雰囲気のあるテンプレートです。 3.X Grey Keynote Template http://ww

コーディングする際に、何気なく重宝するコードがtableです。 そんなtableですが、コーディングしていると乱雑になってしまったり少し凝ったデザインにしようしても、いまいちと感じてしまうことが多々あります。 今回は、オシャレなtableが簡単に実装できるCSS3のサンプルコードをご紹介します。 コピーペーストで簡単に使えますので、ぜひホームページのデザインに取り入れてみてください。 コピペで使えるtableのサンプルコード19選 1.CSS3のセレクターで作るストライプテーブル http://ascii.jp/elem/000/000/462/462099/ 汎用性の高いシンプルなストライプテーブルを作ることができるサンプルコードです。 CSS3のセレクターを使って、行・列ごとに背景色が違う典型的なテーブルをデザインします。 以前のCSS1、2の場合だと背景色を変えるのは結構手間がかかっ

ferret編集部：2014年12月11日に公開された記事を再編集しています。 「デザインに関しては、全くわからないからデザイナーさんに全てお任せ！」 「デザインは感性や才能だし、なんて伝えていいかもわからない。」 と感じる方も多いのではないでしょうか？ デザインが本業でない場合、時間を割くのが難しいという担当者さんが多いのが現状です。 しかし、デザインの多くは原理原則や、法則に則ったうえで考えられています。少しでも理解することでデザイナーさんとの連携もスムーズになりますし、なによりクオリティが上がること間違いないです。 今回は、デザインの原理原則が分かりやすく書かれている記事をまとめました。 1.デザインの基礎 【追記あり】【初心者】デザインってなんだ？「デザイン」の概念と、４つの基本原則を知ろう http://wp-e.org/2014/03/09/995/ こちらの記事では、そもそも

企業のロゴをデザインする際に重要となる要素の一つが「フォント」です。 どのフォントを使うかによってイメージが大きく異なりますので、目的としている企業のコンセプト、イメージしているものに近いものを選ぶ必要があります。 そんなロゴデザインでぜひとも参考にしたいのが有名企業、ブランドが採用しているフォントです。 誰もが知る大手企業でも意外に定番のフォントを使っていたり、既存のフォントをベースにユニークなアレンジを加えている企業があったりと、デザインのヒントが隠れています。 今回は、有名企業・ブランドが採用しているロゴフォントをまとめてご紹介します。 ▼ディレクターとデザイナーで読みたい資料 マーケ思考のデザイナーは強い！ 提案型デザイナーのススメ リード獲得が重視される「広告・LP・サービスサイト」などに携わるデザイナーの皆様に向けての資料です。成果を出すデザインにするために心がけたいポイントを

収支報告など、リアルなアフィリエイト情報を発信している注目ブログを集めました。 これからアフィリエイトを始めたい方・アフィリエイトに悩んでいる方は、ぜひチェックしてください。 アフィリエイトブログ一覧 1.アフィリエイト野郎 http://afi8.com/ 保険、車査定、FX、キャッシング、外壁塗装など、幅広いジャンルのアフィリエイトサイトを運営されているパシさんのブログです。 2013年8月にアフィリエイト収入月100万を達成、2015年の目標は月300万。 更新ペースは週1回ほど、初心者向け情報もたくさん公開されています。 2.成り上がりアフィリエイト http://www.tunerzinemedia.com/ Google AdSenseからアフィリエイトを開始し、旅行ジャンルなど、ASPアフィリエイト中心に活動されているタイガーさんのブログです。 2014年10月の報酬確定額は

株式会社ロックオンの松本です。 データを解りやすく伝えるのにもっとも良い手法が「グラフ（絵を用いた）表現」だと言われています。 だからだと思うのですが、最近はBIツール界隈も急速に盛り上がりつつあります。BIツールで作成したグラフを用いたプレゼンは「データプレゼンテーション」と言うそうです。 一方で、もっとも伝えたいことを、もっとも解りやすく伝えるには、どのような「グラフ表現」をすれば良いのか、ということを簡単にまとめたサイトは少ないことに気付きました。 無ければ作ろう！ということで、今回からしばらくはグラフ表現の「ポイント」をお伝えしていきます。 今回は、「棒グラフ」の使い方をを紹介しますので、ぜひマスターしましょう。 何を伝えたいときに棒グラフを使うのか？ 棒グラフは複数の項目の「量」を比較するために用います。大きい・小さい、を感覚的に把握できることが棒グラフの特徴だと言えます。 棒グ