-
fullpage.jsで全画面表示&スクロールを実現できます。その方法をご紹介
皆さんこんにちは、mayukouです。fullpage.jsというjQueryプラグインをご存知でしょうか。一画面ずつwebページ内でスライドするおしゃれな動きをするjQueryです。タブレットでもスマートフォンでも使えるfullpage.jsが便利だったので、ご紹介します。同じページで全画面表示し、タブレット等でタップしてスクロールするプラグインです。今回は、仕事でお…
-
【制作実績】店舗の壁画を描きました。壁画の描き方をご紹介
皆さんこんにちは、mayukouです。昨年のことになりますがご紹介できてないのでブログでご紹介させていただきます。昨年、ある店舗の壁紙を描きました。学生時代に…
-
人は色で判断している!?ブランディングにおける色彩設計の基本
ブランドといえば、スターバックスやコカコーラなどの大企業を思い浮かべる方、また高級ブランドのルイヴィトンやグッチなどを思い出す方もいるかと思います。どちらに…
-
デバイスに合わせて全画面表示したいときは、CSSのheight:100vhを使おう。
こんにちは、mayukouです。本日は、最近よく目にするヒーローヘッダーの全画面表示の方法をご紹介します。この方法があれば、デバイスに合わせて、タブレットやスマ…
-
ヒーローヘッダーに使えるスライダーjQueryプラグインSlickの使い方
皆さんこんにちは、mayukouです。今回は、スライダープラグイン、slickの使い方をご紹介します。トップページのヒーローヘッダーにも使えます。slick…
-
【制作実績】wordpressでイラストレーターさんのポートフォリオサイトを作成いたしました
皆さんこんにちは、mayukouです。先日、2〜3日の特急案件で、イラストレーターさんのポートフォリオサイトを作成いたしました。wordpressで作成して…
-
画像も文字もスライド可能!Swiper.jsでコンテンツスライダーを簡単に!
皆さんこんにちは、mayukouです。先日、スライダーに便利で簡単なスクリプトを見つけました。最近は、1カラムのランディングページが主流になって来ましたが、…
-
お店の顔!仕事の幅も広がる私流ロゴデザインマニュアル
どんな商品やお店にも必ずロゴというものが存在します。グラフィックデザインの中でも、いろんな要素が集約されるロゴ。記号やアイコンに通づるものがあります。なんと…
-
画像からフォントを探してくれる!Photoshopのマッチフォントが素敵。
みなさんこんにちは、mayukouです。「このフォント何を使っているのだろう。」クライアントさんから、ロゴと同じフォントを使ってくださいと言われた時。その…
-
サイト制作が早くなる!Bootstrapの特徴
サイト制作のスピードを上げたい、そんな方に。6、7年くらい前にこのBootstrapというものを知り、使い方がわからずスルーしていましたが、先日学び直した…
最近のコメント