初心者にもできる！真俯瞰から料理を撮影するときのコツ

立体感を出すには斜め上からの「斜俯瞰」で撮影するのが一番良いのですが、盛りつけの美しさを見せたいときなどは、真上からの「真俯瞰」が効果的です。彩りや料理のデザインがよく分かり、美味しそう、というよりも「かわいい」「おしゃれ」というような印象 ...

今やどんなサイトにも設置されているSNSアイコン。おしゃれな無料アイコンもたくさん配布されていますね。でも、アイコンだけならスマートに収まるのですが、「tweetボタン」や「いいね！ボタン」など、シェアボタンまで並べだすと見た目にごちゃごち ...

Googleの検索結果で表示されるタイトルには、基本的に＜ＴＩＴＬＥ＞タグに記述されているものがそのまま表示されます。ですが、時にGoogleによって自動的に書き換えられてしまうケースがあります。そこで、書き換えられてしまったときにチェック ...

ContactForm7は、フォーム送信後にサンクスページに移動することはなく、最下部に「あなたのメッセージを送信しました」というメッセージが表示されるだけです。そこで、別の方法でこのメッセージをもっと目立つように工夫してみたいと思います

WordPressのプラグイン「ContactForm7」では、名前や電話番号だけでなく、日付け・テキストエリア・ドロップダウン・チェックボックスなど様々な項目を処理することができます。今回は、この項目の設定についてご紹介します。

WordPressでお問い合わせフォームを作るならこれ、というくらい人気のプラグイン「Contact Form 7」。使い方がシンプルで簡単、安定した動作、日本語の管理画面が使いやすく、おすすめのプラグインです。今回はContact For ...

Webデザイナーの腕試しに！カーニングや色彩感覚をチェックする５つのゲーム

色彩感覚やセンス、余白の取り方など、Webデザイナーには様々なスキルや感覚が求められます。今回は、そんなスキルを気軽にチェックできるゲームをご紹介します。

インターネット上には、Photoshopで写真にエフェクトをかけるためのアクションが無料で多数配布されています。
前回ご説明したように、このアクションを使えば、ボタン一つで写真にハイクオリティなエフェクトをかけることができます。

アクション機能とは、Photoshopの一連の作業を記憶して、後から同じ効果をボタン一つで他の写真にも施すことができる機能です。今回は、アクション機能の基本的な使い方。自分でアクションを作る手順について説明します。

CodePenに学ぶ！サイトに使える最新テクニック

HTMLやCSS、JavaScriptを共有するコミュニティサイト「CodePen」。クリエイター達が毎日、数々の優れたソースを公開してくれています。その中から、すぐにサイトに活用でき ...

CSSだけで簡単実装！入力フォームの新しいエフェクト

Codropsで、入力フォームにフォーカスした時の、面白いエフェクトが紹介されていました。CSSトランジションやアニメーションを使い、様々なエフェクトを実現しています。

INS ...

Googleカレンダー活用方法｜タスク管理③タスク管理

GoogleカレンダーやGmailには、ToDoリストというものがあり、タスクの管理をすることができます。どちらのアプリからアクセスしても、リストは同じものです。ここでは、Goog ...

Googleカレンダーの活用方法をまとめました。その２②スケジュールの共有

Googleカレンダーは、スケジュール単位やカレンダー単位で他のユーザーと共有することができます。プロジェクトや部署ごとに共有し、メール通知などを利用すれば意思 ...

Googleカレンダーの活用方法をまとめました①基本的な使い方

Googleカレンダーは、スケジュール管理用のアプリです。個人だけでなく、複数のユーザーでスケジュールを共有できるので、企業でも使っているところは多いのではないでしょうか。 ...

【WordPress】初心者にも使いやすい！日本語対応の商用無料テーマ７選

過去にも紹介しましたが、無料のWordPressテーマでもとても魅力的なデザインのものがたくさんあります。ですが、ダッシュボード上のテーマ設定画面や利用規約がが ...

