【キャッシュのクリア方法】Cookie(クッキー)との違いも解説

最近では、インターネットでの情報検索やショッピング、SNS の利用がすっかり日常的なものとなりました。
そんななかで、よく目にするのが「キャッシュ」と「Cooki ...

IllustratorのaiファイルとPhotoshopのpsdファイルをサムネイル表示させる方法

ファイルの中身を確認したいだけの時は、ソフトを起動してファイルを開くより、エクスプローラのプレビュー機能で確認することが多いのではないで ...

初心者にもおすすめ！無料で簡単にホームページを作成できるソフト

無料のホームページ作成ソフトは日々進化しており、最近ではプロが作ったようなデザインのホームページを簡単に作ることができるものが増えています。無料だからといって侮れません。商 ...

Windows10のHome版とPro版の違いを比較

Windows10には、Home版とPro版の二種類があります。一般的に、家で使う分にはHome版、ビジネスならPro版というイメージがあるかと思いますが、その違いを詳しく知らないと ...

サイトのイメージを大きく左右するのは、やはり画像。そこで、サイト制作に使える無料の画像素材サイトをご紹介します。そこそこいいイメージを無料でというわけではなく、驚くほどクオリティが高く、素人では撮る・作ることができないような高品質な画像を提 ...

Googleが提供するツールを用いてマークアップする方法をご紹介します。 ツールを用いてサイトを更新すると、Googleがサイト上のデータを認識できるようになり、そのデータが検索結果のリッチスニペットに表示されます。ただ、細かな指定には向い ...

構造化データをマークアップする際、記述の文法やプロパティ名が間違っていると、正しく認識されず、効果を発揮することができません。コードが長くなると、ミスも見落としがちに。スペルミスやカッコの閉じもれ一つで、せっかくのコードも意味がなくなってし ...

SEO強化！構造化データをマークアップする「schema.org」概要

前回の記事「クリック率が向上する、これからのSEOに不可欠なセマンティックWebと構造化データ」でご紹介した通り、構造化データをマークアップする方法は二つ ...

Googleがモバイルフレンドリーなサイトを推奨しはじめ、これからのWeb制作にはモバイル対応が必要不可欠になっています。ですが、日々の更新や制作に追われ、既存サイトのモバイル対応にまで手が回らない・・・という急がしいデザイナーさんもいるの ...

formタグのactionの値を変更するだけでメールフォームを送信できるサービス。しかも、月1000通までは無料で使えます。面倒な登録もいりません。

Webの修正指示を行う際、メールにテキストで説明したり、画面キャプチャした画像にExcelやPowerPointなどのソフトを使って指示を入れたり、印刷して赤字を入れたりすることが多いと思います。ですが、指示が具体的に伝わらなかったり、指示 ...

昨年の11月にリリースされた「Firefox Developper Edition」。開発者のために作られた唯一のブラウザで、作成、テスト、サイズの変更など、Web開発を強力かつスピーディーに進める便利な機能が多数搭載されています。もちろん ...

ブラウザやデスクトップを簡単に録画できるChromeの拡張機能「Screencastify」。アニメーションやマウス・カーソルの動きも動画として記録できます。今回はこの拡張機能の使い方をご紹介します。

HTML5と言えばリッチなアニメーションが特徴ですが、これを自作するとなると、JavaScriptの知識が必要です。初心者さんやデザイナーさんには苦手な方もいるかもしれません。そこで便利なのが、「HTML5 Maker」。プログラミングは一 ...

アクセスは集められているし、毎日更新もしている。それなのになかなかコンバージョンにつながらない…そんな時にチェックしておきたいのが、「行き止まり」ページの存在。次につながるリンクのない行き止まりページが、せっかくの訪問者を逃していないか、チ ...

>シンプルにデザインされたアイコンもいいですが、細部にまでこだわったデザイン性の高いアイコンも、アクセントにはピッタリ。
今回は、個性的なデザインで惹き付けられる無料のアイコンをご紹介します。

Googleがウェブマスター向け公式ブログで、サイトがモバイルフレンドリー（スマホ対応している）かどうかをランキング要素の一つとして利用し始めることを発表しました。これによって検索結果に大きな影響がもたらされることは確実です。今のうちに、自 ...

HTML5とCSS3を駆使して設計されたサイトが増えてきました。ユーザーの端末に柔軟に対応し、素早いレスポンスと美しいデザインから、最高のユーザーエクスペリエンスを提供しています。今回は2015年のWebトレンドを感じさせてくれるサイトをご ...

レスポンシブ、フリック対応のコンテンツスライドショー「Flickity」を使い方・設定方法ご紹介します。jQueryに依存せず、単体で動き、スマホでの動作もスムーズ。実装したい機能はほぼオプションで対応してくれているので、カスタマイズも非常 ...

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

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

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

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

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

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

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

Type Font

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

コーディングに便利！使用中のCSSプロパティを簡単にチェックできるchromeの拡張機能「CSS Dig」

Webサイト内で使用しているCSSを解析してくれるChormeの拡張機能「CSS Dig」。コーディングがうまく行かない時のCS ...

Web制作者が入れておきたい、ブックマークレットの使い方＆おすすめブックマークレット

Web上には、便利なブックマークレットが多数紹介されています。
今回は、ブックマークレットの使い方とおすすめブックマークレットをご紹介します。 ...

定番からトレンドまで！無料で使えるパターン素材が満載のサイト８選

背景やボタン、バナーなどに何かと入れたいパターン素材。今回は、シンプルで使いやすいものから、個性的なもの、流行を取り入れた新しいデザインまで、無料で使えるパターンをご紹介 ...

無料で使えるクラウド型の文書作成ツール５選

オンライン上で文書の作成や管理ができる無料のツールがたくさんあります。オンラインなのでネット環境さえあればどこでも閲覧・編集が可能。また、スマホ用アプリとしても公開されているので、手軽に文書管 ...

すぐに使えるダミーテキスト＆ダミー画像ジェネレーター

Webサイトやチラシ・ポスター等の制作中に必要となるダミー画像。サイズや背景色など、制作物に合わせたものを使いたい時に便利なのが、画像作成ジェネレーターです。
Photosh ...

全部無料！バナーやチラシに使いやすいシルエット素材11選

Webのみならず、チラシやポスターなど、あらゆるデザインでシルエット素材を使いたい場面は多いと思います。そこで今回は、多種の高品質なシルエット素材を11セットご紹介します。

SVGを便利なアイコンフォントに！フォントジェネレーター「IcoMoon」

「CSSで簡単にアイコン作成！CDNのWebフォント「Font Aesome」」では、CDNのWebフォントを利用して、CSSでアイコンを作成する方法をご紹介し ...