Webコーディング– category –

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

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

こんにちは！　ケケンタです。 今回はWeb制作において必須パーツのひとつ「ハンバーガーメニュー」をご紹介します。 複数のパターンをご紹介しますので、いままさに「ハンバーガーメニューを実装しないといけない！」という方は丸っとコピペしてどうぞご活...

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

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

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

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

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

今回はHTMLタグの１つであるiframeタグの基本的な使い方と使用する際の注意点について解説していきます。後半ではiframeを使用する上で非常に重要となるセキュリティに関する内容や使用上の注意点も解説しているので、ぜひ最後までご覧ください。 この記事...

こんにちは、ケケンタです。 今回はCSSが反映されない原因と各対処・確認方法について解説していきます。 この記事を読むと分かること CSSがHTMLに反映されない原因 反映されない原因に対する各対処方法 解説を始める前に、 まずは現在起こっているCSSが反...