Web制作– category –

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メソッドを使用することで簡単に文字...

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

この記事では、CSSが反映されない原因と各対処・確認方法について解説していきます。  この記事を読むと分かること CSSがHTMLに反映されない原因 反映されない原因に対する各対処方法 はじめに｜CSSが反映されない原因を解消するために大切なこと 解説を始...

今回は Google chromeの検証ツールを使用してCSSの反映状況を確認する方法+CSSが反映されていないときの対処方法 について解説をします。 なお、CSSが反映されない原因については以下の記事で詳しく解説しています。 Web制作にご興味のある方には以下の記...