HTML

今流行のダークモードをjQueryで実装する!!–TamoTech–

今流行のダークモードをjQueryで実装する

2020年9月20日にiOS 13のアップデートが行われ,ついに!待望の!ダークモードが実装されました!!このダークモードって見た目がかっこいいだけじゃないんです!ダークモードには,低照度時の目への負担の軽減消費電力の低減等の利点があります.今回はWebページにおけるダークモードを「jQuery」を用いて実装していきます.

続きを読む

カスタム可能!!カーソルを追従するアニメーションを作る!–TamoTech–

マウスカーソルアニメーション

今回はカーソルの追従アニメーションについて,実際のコードを踏まえながら解説していきます.普通のサイトと比べてカーソルにちょっとしたアニメーションがあると,サイトが映えますよね!映えるサイトは小さな工夫の集まりです.ぜひカーソルのアニメーションを採用してみてください!

続きを読む

簡単実装!!【jQuery】でオリジナルローディングアニメーションを作る!!–TamoTech–

jquery ローディング アニメーション

今回はjQueryオリジナルローディングアニメーションを作成していきます!ローディング時に,クルクル回る,待機アイコンや,進行バー,ロード状況のパーセント表示を一度はみたことが必ずあると思います.今回はシンプルだけど,おしゃれに見える,ロード画面の簡単な実装方法を紹介していきます!

続きを読む

上スクロールすると出現し,下スクロールで消える,メニューバーの作り方【jQuery】

上スクロール,下スクロール

WebページやWebアプリを使っている時に,「画面せまいな〜」とか「メニューバーがなければ良いのに」とか「今メニューバーいらんねん!」とか思ったことありませんか??自分のWebページを作るときは是非今回の「上スクロールすると出現し,下スクロールで消える,メニューバー」を採用してみてください!モバイルファースを意識した,良いサイトになること間違いなしです!それでは,解説していきます!

続きを読む