Web Design

2022.05.20

fullpage.jsで全画面表示＆スクロールを実現できます。その方法をご紹介

皆さんこんにちは、mayukouです。fullpage.jsというjQueryプラグインをご存知でしょうか。一画面ずつwebページ内でスライドするおしゃれな動…
2022.02.23

デバイスに合わせて全画面表示したいときは、CSSのheight:100vhを使おう。

こんにちは、mayukouです。本日は、最近よく目にするヒーローヘッダーの全画面表示の方法をご紹介します。この方法があれば、デバイスに合わせて、タブレットやスマ…
2022.01.3

ヒーローヘッダーに使えるスライダーjQueryプラグインSlickの使い方

皆さんこんにちは、mayukouです。今回は、スライダープラグイン、slickの使い方をご紹介します。トップページのヒーローヘッダーにも使えます。slick…
2019.09.29

画像も文字もスライド可能！Swiper.jsでコンテンツスライダーを簡単に！

皆さんこんにちは、mayukouです。先日、スライダーに便利で簡単なスクリプトを見つけました。最近は、１カラムのランディングページが主流になって来ましたが、…
2018.11.10

画像からフォントを探してくれる！Photoshopのマッチフォントが素敵。

みなさんこんにちは、mayukouです。「このフォント何を使っているのだろう。」クライアントさんから、ロゴと同じフォントを使ってくださいと言われた時。その…
2018.09.2

サイト制作が早くなる！Bootstrapの特徴

サイト制作のスピードを上げたい、そんな方に。6、７年くらい前にこのBootstrapというものを知り、使い方がわからずスルーしていましたが、先日学び直した…
2018.08.4

JQueryで要素を消すスクリプト！ECサイトの注意書きにもオススメ！

みなさんこんにちは、mayukouです。ECサイトには、配送に関するお知らせなど、常時載せておかないといけない情報があります。でも、ずっと出しているとあまり…
2018.07.31

スマホに使える！３階層のアコーディオンメニューを作りました！

仕事でスマホサイトを作っているのですが、その際にモックアップとして作ったアコーディオンメニューがありますので、コードをシェアします。解説しながら、お伝えで…
2018.07.16

ブログ作りの参考に♬ジャンル別オススメwordpressテーマを考察してみました

皆さんは、wordpressのブログを持っていますか？ブログを持っているけど、どれが最適なテーマなんだろう？と思うことはないですか？wordpressというの…
2018.07.15

スキルアップ！Webデザイナーになるための勉強をしたい人にオススメ書籍まとめ

みなさんこんにちは、mayukouです。webの業界は、日々進歩していきます。勉強することがたくさんありすぎて、時間が足りません。Adobe XDって何！？て…