タグ

ブックマーク / syncer.jp (5)

  • 初心者にも分かる!robots.txtの作り方

    robots.txtとは?robots.txtとは、GoogleYahoo!などといった、自サイトの情報を取得(クロール)するプログラム(クローラー)を制御するためのテキストファイルです。例えば、特定のファイルや、ディレクトリをクロール禁止に指定することで、それらの関連ページや画像などを検索エンジンにインデックスさせないようにする、などといったことができます。 何を覚えればいい?robots.txtの設置方法は簡単です。よほど特殊な事情がない限り、「ここにアクセスしないでね」という記述方法だけを覚えておけば十分です。細かく書いたからといって、SEO上、有利、不利になるようなことはないので安心して下さい。強いて言うなら、細かく書き過ぎて間違った制御をした場合に不利になります。

    初心者にも分かる!robots.txtの作り方
  • SNSのシェアボタンの設置方法まとめ (サンプルコード付き)

    サンプルデモ真ん中寄せをして、ウィンドウの横幅が480px以上の場合は、5つのシェアボタンを横並びで表示し、スマホなど、ウィンドウの幅が狭いブラウザでは、LINEを含めた6つのボタンを1行に3つずつ表示するレスポンシブ仕様になっています。ここで表示している個々のボタンは画像を使用していますが、実際と同じように動作するので、ウィンドウの幅を広げたり縮めたりしてみて下さい。実際のシェアボタンでのデモを見たい人は、「サンプルデモを見る」のボタンから別ページにアクセスして下さい。 HTML <h2>シェアボタンの表示</h2> <p>横幅を狭めると、2行になり、LINEボタンが出現します。LINEボタンの画像は、<a href="https://media.line.me/howto/ja/" target="_blank">公式ウェブサイト</a>よりダウンロードする必要があります。</p> <

    SNSのシェアボタンの設置方法まとめ (サンプルコード付き)
  • 初心者でも分かる!な、jQueryの「TOPへ戻るボタン」の作り方

    ページをスクロールすると右下に出てくる「TOPへ戻るボタン」の作り方を、jQuery初心者にも分かるよう説明しています。

    初心者でも分かる!な、jQueryの「TOPへ戻るボタン」の作り方
  • Twitterで、電話番号の登録、削除をする方法

    投稿日:2014/11/28 / 更新日:2015/02/11 「電話番号は必須です」と表示された場合など、Twitterに、自分の電話番号を登録する時に必要な、認証方法を紹介します。Twitterのアカウントと電話番号を紐付けることで、二段階認証の実装など、セキュリティを向上させることが可能になります。 電話番号の認証とは?電話番号の認証とはつまり、「このTwitterアカウントを使っているのは、この電話番号の持ち主ですよ」と登録することです。Twitterでは通常、メールアドレスを登録します。それに加えて電話番号を認証し、登録することで、二段階認証という強力なセキュリティ設定が可能になります。 認証用コードを登録する具体的に何をするのか、認証の手順を説明します。電話番号の認証を申請すると、そのスマホ宛てに、Twitterからショートメールが届きます。その文に書かれている認証用コードを

    Twitterで、電話番号の登録、削除をする方法
  • 画像の「縦方向の最適化」って何!?たった数行でスマホビューを改善しよう!

    webデザインの大きな問題の1つは、スマホビューにおける縦長画像。今回は「縦方向のレスポンシブ」を紹介します。思い付きで実装してみたのですが、驚くほどスマホビューが改善できたので、そのJavascriptのコードを紹介します。 デモを見る 1「縦方向のレスポンシブ」って何?縦長画像をスマホで見たサンプル今回の問題は、縦長画像のスマホビューです。iPhoneAndroidの解説記事などでスクリーンショットを載せる場合、縦に長い画像を利用しますよね?するとスマホビューではサンプル図のように、画像が画面全体を占領してしまうことが少なくありません。 max-width:100%を設定することで「横方向」には最適化していても、「縦方向」には最適化できていない例です。画像はやっぱり文字と一緒に見たいですよね…。max-height:...%は「画面の高さ」ではなく「コンテンツの高さ」が基準になるので

    画像の「縦方向の最適化」って何!?たった数行でスマホビューを改善しよう!
    sakimoridotnet
    sakimoridotnet 2014/08/05
    ※要クラス名追加。
  • 1