HTML

よく使うschema.orgまとめ

2021.02.11 Katsuya

Googleの検索結果画面から文字情報だけでなく、画像、価格、評価などを表示させることができるリッチスニペット。他にもパンくずやサイト内検索ボックスも検索結果画面上で表示させることができます。わざわざサイト内に入らずと…

2018.02.01 Katsuya

CSSで二重線をひく場合、通常、border-style: doubleを使います。 p{ border-style: double; } 単純な同一色で同一の太さの2重線をひく場合はこの方法で問題ないですが、例えば内線…

2017.09.28 Katsuya

Google Map をホームページに埋め込む方法は大きく2つの方法があります。まず最初は地名、建物名、住所を検索して「共有」ボタンから共有する方法です。こちらのやり方がもっとも簡単な方法です。ただこちらのやり方で…

2016.08.01 Katsuya

ホームページのコーディングをする時、表示が崩れている箇所をすぐにチェック出来るデベロッパーツール。どこがおかしいのか簡単にチェック出来る上、CSSをブラウザ上で修正、コンソールなども確認出来る便利なツールですが、iPho…

2016.05.11 Katsuya

Photoshopでスマホサイトのデザインを行う際、今までだったら Photosho → 書き出し → スマホに画像を転送という手順を踏む必要がありました。一度だけ確認するほどのものならそれもいいですが、画像を差し替え…

2016.04.29 Katsuya

最近よく見かけるスクロールしていくと固定された背景画像が変わっていくページを作ってみました。最近よく見かける割に、すごい新しい手法を使って作ったわけではないので、工夫次第で、今ある技術でもっといろんな表現が出来るかもなぁ…

2016.04.25 Katsuya

ほぼすべてののサイトに設置されているお問い合わせフォーム。ユーザとの接点を持つ上で非常な存在になりますが、フォームを設置するのってそんなに簡単じゃないですよね。WordpressであればContact form 7などプ…

2016.04.12 Katsuya

表を作成する<table>タグ。皆さんは<table>を作成する時どのような方法で作りますか？一列ずつ手打ちで Dreamweaverを使う Table Tag Generatorのようなサイ…