web design cafe

jQuery

2022.05.20

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

皆さんこんにちは、mayukouです。fullpage.jsというjQueryプラグインをご存知でしょうか。一画面ずつwebページ内でスライドするおしゃれな動きをするjQueryです。タブレットでもスマートフォンでも使えるfullpage.jsが便利だったので、ご紹介します。同じページで全画面表示し、タブレット等でタップしてスクロールするプラグインです。今回は、仕事でお…
デザイン

2022.03.27

【制作実績】店舗の壁画を描きました。壁画の描き方をご紹介

皆さんこんにちは、mayukouです。昨年のことになりますがご紹介できてないのでブログでご紹介させていただきます。昨年、ある店舗の壁紙を描きました。学生時代に…
デザイン

2022.02.23

人は色で判断している！？ブランディングにおける色彩設計の基本

ブランドといえば、スターバックスやコカコーラなどの大企業を思い浮かべる方、また高級ブランドのルイヴィトンやグッチなどを思い出す方もいるかと思います。どちらに…
CSS

2022.02.23

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

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

2022.01.3

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

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

2021.05.4

【制作実績】wordpressでイラストレーターさんのポートフォリオサイトを作成いたしました

皆さんこんにちは、mayukouです。先日、２〜３日の特急案件で、イラストレーターさんのポートフォリオサイトを作成いたしました。wordpressで作成して…
jQuery

2019.09.29

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

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

2019.07.27

お店の顔！仕事の幅も広がる私流ロゴデザインマニュアル

どんな商品やお店にも必ずロゴというものが存在します。グラフィックデザインの中でも、いろんな要素が集約されるロゴ。記号やアイコンに通づるものがあります。なんと…
Photoshop

2018.11.10

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

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

2018.09.2

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

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

プロフィール

mayukou

こんにちは！mayukouと申します。福岡市でハーブティー専門店のデザイナーをしています。デザイナー10年目。海外で活動できる一流デザイナーを目指しています。料理と洋楽好き（特にR&B）。Mac&iPhoneユーザー。AB型です。自分の学んだこと、役に立つことを発信していきたいと思います。よろしくおねがいします。