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

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

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

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対策, 便利なサイトの紹介, 未分類

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

ホームページ作成日記, 未分類

ECサイトで大切なのは、リピーターをつくること。そのためには、訪れた人を離さない魅力的なサイトづくりが求められます。そこで、サイト全体をどう構築し、各ページにはどんな情報を掲載すればよいか、サイト制作や見直しのためのポイントをご紹介します。 ...

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について, 便利なサイトの紹介, 未分類

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

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

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

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」をご紹介します。横からのスライド、バウンド、フェードと多彩 ...

jQuery/Script/CSS/HTMLについて, ホームページ作成日記, 未分類

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

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

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

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

バナーに必要なのは、整ったデザインではなく、目を惹き付ける、興味を湧かせるということ。ついついクリックしたくなるような効果を、画像や文字、色などで創り出すことです。どのようなデザインが目を惹き付けるのでしょうか。いくつかのバナーを例に、ポイ ...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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