Web制作– category –

タブ切り替え機能を作りたいけどやり方が分からない…… 横並びじゃなくて「縦並び」のタブ切り替えができるようにしたい…… 今回はこのようなお悩みをお持ちの方へ向けて JavaScriptで作るタブ切り替え機能【３パターン】 をご紹介します。  この記事でわか...

Googleマップをレスポンシブ対応させる方法が知りたい…… 縦横比も簡単に指定できると良いんだけど…… 今回はこのようなお悩みをお持ちの方へ向けて Googleマップをレスポンシブ対応させる方法＋縦横比を簡単に指定する方法 をご紹介します。  この記事で分...

liタグの「点」の見た目って変えられないのかな…… 今回はこのようなお悩みをお持ちの方へ向けて liタグの点の大きさや色、フォントなどを変える方法 をご紹介します。 liタグは箇条書きの項目を記述するときに利用するHTMLタグですが、デフォルトで表示さ...

Web制作をしているとGoogleマップをサイト内へ埋め込むことが度々あります。 英語圏向けのサイトであればGoogleマップ上の表記も「英語」の方が適しています。 そこで今回は Googleマップの表記を日本語から「英語」にする方法 をご紹介します。 難しいこ...

aタグを「左右」や「上下左右」中央寄せにしたいんだけど、なんだか上手く行かない…… 今回はそのようなお悩みをお持ちの方に向けて aタグを「左右」中央寄せや「上下左右」中央寄せにする方法 をご紹介します。 aタグを「左右」中央寄せや「上下左右」中央...

Web制作をしていると ヘッダーやフッターなどの共通部分をパーツ化したい という場面が時折でてきます。 今回はその方法についてご紹介していきます。   この記事で分かること HTMLファイル（.html）のままPHPを使用できるようにする方法 PHPのinclude関数...

Web制作をしていると実装を求められることがある「ページトップへ戻るボタン」 今回はそのソースコードをコピペ可能な形で丸っとご紹介します。   この記事で紹介する「ページトップへ戻るボタン」 常に画面の右下に表示されている 一定量スクロールすると...

Font Awesomeって簡単にアイコンを挿入できて便利だけど、背景画像として使う方法って無いのかな……？ 今回はこのようなお悩みにお答えします。   この記事を読むとわかること Font Awesomeを背景画像として使用する方法 Font Awesomeとは？ そもそもFont A...

ハンバーガーメニューをすぐに実装したい…… ハンバーガーメニューの作り方が分からない…… 今回はこのようなお悩みをお持ちの方へ向けて Web制作において必須パーツのひとつ「ハンバーガーメニュー」 をご紹介します。 複数のパターンをご紹介しますので、...

こんにちは！　ケケンタです。 この記事では サムネイル型のスライドショーを簡単に作成する方法 をご紹介します。 シンプルなスライダーであれば同じくJavaScriptライブラリの「Slickスライダー」を使用することで簡単に実装できますが、サムネイル型のス...