Web Design
-
fullpage.jsで全画面表示&スクロールを実現できます。その方法をご紹介
皆さんこんにちは、mayukouです。fullpage.jsというjQueryプラグインをご存知でしょうか。一画面ずつwebページ内でスライドするおしゃれな動…
-
デバイスに合わせて全画面表示したいときは、CSSのheight:100vhを使おう。
こんにちは、mayukouです。本日は、最近よく目にするヒーローヘッダーの全画面表示の方法をご紹介します。この方法があれば、デバイスに合わせて、タブレットやスマ…
-
ヒーローヘッダーに使えるスライダーjQueryプラグインSlickの使い方
皆さんこんにちは、mayukouです。今回は、スライダープラグイン、slickの使い方をご紹介します。トップページのヒーローヘッダーにも使えます。slick…
-
画像も文字もスライド可能!Swiper.jsでコンテンツスライダーを簡単に!
皆さんこんにちは、mayukouです。先日、スライダーに便利で簡単なスクリプトを見つけました。最近は、1カラムのランディングページが主流になって来ましたが、…
-
画像からフォントを探してくれる!Photoshopのマッチフォントが素敵。
みなさんこんにちは、mayukouです。「このフォント何を使っているのだろう。」クライアントさんから、ロゴと同じフォントを使ってくださいと言われた時。その…
-
サイト制作が早くなる!Bootstrapの特徴
サイト制作のスピードを上げたい、そんな方に。6、7年くらい前にこのBootstrapというものを知り、使い方がわからずスルーしていましたが、先日学び直した…
-
JQueryで要素を消すスクリプト!ECサイトの注意書きにもオススメ!
みなさんこんにちは、mayukouです。ECサイトには、配送に関するお知らせなど、常時載せておかないといけない情報があります。でも、ずっと出しているとあまり…
-
スマホに使える!3階層のアコーディオンメニューを作りました!
仕事でスマホサイトを作っているのですが、その際にモックアップとして作ったアコーディオンメニューがありますので、コードをシェアします。解説しながら、お伝えで…
-
ブログ作りの参考に♬ジャンル別オススメwordpressテーマを考察してみました
皆さんは、wordpressのブログを持っていますか?ブログを持っているけど、どれが最適なテーマなんだろう?と思うことはないですか?wordpressというの…
-
スキルアップ!Webデザイナーになるための勉強をしたい人にオススメ書籍まとめ
みなさんこんにちは、mayukouです。webの業界は、日々進歩していきます。勉強することがたくさんありすぎて、時間が足りません。Adobe XDって何!?て…