職案人

jQuery入門--滑らかな動きをするスライドショー

滑らかな動きをするスライドショー【開発環境】OS：Win11（64ビット）VSCode1.72.2、jqueryのCDNjquery-3.7.1.min.jsCDN及び1.13.3/jquery-ui.min.js【normalize.cssとは】どのブラウザーでアクセスしても、表示が変わってしまわないように、各々のブラウザーに適用されているデフォルトのスタイルを平均化するために読み込ませるCSSです。◆normalize.cssの使い方まずは、Normalize.cssのページから、ダウンロードし、head内にlinkでnormalize.cssへのファイルパスrelで記載すれば完了。【Modernizrとは】Modernizr（モダナイザ）は、Web開発においてHTML5やCSS3の機能がブラウザでサ...jQuery入門--滑らかな動きをするスライドショー

2025/02/24 17:23

jQuery入門--スライドショー

jQueryプラグインでスライドを作る【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロムjquery-3.7.1.min.jsCDN及び1.13.3/jquery-ui.min.js参照サイト：slickでスライダー実装【スライダーのデザイン】jQueryプラグイン「slick」を使ってスライダーを作ってみる・スライダーは3枚の写真を自動でスクロールする事【slickを選ぶ】https://kenwheeler.github.io/slick/のHPを開くこれをスクロールして、自分の作りたいタイプのものを選ぶ。また、詳細を知りたい場合は「usage」をクリックすると、ジャンプ出来る。手順1HTMLのマークアップ（構造）を確認するhead部へ、2つのcssを読み込むbody部へ、sl...jQuery入門--スライドショー

2025/02/19 20:25

jQuery入門--マスク・プラグイン

マスクプラグイン【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロムjquery-3.7.1.min.jsCDN【動画】【jQueryプラグイン】https://releases.jquery.com/にアクセスするプラグインをクリックnpmをクリックこの中から、下図のところをクリックHPに飛ぶ【インストール】VScoodを立ち上げPSC:\Users\Owner>npm-v10.8.2PSC:\Users\Owner>バージョンを確認する。インストールするフォルダ「プラグイン」を作り、インストを開始する・コマンドPSD:\jQuery\プラグイン>npmijquery-mask-plugin【インストールされたフォルダ】以上のようになる。【マスク・プラグインを使ったWebを作る】定...jQuery入門--マスク・プラグイン

2025/02/17 14:45

jQuery入門--タイポグラフィの表現

タイポグラフィの表現【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロムjquery-3.7.1.min.jsCDN及び1.13.3/jquery-ui.min.js【Webデザイン】下図のように、文字を浮かせる。また、マウスを動かすと、影も動く様ににする【フォルダ作成】【コード書く】1.index.html続1・CSS/main.css/**Base*/html{"HelveticaNeue","Arial","HiraginoKakuGothicProN","Meiryo",sans-serif;font-size:16px;line-height:1.5;}body{background-color:#656565;}img{vertical-align:middle;}but...jQuery入門--タイポグラフィの表現

2025/02/15 20:11

jQuery教科書--見え隠れするサイドバー

見え隠れするサイドバー【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロムjquery-3.7.1.min.jsCDN及び1.13.3/jquery-ui.min.js【デザインと動作】下図のようなデザイン「OPEN」を押すと、サイドバーが表示され、「CLOSE」を押すと、閉じる【フォルダー構成】imgフォルダ・index.htmlファイルここでは、外部入力ファイルの設定続・「CSS/main.css」ファイルにコードを書く/**Base*/html{"HelveticaNeue","Arial","HiraginoKakuGothicProN","Meiryo",sans-serif;font-size:16px;line-height:1.5;}body{background-c...jQuery教科書--見え隠れするサイドバー

2025/02/13 14:23

jQuery入門--丸ボタンのレイアウト

レイアウト術【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロムjquery-3.7.1.min.jsCDN及び1.13.3/jquery-ui.min.js【丸ボタンのレイアウトHP】HP画面は下図のようになり、動作は、ボタンの上にマウスを乘せると、徐々に黄色に変わる。以上1.フォルダとファイルを用意する2.img3.3フォルダに「index.html」ファイルを作るこの部分で、CSS・jQuery・jsなどを読み込んでいるヘッダーの設定本体の設定本体とフッターの設定4.css/main.cssファイルのコードを書く/**Base*/html{font-family:"HelveticaNeue","Arial","HiraginoKakuGothicProN","Meiryo",...jQuery入門--丸ボタンのレイアウト

2025/02/09 15:51

jQuery入門--画像とキャプション

画像とキャプション【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロムJQuryCDNを入れる＜!--jquery--＞リンク先＜scriptsrc="https://code.jquery.com/jquery-3.7.1.min.js"integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="crossorigin="anonymous"＞＜/script＞＜!--jqueryUIは拡張型--＞リンク先＜scriptsrc="https://code.jquery.com/ui/1.14.1/jquery-ui.min.js"integrity="sha256-AlTido85uXPlSyyaZNsjJXeCs0...jQuery入門--画像とキャプション

2025/02/06 17:12

jQuery入門--様々なホバーエフェクト

様々なホバーエフェクト【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロムjquery-3.7.1.min.jsとjquery-ui.min.jsを読み込む＜!--jquery--＞リンク先＜scriptsrc="https://code.jquery.com/jquery-3.7.1.min.js"integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="crossorigin="anonymous"＞＜/script＞＜!--jqueryUIは拡張型--＞リンク先＜scriptsrc="https://code.jquery.com/ui/1.14.1/jquery-ui.min.js"integrity="sh...jQuery入門--様々なホバーエフェクト

2025/02/04 10:33