jQueryで複数のアニメーションを順番に実行する方法
jQueryでアニメーションを作る際に、何かのアニメーションの後にもう一つアニメーションをさせたい時にはコールバックを利用します。animateメソッドの後に実行される関数としてコールバック関数を呼び出して、関数内で次のアニメーションを実行...
続きを読む>>
jQueryでアニメーションを作る際に、何かのアニメーションの後にもう一つアニメーションをさせたい時にはコールバックを利用します。animateメソッドの後に実行される関数としてコールバック関数を呼び出して、関数内で次のアニメーションを実行...
続きを読む>>
Web制作を学習している方に向けてWebページを作成するにあたり、HTMLで最低限必要な記述のベースとCSSのメディアクエリ(Media Queries)を使ったレスポンシブWebデザインの書き方、そして学習方法をご紹介します。...
続きを読む>>
Webブラウザにある戻るボタンとは別に、Webサイトのページ内に1つ前のページに戻るためのボタンを設置したい時があります。UIデザインを意識した時に必要なページが出てくることもあるでしょう。 そんなWebサイトのページ内に戻るボタンの機能を...
続きを読む>>
p5.jsはProcessingをJavaScriptで書けるようにできるライブラリ。ProcessingをjavaScriptに移植したものなので、ビジュアルコーディングツールを使わなくてもwebブラウザ上でJavaScriptでクリエイ...
続きを読む>>
HTMLのaudio要素は、HTML5から新しい追加された要素で音声コンテンツを埋め込むことができます。音声メディアを再生できるだけあって、Webサイト内でBGMを流す時などで使うことがあるのではないでしょうか。 Webサイト内で音楽を流す...
続きを読む>>
Processingを学んでいると、作成したプログラム(アートやデザイン)をまた別のどこかで利用していきたいと考えるものです。OSで動くアプリケーションとして書き出したりするのですが、僕はwebエンジニアなのでどうしてもwebブラウザで表示...
続きを読む>>
Webサイト(ホームページ)やブログの表示スピードが遅いとユーザーがちょっとイライラしたりするので改善しておきたい。また、Googleのアルゴリズムで表示速度が検索順位に左右されるってもんですから気になる人は気になりますよね。 いろいろな対...
続きを読む>>
Dateオブジェクトには、年、月、日付、曜日、時間といろいろデータが取れるわけで、 これを使って「何月はこれを表示させて〜〜」とか「朝の時間帯はこの文章、夜はこの文章を出したい」 なんて時があったりなかったり。 そんな時、これでデータ取って...
続きを読む>>