ウェブデザイン– category –

bxSliderはとても便利なスライダー系プラグインの一つです。スライド後にアニメーションをすることができれば少しだけリッチに表現出来ます。 早速やっていきましょう。 【アニメーションの仕組み】 アニメーションには、CSSアニメーションを使っていきま...

※ リニューアル前から存在する記事でレイアウトが崩れていたので簡単ですが、2022年8月5日に修正しました。現在もこちらのコードを使ってWPの構築をしているのでコード自体は問題ないかと思います。 今回はWordPressのホームページ制作に必須なページネー...

先日WordBench福岡に参加してきました。刺激的な内容でしたが自分はまだまだ勉強が足りないなと思う一方です。。。がんばろう。。。さて！今回はjQueryのプラグインをいじっていきたいと思います！いい加減コードシンタックスハイライトを入れたいところで...

ダンジョンの先で見つけた宝箱(ティッシュ)意味不明な無料素材集めが楽しいです。最近はこのサイトのリニューアルに向けて、デザイン頑張ってます。。。デザインって難しいけど楽しいですね、ちろっと中身を言うとリニューアルの目的は このブログの直帰率...

※ AdobeXDが正式リリースされて3ヶ月経った時の記事になります。 週末は大雪みたいですね！とっても寒いみたいなので引きこもって週末をすごしたいと思います。さて今回は、最近話題の「Adobe XD」で制作されたデザインデータをもとにコーディングした際の...

※ 2023/9/17 codepenの表示を修正しましたさて今回は、ボタンの表示非表示をするjQueryを書いていきます。イメージしにくいので一体なんの役に立つの？と思うかもしれませんが、ボタンを押した時に「onclick=""」で違う関数を実行することができますし、要...

※ 2023年9/17 長らく放置してましたが、GAアクセス見ると見てくださる方がいましたのでcodepenの埋め込みを修正しました。コード自体は自分がWeb業界2年目ぐらいの時に書いたものなので多めに見てください（暇な時に書き直しておきます） 今回は、全画面モ...

※ 2023年9/17 codepenの表示を修正しました、中のコードはとても古いので今後最新の書き方に変更します 実際に紹介しているハンバーガーメニューをカスタマイズしてみましたのでこちらもどうぞ簡単にできるハンバーガーメニューをいじってみたドロワーメニ...

※ 2023/9/17 codepenの表示修正しました。 またもや次回はハンバーガーとか言いながら違う記事の更新です。今回紹介するのは、「クリックすると、指定した文字列を変更する」をjQueryで紹介しようと思います。最近の案件でメニューを開くと文字列を変える...