htmlタグ

ブログなどのウェブサイトのページにGoogle Mapを埋め込み、表示させる方法を解説します。グーグルマップで特定の地名を検索し、共有ボタンから埋め込みを選択してHTMLを取得することができます。レスポンシブ対応させて表示画面に合わせてウェブサイト上で表示される大きさも自動で調節することができます。

Atom Editorで編集したテキストのインデントを自動で揃える方法を紹介します。テキストを全選択して、Toggleの中から自動インデントを選択することで、洗濯されたテキストを対象に自動でインデントをそろえてくれます。

CSSを使ってWebサイト上で表示されるテキストの背景色を変更する方法を解説します。spanタグで範囲指定を行うことでテキスト外にはみ出すことなく背景色を変更できます。linear-gradient()関数を使用することで、マーカーのようなアンダーラインを引くことも可能です。

Webサイト上でマウスオーバーに合わせて拡大、縮小するオブジェクトをCSSを使って作成してみました。コピペOKなのでアイコンや写真などに動きを与えたい場合にご活用ください。

Webサイト上でページ内リンクで推移するとき、なめらかにページをスクロールさせるCSSコードとjQueryコードを紹介します。Webデザインに手を付け始めた方は是非ご覧ください。

Webサイト上で動画ファイルを公開して再生できるようにする方法をご紹介させていただきます。Youtubeにあげるほどではない短い動画ファイルを公開するのに便利です。自動再生やクリック再生など様々な方法があります。