Web Design

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

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

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

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

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

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

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

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

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

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

  6. サイト制作が早くなる!Bootstrapの特徴

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

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

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

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

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

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

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

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

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

instagramもやっています

This error message is only visible to WordPress admins

Error: No connected account.

Please go to the Instagram Feed settings page to connect an account.

最近の記事

  1. fullpage.jsで全画面表示&スクロールを実現できます…
  2. 【制作実績】店舗の壁画を描きました。壁画の描き方をご紹介
  3. 人は色で判断している!?ブランディングにおける色彩設計の基本…
  4. デバイスに合わせて全画面表示したいときは、CSSのheigh…
  5. ヒーローヘッダーに使えるスライダーjQueryプラグインSl…

スポンサー

  1. iPad Pro

    iPad Proを液タブに♫Astropad Studioはイラストレーターには…
  2. Web Design

    作るごとに成長しよう!キュレーションメディアを作るときに気をつけること。
  3. Mac

    仕事が早く終わる!集中力を持続して生産性アップできるPomodoroのアプリがオ…
  4. Mac

    Marvericksアップデート時のPhotoshopのバグが直りました
  5. 写真

    現像で素人感からプロっぽく!Macの写真アプリが素敵
PAGE TOP