Googleアプリを活用しよう！Gmail編③
Googleアカウントを作成すると、一つのGmailアドレスを使用することができます。同じアカウントで別のアドレスを取得することはできませんが、メールアドレ ...
Googleアプリを活用しよう！Gmail編②
ここでは、Googleアカウントを作成し、Gmailを使い始める前にぜひやっておきたい最初の設定についてご紹介します。
①表示する名前を変更するメ ...
Googleアプリを活用しよう！Gmail活用変①
今やフリーメールの代表格として、個人だけでなく、多くの企業にも活用されているGmail。まだ使ったことがないという方や、使ってはいるけれど、十分に活用できていない、という方 ...
本文と見出しのフォントサイズに迷ったらこれ。最も美しい比率を提案してくれるツール「Type Font」
Type Font
本文や見出しのフォントサイズをCSSで調整した際、比率をどのくらいにするか悩むことがありま
【Googleアナリティクス】サイトの直帰率が高い時にチェックするべき３つの項目
アクセス解析の中でも、気になる指標の一つが直帰率です。
直帰率とは、訪問してから１ページだけを見て別のサイトに移動してしまったユーザーの比率を指し ...
Googleウェブマスターツール編① 「サイトマップ」「インデックスの送信」を活用しよう
「サイトマップ」「インデックスの送信」を活用しよう
新しく制作したサイトにアクセスを集めるために必要なことは、Google検索に少しでも早く表示されること。そ ...
CSSプロパティを簡単にチェックできるchromeの拡張機能「CSS Dig」
Webサイト内で使用しているCSSを解析してくれるChormeの拡張機能「CSS Dig」。コーディングがうまく行かない時のCS ...
デザイナー必見！参考にしたいデザイン満載の記事7選
Webデザインに限らず、デザイナーなら他の人の優れたデザインには興味がありますし、そこから大いに刺激を受けていることと思います。
そこで今回は、様々な媒体で表現された優れたデザ ...
【css3】レスポンシブレイアウトに使いこなしたい！CSS3の単位指定「vw」「vh」「vmin」「vmax」
これまで、CSSでのサイズ指定にはpxや%を用いることが多かったのですが、CSS3では新しい単位の指定が可能になりました。そ ...
GoogleWebマスターツールを使って効率よくSEOする方法
GoogleWebマスターツールを使って効率よくSEOする方法
ウェブマスターツールは、SEOを行う上で非常に重要なデータを提供してくれる、心強いツールです。 ...
【jQuery】ブランドサイトにも最適！ゴムのように弾むコンテンツスライダー
限られたスペースの中で、効果的にコンテンツを見せていくスライダーは訴求力が高く、ブランドサイトなどにも ...
ブックマークレットの使い方＆おすすめブックマークレット
Web上には、便利なブックマークレットが多数紹介されています。
今回は、ブックマークレットの使い方とおすすめブックマークレットをご紹介します。 ...
スマートフォン用サイト構築時にやっておくべき、モバイルSEO対策のポイント
サイトをスマートフォン用に最適化するとき、いくつかの方法があります。
①レスポンシブ・ウェブデザインで対応する
②同じURLで、ユーザーエー ...
Googleアプリを活用しよう！Googleインドアビュー編
飲食店や雑貨店、サロンなど、そのお店の雰囲気が集客を左右するような店舗を持つ人にとって、内観をアピールすることはとても有益です。
そこでおすすめなのが、Googleイ ...
定番からトレンドまで！無料で使えるパターン素材が満載のサイト８選
背景やボタン、バナーなどに何かと入れたいパターン素材。今回は、シンプルで使いやすいものから、個性的なもの、流行を取り入れた新しいデザインまで、無料で使えるパターンをご紹介 ...
WEBデザインに煮詰まった時のお役立ちサイト8選
WEBデザイン業務で煮詰まった時に大切なのは、他人のつくったデザインに触れること。新しい視点を与えてくれ、思いもよらないアイデアが浮かぶこともあります。
今回は ...
絶対入れるべき！高機能すぎるWordPressプラグイン「Slim Jetpack」
WordPressでのサイト制作では、ギャラリーやお問い合わせフォーム、ウィジェットを作成するために、プラグインをインストールするか、自作のPHPやJ ...
photoshopで料理写真に湯気を加える方法
料理の写真では、新鮮さや出来立て感などを表現することが大切です。特に、ラーメンやスープなどあたたかい飲み物や食べ物の写真は、湯気を加えるだけでグンと美味しそうになります。 ...
【CSS】 すぐに使える！デザイン・アニメーションともに洗練されたツールチップ９種
デザイン性にも優れ、きれいにアニメーションするツールチップがCODROPSで公開されていたので、ご紹介します。
まずはデモ
【Javascript】alert（アラート）をスタイリッシュにデザインするスクリプト「Sweet Alert」
Webサイトで警告メッセージを出すとき、Javascriptのalert（アラート）を使用しますが、ブラウザ独自のものをそ ...
【jQuery】かっこよくて実用的！レスポンシブ対応のLightbox風ギャラリー
画像をかっこよくギャラリー化してくれるjQueryプラグイン「Strip」。レスポンシブで、しかも、IE7以上の主要なブラウザに対応。動画にも対応してい ...
無料で使えるクラウド型の文書作成ツール５選
オンライン上で文書の作成や管理ができる無料のツールがたくさんあります。オンラインなのでネット環境さえあればどこでも閲覧・編集が可能。また、スマホ用アプリとしても公開されているので、手軽に文書管 ...
【CSS】スクリプトを使わず、CSSだけで手軽に連番を振る方法
表やリストに順番に連番を振りたいとき、Javascriptでも実装することができますが、もっと手軽な方法があります。
CSSの「counter-reset」と「co ...
【CSS】@font-faceでのWebフォント指定方法と気をつけるべきこと
以前、「今さら聞けない「Google Web fonts」の使い方」という記事で、Webフォントについてご紹介しました。この時はGoogleが提供するサービス ...
Googleマイビジネスでの集客方法。
地域密着型のサービスを展開する店舗や企業が顧客やファンとつながる方法の一つにFacebookがありますが、最近よく目にするのが、Google検索をした ...
Google+がSEOに使えるって本当？！Google検索に与える影響
Google+のSEOへの活用については、以前からあちこちのサイトで話題になっています。ですが、本当のところ、Google+はSEOにどれほどの影響力を持っているの ...
Googleアプリを活用しよう！Google+編②
「Googleアプリを活用しよう！Google編①」では、Google+への登録と最初の設定方法についてご紹介しました。今回は、基本の使い方をご紹介します。 ...
Googleアプリを活用しよう！Google+編① Google+への登録と最初の設定方法
Google+への登録と最初の設定方法
Google+は、Googleが提供するSNSサービスです。友達とつながったり、サークルを作ってその中だけで会話を楽しんだりすることはも ...
【javascript】レスポンシブなタブメニューをサクッと実装できる「Responsive Full Width Tabs」
PCサイトをレスポンシブ化する上で悩むのが、メニューのあしらい。
特にタブメニューとなると、スマホサ ...
【Photoshop】顔写真をレタッチ！まつげをボリュームアップ＆目の色を変える方法
女性の顔写真のレタッチで、覚えておくと便利な「まつげのボリュームアップ」。一本一本書き足していくことになるので、少々手間はかかりますが、手順はとても簡 ...