Web制作– category –

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

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

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

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

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

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

こんにちは！　ケケンタです。 最近、主婦や会社員、はたまた学生の間でもWeb制作の副業の需要が高まっています。 Web制作スキルはプログラミングと比較すれば身につけやすく、独学で案件を獲得できるレベルに到達することも決して不可能ではありません。 ...

こんにちは！　ケケンタです。 この記事では、 メインビジュアル下までスクロールすると固定ヘッダーの背景画像がふわっと浮かび上がる実装 についてご紹介をしていきます。 具体的な動き See the Pen Untitled by ケケンタ (@lgshifbg-the-looper) on Cod...

Web制作を副業として始めている人が増えているけど、具体的に自分も案件を取れるようになるためにはどうすればいいの…？独学でも可能なの…？ 今回はこのようなお悩みをお持ちの方に向けて HTML未経験だった僕が 独学でWeb制作の初案件を獲得するまでに取り...

こんにちは！　ケケンタです。 この記事ではjQueryを用いて、ある文字列内に特定の文字列が含まれているかどうかを簡単に判定する方法をご紹介します。   あわせて読みたい 【結論】indexOfメソッドを使用する いきなり結論ですが、indexOfメソッドを使用...