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

最近では、インターネットでの情報検索やショッピング、SNS の利用がすっかり日常的なものとなりました。
そんななかで、よく目にするのが「キャッシュ」と「Cooki ...
IllustratorのaiファイルとPhotoshopのpsdファイルをサムネイル表示させる方法

ファイルの中身を確認したいだけの時は、ソフトを起動してファイルを開くより、エクスプローラのプレビュー機能で確認することが多いのではないで ...
初心者にもおすすめ!無料で簡単にホームページを作成できる無料ソフト・アプリを紹介

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

Windows10には、Home版とPro版の二種類があります。一般的に、家で使う分にはHome版、ビジネスならPro版というイメージがあるかと思いますが、その違いを詳しく知らないと ...
超厳選!プロによる美しい写真が無料でダウンロードできるサイト5選

簡単マウス操作でSEO強化!Googleの「構造化データマークアップ支援ツール」

Google Developers の「Testing Tool」で、構造化データのマークアップをチェックしよう

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

前回の記事「クリック率が向上する、これからのSEOに不可欠なセマンティックWebと構造化データ」でご紹介した通り、構造化データをマークアップする方法は二つ ...
WordPressサイトをあっという間にモバイルフレンドリーにする無料プラグイン8選

登録不要!actionを変更するだけでメールフォームが送信できるサービス「Formspree」

Webページの修正指示を共有してスムーズに校正できる便利なオンラインサービス「AUN」

Web開発者のためのブラウザ「Firefox Developer Edition」が持つ9つの便利機能

画面を録画できるChromeの拡張機能「Screencastify」

HTML5アニメーションを作れる無料サービス「HTML5 Maker」

集めたアクセスを逃さない!コンバージョンにつなげるための「行き止まり」ページ対策

【無料素材】デザイン性抜群のアイコンセット8選

今回は、個性的なデザインで惹き付けられる無料のアイコンをご紹介します。
スマホ対応かどうかが検索結果に影響!今すぐ自分のサイトをチェックしよう

HTML5のサイトに見る2015年のWebトレンド!厳選8サイト

機能が豊富なフリック対応のスライドショー「Flickity」beta版がオススメ!

カーニングや色彩感覚をチェックする5つのゲーム。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上には、便利なブックマークレットが多数紹介されています。
今回は、ブックマークレットの使い方とおすすめブックマークレットをご紹介します。 ...
定番からトレンドまで!無料で使えるパターン素材が満載のサイト8選

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

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

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

Webのみならず、チラシやポスターなど、あらゆるデザインでシルエット素材を使いたい場面は多いと思います。そこで今回は、多種の高品質なシルエット素材を11セットご紹介します。
SVGを便利なアイコンフォントに!フォントジェネレーター「IcoMoon」

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