デザインのテクニック, 便利なサイトの紹介

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

Googleサービス, HTMLについて, SEO対策, WEBデザイン, 便利なサイトの紹介

No Image

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

Googleサービス, SEO対策, WEBデザイン, 便利なサイトの紹介

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

SEO対策, 便利なサイトの紹介, 未分類

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

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

SEO対策, WORDPRESS, 便利なサイトの紹介

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

WEBデザイン, 便利なサイトの紹介

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

WEBデザイン, 便利なサイトの紹介

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

WEBデザイン, 便利なサイトの紹介

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

便利なサイトの紹介

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

WEBデザイン, 便利なサイトの紹介

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

jQuery/Script/CSS/HTMLについて, サイト紹介, ホームページ作成日記, 便利なサイトの紹介, 未分類

CSSだけで簡単実装!入力フォームのエフェクトをデザインする「Text Input Effect」に新バージョン追加

以前、「CSSだけで簡単実装!入力フォームの新しいエフェクト(149.docx)」で、入力フォームにフォーカスした時の ...

Bootstrap, jQuery/Script/CSS/HTMLについて, ホームページ作成日記, 便利なサイトの紹介, 未分類

レスポンシブWebデザインをラクにする「Bootstrap」のグリッドシステムを理解する

前回、CSSフレームワーク「Bootstrap」の導入メリットと導入方法についてご紹介しました。
今回は、画面幅が変わっても整ったレイアウ ...

Bootstrap, jQuery/Script/CSS/HTMLについて, サイト紹介, ホームページ作成日記, 便利なサイトの紹介, 未分類

どの企業もホームページを持つようになり、Web制作の需要が増える中、より短期間でローコストに開発を進めることが求められるようになっています。そんな制作現場にとって非常に心強いのが、オープンソースの「Bootstrap」。CSSフレームワーク ...

SEO対策, 便利なサイトの紹介, 未分類

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

jQuery/Script/CSS/HTMLについて, 便利なサイトの紹介, 未分類

インターネットで商品の購入や問い合わせをしようとして入力フォームに進んだものの、途中で面倒になってやめてしまった…という経験をしたことのある方は多いのではないでしょうか。せっかくコンバージョンまであと一歩、というところで、「エラー表示される ...

jQuery/Script/CSS/HTMLについて, 便利なサイトの紹介, 未分類

画面いっぱいの動画を背景にして、ライブ感を演出しているサイトが増えています。今回は、YOUTUBEの動画を背景にするjQueryプラグインをご紹介。レスポンシブ対応もされていて、画面サイズを動かすと動画サイズもスムーズに切り替わります。

SEO対策, サイト紹介, 便利なサイトの紹介, 未分類

色を自動生成するライブラリ「Please.js」で、フォームのコントロールをカスタマイズ

Please.js

Please.jsは、色を自動生成するJavaScriptライブラリです。
上のページタイトルの「PLEA ...

jQuery/Script/CSS/HTMLについて, サイト紹介, ホームページ作成日記, 便利なサイトの紹介, 未分類

クリックした時やマウスをのせた時のアニメーションがかっこいいと、それだけでもサイトの印象がぐっと引き締まります。今回は、秀逸なアイデアで気持ちの良い動きを実現するCSS3のエフェクトを集めました。

jQuery/Script/CSS/HTMLについて, SEO対策, ホームページ作成日記, 便利なサイトの紹介, 未分類

ブラウザに合わせてレイアウトを変化させるレスポンシブウェブデザイン。複数のデバイスでレイアウトを崩さず、ユーザビリティも高いページを作るのは手間がかかるもの。コーディング時には、レスポンシブWebデザインのならではの問題がたくさん出てきます ...

WORDPRESS, 便利なサイトの紹介, 未分類

検索結果のランキングを決定する基準の一つとして、Googleが採用を始めたスマホ対応。SEOの観点から考えても、今後はますますストレス無くスマホで閲覧できるサイト制作が必要となってきます。そこで今回は、レスポンシブに対応したモバイルフレンド ...

jQuery/Script/CSS/HTMLについて, 便利なサイトの紹介, 未分類

ページの読み込みが遅いとき、真っ白な画面が表示されているのと、ローディング画面が表示されているのとではユーザーの印象は変わります。訪問者を逃さないためにも、読み込みに時間がかかるページにはローディング画面を出し、数秒の間待ってもらえるような ...

jQuery/Script/CSS/HTMLについて, ホームページ作成日記, 便利なサイトの紹介

リッチなアニメーションが楽しい!背景画像を画面いっぱいに表示するスクリプト「Vegas2」

画面いっぱいに画像や動画を表示させ、アニメーションで切り替えるスクリプト「Vegas2」をご紹介します。多数のオプションが用意されており、簡単に ...

ホームページ作成日記, 便利なサイトの紹介, 未分類

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

SEO対策, ホームページ作成日記, 便利なサイトの紹介, 未分類

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

Google+について, jQuery/Script/CSS/HTMLについて, Photoshopのテクニック, SEO対策, WORDPRESS, サイト紹介, ホームページ作成日記, 便利なサイトの紹介, 未分類

メンテナンスをしたいとき、リニューアルをしたい時など、一時的にサイトを「メンテナンス中」にできるプラグイン「WP Maintenance Mode」をご紹介します。公開までのカウントダウンや、メンテナンス終了のお知らせ通知なども設定すること ...

jQuery/Script/CSS/HTMLについて, ホームページ作成日記, 便利なサイトの紹介, 未分類

お問い合わせフォームなどをつくる時に気をつけたいのがスマートフォンでの入力。PCと同じフォームではユーザービリティが低く、せっかくフォームを表示させるところまで行っても、入力が面倒で離脱してしまうこともあります。そこで今回は、フォームを作る ...

ホームページ作成日記, 便利なサイトの紹介, 未分類

フォームによくある、郵便番号を入力するだけで、住所が自動補完されるシステムをカンタンに実装できる国産のjQueryプラグイン「jQuery.jpostal.js」をご紹介します

サイト紹介, ホームページ作成日記, 便利なサイトの紹介, 未分類

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

jQuery/Script/CSS/HTMLについて, サイト紹介, ホームページ作成日記, 便利なサイトの紹介, 未分類

CSS3のアニメーションを利用したホバー効果やツールチップ表示が増えてきていますが、今回はモーダルウィンドウをアニメーションで表示させるスクリプト「animatedModal.js」をご紹介します。横からのスライド、バウンド、フェードと多彩 ...

SEO対策, ホームページ作成日記, 便利なサイトの紹介, 未分類

Webサイトで商品の魅力を伝えるためのライティング。費用を抑えるためにWeb担当者がライティングも行うことが多く、どう書けばいいのか分からない、どうすれば魅力を伝えられるのだろうか、と悩みながら書き進めることもあると思います。そんな時は、テ ...