javascript 【jQuery】隣の要素・兄弟要素の取得方法 ボタンを押したら、隣の要素にクラスを付けたり外したり色々便利な兄弟要素の取得方法のご紹介です! jQueryで取得する書き方が色々とあるので、それぞれの動きをデモで確認しよう! デモ 「ワタシ」から見て兄弟要素をアラートするよ ネキ(姉) ... 2022年09月19日 javascriptjQuery
javascript 【jQuery】VRトラッキングみたいに、カーソルを丸くしクリックアクションを追加する方法 カーソル(cursor)を矢印ではなく丸くし、クリックでポワンっと広がるアニメーションを追加する方法を説明! この~。。。なんて言うんだろう? 「カーソルが好きな形に変化するや~つ(仮名)」がサイトに実装されてると「こだわってる!」感がある... 2022年02月23日 javascriptjQuery
CSS 【CSS】矢印カーソル(cursor)を消す方法 矢印を消す方法はとても簡単! 下の1行を追加すればいいだけです。カーソル(cursor)を消す範囲はbody全体にかかっていますので もし違う範囲を指定したい場合は、クラスやIDを指定してください! このページ全体がカーソルを見えなくしてる... 2022年02月21日 CSS
javascript 【jQuery】〇文字以上「…」をコピペで簡単設置! ブログでよくある本文の省略機能だけど、自分で作ると結構手間だよね。 何かサービス作る時とかよく使うから、このページを覚えとくと便利! じゃ~まずデモだよ。 15文字以上はカットしてその後点々デモ 15文字以降は点々で切るからそれ以上は書かな... 2021年11月26日 javascriptjQuery
javascript 【jQuery】カーソルで動く!人が歩くアニメ|コピペですぐ実行 カーソルに追随して動くアニメーションって楽しいよね♪ カーソルで動く要素がサイトに有ると、ついつい右行ったり~左行ったり~しばらく繰り返しちゃう。 そんなアニメーションを実現するjQueryのご紹介。 画像をダウンロードして、すべてコピペす... 2021年09月27日 javascriptjQuery
javascript 【jQuery】パーセントの計算方法 特定数Aは特定数Bの何パーセントか? 特定の値は全体の何パーセントか? コーディングしていると、パーセントでの数値を求めたい時があります。 僕は根がバカなもので、中学校の数学の問題でも求め方が分からなくてしばらく検索しちゃう。 このパーセン... 2021年09月23日 javascriptjQueryサイト制作
javascript 【コピペOK!】ON/OFFスイッチのデザイン7個|iOS風スイッチもあるよ! フォームやインタラクティブなサイトで使えるON/OFFのトグルスイッチのデザイン7つのご紹介。 シンプルなものなので様々な所で利用できるトグルスイッチ7つを作ってみたので ぜひぜひコピペして利用してくれたら嬉しいです! チェックボックスは見... 2021年09月20日 javascriptjQuery
CSS CSSでテキストを選択禁止にする方法 文字の上をマウスでダブルクリックしたりドラッグして移動すると選択されてしまうテキスト。 デザインの邪魔だったりする時がある。 選択したテキストを装飾する方法もあるけど装飾が必要ない時は、今回紹介する方法で解決です! CSS user-sel... 2021年09月16日 CSSサイト制作
javascript 【jQuery】コピペでスクロール値を常に画面に表示させる スクロールアニメーションを作る時に、スクロール値をコンソールで確認するのも良いけど そうするとHTMLやCSSがブラウザ上で編集しずらくなる。 それなら画面にスクロール値だけ表示しておけば便利じゃん!と思いました。 でもこれ最終的に消しちゃ... 2021年09月13日 javascriptjQueryサイト制作
javascript 【jQuery】特定クラスがリストの何番目にあるかを取得! リストの特定クラスが何番目にあるのかの取得方法をご紹介。 var number = $('.sample').index('ul li'); 「$('.sample')」に番号を取得したい特定のクラスやIDを書いて、「.index('ul ... 2021年09月06日 javascriptjQueryサイト制作
CSS 【CSS】めっちゃ便利なグラデーションジェネレーター カードUIや背景、画像の上にも、ホントいろんな所で滅茶苦茶使うグラデーションも 自由に使えないと単色でいいかな。と思っちゃう。 でもグラデーションを使った方がひと手間かかってる気がするし、結構な場面でマが埋まる感じがして多用しがち。 今回紹... 2021年08月19日 CSSサイト制作
javascript 【jQuery】パラパラ漫画の作り方|画像切り替え&スプライト画像アニメ 動画とかGifを複数個ウェブページに載せると容量がデカくなっちゃって、困る時がある。 デザインを変えようか、それとも何個か省いてページ作成するか....。 そんな状況の時に使えるのが、パラパラアニメーション! 容量を抑えるだけじゃなくココの... 2021年08月16日 javascriptjQuery
CSS CSSで改行コード<br>を無効化(消す)する方法 レスポンシブサイトを作る時とかに、PC表示の時は改行を入れたいけどスマホ表示の時は改行を無くしたい。 そんな時はCSSで<br>を消して対応しよう!! 例えば、こんなHTMLの時... HTML <p> ミラボー橋の下をセーヌは流れる<br... 2021年06月27日 CSSサイト制作
CSS 【CSS】:notで複数の要素を指定する方法 CSSでスタイリングしていると、「最初の要素以外」とか「特定class以外」にスタイルを当てたい時がある。 そんな時に使うのが疑似要素の「:not」です。 例えばリストの最初の要素以外を指定する時は「li:not(:first-child)... 2021年06月24日 CSSサイト制作
javascript 【jQuery】iOS・iPadOSでスクロールすると発生するリサイズ処理を止める方法 iPhone(iOS)のSafariでスクロールするとリサイズ処理が走るのやめて欲しい。 実機でしか確認できないので、忘れる時があるから困っちゃう。 この厄介なリサイズ処理問題の原因は、スクロールすると Safariのアドレスバーが小さくな... 2021年06月07日 javascriptjQueryサイト制作