jQuery不要！レスポンシブのグリッドレイアウトを作ってくれるスクリプト「Masonry」

複数のボックスをタイル状に並べるグリッドレイアウト。これを、簡単に実装できるスクリプト「Masonry」をご紹介します。
サイズの異な ...

Googleアプリを活用しよう！Googleドキュメント

Webライティングの重要性が高まってきている最近のSEO。初心者からプロまで、Webで文章を書く機会はどんどん増えているのではないでしょうか。
そこで今回は、Webライテ ...

ユーザーを惹き付けるストーリーテリング型のウェブデザイン

2015年に流行すると注目されているWebデザインの中に、「ストーリーテリング型」というものがあります。縦長の１ページの中で、スクロールで進むごとに様々なエフェクトを交えてストー ...

CSS3でサクッと実装！かっこいいナビメニュー「Fixed Nav Hover Effect」

CodePenにCSSのみで実装できる、ホバーエフェクトがかっこいいナビメニューが紹介されていました。マウスを置くと左からカーテンを引くよう ...

【Photoshop】ブラシを使って、シワの入ったやぶれた紙を表現する簡単テクニック

Photoshopで紙の質感やシワ感、やぶれやめくれを表現する方法はたくさんありますが、その中でも特に簡単にできるテクニックをご紹介します。ブラシ素材 ...

ロゴやキャッチに最適！インパクト大のテキストエフェクト１０選

思わず目を引く、インパクトあるテキスト効果を作るチュートリアルをご紹介します。リアルな質感が表現されているので、ロゴやポスターなどのキャッチに最適です。

①Smoke ...

【Photoshop】ほんのひと手間かけるだけ！写真をグランジ風にアレンジする簡単な小技

きれいでなめらかな写真は時として平凡で退屈です。被写体によっては、雑味を加えた方が味が出てインパクトを与えてくれることがあります。今回は誰でも簡単 ...

Googleアプリを活用しよう！Gmail編⑤連絡先の登録・管理

Gmailでは、一度送信した相手のメールアドレスは記憶され、宛先に送信者名の最初の文字の一部を入力するだけでアドレスの候補が表示されるようになります。

例：「 ...

Googleアプリを活用しよう！Gmail編④「ラベル」を活用したメール管理

Gmailでは、メールに「ラベル」を貼付けて分類することができます。これは、Outlookなどでいうフォルダに該当し、「仕事」「友人」など、自由に作成した区分 ...

Googleアプリを活用しよう！Gmail編③Gmailで別アドレスを活用する

Googleアカウントを作成すると、一つのGmailアドレスを使用することができます。同じアカウントで別のアドレスを取得することはできませんが、メールアドレ ...

Googleアプリを活用しよう！Gmail編②最初にやっておきたいメール設定

ここでは、Googleアカウントを作成し、Gmailを使い始める前にぜひやっておきたい最初の設定についてご紹介します。

①表示する名前を変更する

メ ...

Googleアプリを活用しよう！Gmail編①Gmailの導入

今やフリーメールの代表格として、個人だけでなく、多くの企業にも活用されているGmail。まだ使ったことがないという方や、使ってはいるけれど、十分に活用できていない、という方 ...

本文と見出しのフォントサイズに迷ったらこれ。最も美しい比率を提案してくれるツール「Type Font」

Type Font

本文や見出しのフォントサイズをCSSで調整した際、比率をどのくらいにするか悩むことがありま

【Googleアナリティクス】サイトの直帰率が高い時にチェックするべき３つの項目

アクセス解析の中でも、気になる指標の一つが直帰率です。
直帰率とは、訪問してから１ページだけを見て別のサイトに移動してしまったユーザーの比率を指し ...

Googleアプリを活用しよう！Googleウェブマスターツール編①
「サイトマップ」「インデックスの送信」を活用しよう

新しく制作したサイトにアクセスを集めるために必要なことは、Google検索に少しでも早く表示されること。そ ...