CSSを駆使することでjQuery Mobileでもオリジナルデザインを実現できますが(関連記事)、フルカスタマイズではかなりの手間がかかります。今回はjQuery Mobileのテーマカラーのみを変更する、手軽なセミカスタマイズの方法を紹介します。 jQuery MobileのCSSを解剖 ...
jQueryで簡単!フォームをリアルタイムで入力チェック(2ページ目) ウェブ上のフォームでは、JavaScriptでリアルタイムに入力チェックし、その場でエラー表示のバルーンを出せると便利。jQuery-Validation-Engineを使えば、入力文字列や選択内容が指定条件(複数項目 ...
CSSでフッタを下にするのはどうするんだっけ?異なるdivの高さを揃えるのはどうするんだっけ? など便利なコードがたくさんまとまっています。 CSS, jQuery, WordPressは下記のようになっています。他にもHTML, HTAccess, JavaScript, PHPにもたくさんのスニペットが登録 ...
上記CSSの書き方をすれば、「pの親のうち誰かがDark-Modeのクラスを持っていたら、colorを白にしてね」と言うセレクターの指定方法になっているため、最小限の変更でダークモードに対応できます。 bodyにDark-Modeクラスを付与するのがポイント。
jQuery. jsを読み解くの連載も今回で第4回となりました。 本題に入る前に少々豆知識です。jQueryは軽量なライブラリだと言われていますが、 実際のところはどうなのでしょうか。ソースコードの行数をprototype. jsと比較してみると、 prototype. jsの3,277行に対して ...
前回から今回までの間に、 jQueryの最新版 1. 2.6がリリースされました。どうやら再びパッチの適用に不備があったようで、 1. 2.4および1. 2.5は使用しないようにとのことですのでご注意ください。変更点としては前回説明した通りなのですが、 リリースノート ...
インプレスグループでデザイン分野のメディア事業を手がける株式会社エムディエヌコーポレーション(本社:東京都千代田区、代表取締役社長:藤岡 功、略称:MdN)の電子書籍『実践WebデザインjQuery+CSSフレームワークでサクサクつくる「動き」と ...
HTMLに書いた文字をCSSで装飾する際に、1文字ずつ異なる文字色で表示されるよう指定する方法を解説。HTMLの特定の要素内に書かれた文字列を、JavaScript(jQuery)を使って文字単位に分解して個別の要素でマークアップすれば、CSSのnth-child疑似クラスなどを使う ...
Include an external script reference to the jquery.htmlTank.js file after your jQuery reference. To turn a visible HTML element into a tank, reference the element with jQuery and apply .htmlTank(); to ...
jQueryの基本的な理解ができていないので、基礎知識を整理したい jQueryの書き方を知りたい。JavaScriptと混同してしまっている 本記事を書いている私は、Webデザインの職業訓練校6ヶ月コースに通っています(2021年6月から)。 学習内容は「HTML、CSS、XD、Web ...