Web制作– category –
-
【書評】ゼロからはじめてプロになる HTML/CSS&伝わるWebデザイン【著/HIROCODE.】
この記事では現役Webデザイナーである「HIROCODE.」さんが執筆されたWebデザイナー入門者向け書籍 ゼロからはじめてプロになる HTML/CSS&伝わるWebデザイン について正直なレビューをお伝えいたします。 著者の「HIROCODE.」さんはYoutube でWebデザイン... -
【超簡単】Javascript無しで「スムーススクロール」のトップへ戻るボタンを実装
この記事では Javascriptを使用せずに「スムーススクロール」のトップへ戻るボタンを実装する方法 について解説します。 スムーススクロールのトップへ戻るボタンは、もちとんJavascriptを使用することで実装できます。 しかし、この記事の方法を用いればJ... -
【Javascript】今日の日付や現在日時を取得してフォーマットを変換する
この記事では、Javascriptで 今日の日付や現在日時を取得してフォーマットを変換する方法 をご紹介します。 Javascriptに限った話ではないですが、日付まわりの関数の扱いは意外と忘れがちなので、この記事が少しでもお役に立てば何よりです! 補足として... -
【コピペOK】タブ切り替えを紹介|横並び・縦並び・タブ折返し【HTML】
タブ切り替え機能を作りたいけどやり方が分からない…… 横並びじゃなくて「縦並び」のタブ切り替えができるようにしたい…… 今回はこのようなお悩みをお持ちの方へ向けて JavaScriptで作るタブ切り替え機能【3パターン】 をご紹介します。 この記事でわか... -
【Googleマップ】レスポンシブ対応させる方法|縦横比の指定も簡単!
Googleマップをレスポンシブ対応させる方法が知りたい…… 縦横比も簡単に指定できると良いんだけど…… 今回はこのようなお悩みをお持ちの方へ向けて Googleマップをレスポンシブ対応させる方法+縦横比を簡単に指定する方法 をご紹介します。 この記事で分... -
【超簡単!】liタグの点の大きさや色などを変える方法【HTML/CSS】
liタグの「点」の見た目って変えられないのかな…… 今回はこのようなお悩みをお持ちの方へ向けて liタグの点の大きさや色、フォントなどを変える方法 をご紹介します。 liタグは箇条書きの項目を記述するときに利用するHTMLタグですが、デフォルトで表示さ... -
【超簡単!】Googleマップの表記を日本語から「英語」にする方法【Web制作】
Web制作をしているとGoogleマップをサイト内へ埋め込むことが度々あります。 英語圏向けのサイトであればGoogleマップ上の表記も「英語」の方が適しています。 そこで今回は Googleマップの表記を日本語から「英語」にする方法 をご紹介します。 難しいこ... -
aタグを左右中央寄せや上下左右中央寄せにする4つの方法【HTML/CSS】
aタグを「左右」や「上下左右」中央寄せにしたいんだけど、なんだか上手く行かない…… 今回はそのようなお悩みをお持ちの方に向けて aタグを「左右」中央寄せや「上下左右」中央寄せにする方法 をご紹介します。 aタグを「左右」中央寄せや「上下左右」中央... -
【Web制作】PHPのinclude関数でヘッダーやフッターをパーツ化する
Web制作をしていると ヘッダーやフッターなどの共通部分をパーツ化したい という場面が時折でてきます。 今回はその方法についてご紹介していきます。 この記事で分かること HTMLファイル(.html)のままPHPを使用できるようにする方法 PHPのinclude関数で... -
【コピペOK】ページトップへ戻るボタン【jQuery未使用】
Web制作をしていると実装を求められることがある「ページトップへ戻るボタン」 今回はそのソースコードをコピペ可能な形で丸っとご紹介します。 この記事で紹介する「ページトップへ戻るボタン」 常に画面の右下に表示されている 一定量スクロールするとフ...