jQueryを使ったパララックスの作り方

パララックス（parallax）は直訳すると視差という意味です。スクロールすると同時に次のコンテンツが覆いかぶさるような、不思議な動きをし、奥行きやストーリー性を出してくれる効果があります。今回はそんなパララックスサ…

サイトを開いた時にロゴがふわっとフェードインする方法

サイトを開いた時に、いきなりトップページが表示されるのではなく、まずはロゴがふわっとフェードインしてからトップページが表示されるサイトがありますよね。美容サロンや旅館のサイトでよく使われていて、優しく柔らかい印象を与え…

ワードプレスでcssファイルとjsファイルを読み込みたいのに上手く読み込めない。。なんで？？こんな疑問に答えます。推奨されているやり方まずはじめに、ワードプレスからcssファイル、jsファイルを読み込むには<…

今回はECサイトなどでよく見かける、複数商品を一気にスライドさせる方法を紹介します。世の中には様々なスライダーのプラグインがありますが、今回はその中でも最も汎用性が高く、オプション設定も豊富な「slick（スリック）」…

外国人と楽しく会話をしたいけど、話が弾まずビミューな雰囲気に…。どうしたら楽しく会話を続けることができるのだろう。こんな疑問に答えます。目次会話が続かなくて困ったことはありませんか挨拶プラスαで好印象…

イングリッシュビレッジって安くて有名だけどどんな特徴があるの？詳しいレッスン内容やどんな効果が得られるのか知りたい！こんな疑問に答えます！目次イングリッシュビレッジの料金プランは？イングリッシュビレッジの講師陣は…

画面右上の三本線のアイコンをクリックしたら、右側からシュッとメニューが出てくる作りにします。まずはデモサイトを見てみましょう。デモサイトいつもどこから手をつけていいのか迷ってしまうので手順をつけて説明していきます。…

モーダルウィンドウとは、会員登録ボタンを押した時や、画像を押した時、エラーを知らせる時などにポップアップで表示されるものをモーダルウィンドウといいます。プラグインもありますが、今回はjQueryを使ってモーダルウィンド…

目次日本人の英語力は低い日本人が英語を話せない３つの理由 ⒈先生からの一方向の授業 2.英語を使う環境が少ない 3.間違うことを恐れているスピーキング力上達に効果的な勉強法勉強法その１．英語の発音を意識する勉強…

外国人と友達になりたいけれど相手が何を言っているのかわからない、会話についていけなくて気まずい思いをしたことがある、など英語学習者なら一度はこんな経験をしたことがあると思います。今回はそんなお悩みをお持ちの方向けに、お…