「1個の要素と複数個の要素を同じように書かせる」というのが実は jQuery の特徴の一つだと思っている。 document.querySelector() や querySelectorAll が出現して以降 jQuery の必要性はほとんどなくなったと言われる。
jQueryは1個の要素と複数個の要素を同じように書かせる - fsubal
「1個の要素と複数個の要素を同じように書かせる」というのが実は jQuery の特徴の一つだと思っている。 document.querySelector() や querySelectorAll が出現して以降 jQuery の必要性はほとんどなくなったと言われる。
スクリプトが無効の場合のスタイル
たとえばホームページのビジュアル要素など、いったん非表示にしておいてスクリプトでふわっとフェードインさせたい、みたいなことはよくある。そのとき非表示にする操作も JavaScript にやらせると一瞬見えてしまうことがあるので CSS で非表示化したいが、それだとスクリプトが無効の場合に何も表示されなくなってしまう… というような、スクリプトによる操作を前提にしたスタイルのフォールバックをどうするかという問題。 ここのところよく使っていたのは、JavaScript で html 要素の class 属性を操作し、それをもとに CSS を書くという手。Modernizr でも使われてるあれ。 (function () { var root = document.documentElement; root.className = root.className.replace(/\bno[-_]
jQSlickWrap - Slick text wrapping for jQuery
jQSlickWrap the pixel-perfect prose plugin v0.2 need to wrap content around an image? ...really around an image? jQSlickWrap is a plugin for jQuery which enables you to easily and accurately wrap your text around the content of floated images. It's as simple as $('img').slickWrap(); download it! contribute! Why would I need this? If you've ever felt the need to wrap stuff around an irregularly-sha
スムーズなスライドショーを実現するスクリプト: Recently Ajax
クレジットカード現金化をするために現金化業者を利用したいけど、色々不安だから利用するなら現金化優良店を利用したいと思いますよね。 しかし、「優良店ってどうやって選べばいいの？」と、思っている方がほとんどかと思います。
hereticanthem co.,ltd. » CSSやJavaScriptを使ったオシャレな技やサンプルが解説＆配布しているサイトのまとめ
パチンコの遊び方と攻略 – 成功のための戦略を発見しよう！パチンコの遊び方をマスターしよう！プロのテクニックを習得して勝者に！パチンコの楽しさを体験しよう！成功のための戦略を発見しよう！戦略を鍛えてより高い勝率へ！
水面に反射するような効果を画像に加えるJavaScript「Reflection.js」
上記画像を見れば分かるように、水面やなめらかな金属などに映り込んだような効果を画像に簡単に持たせることができるようになります。わざわざ画像を加工するソフトウェアを起動する必要がなくなるというわけ。映り込みの度合いも調整可能です。 Internet Explorer 5.5以上、Firefox 1.5以上、Opera 9以上、Safariで動作する模様。 Reflection.js http://cow.neondragon.net/stuff/reflection/ 「class="reflect"」というのを加えるだけで基本的に利用可能になります。画像ごとに効果を加える必要がなくなるというのがメリットらしい。ブログのアバター画像などで使うことを主目的に開発されたらしいですが、そのほかにも何か面白いことができそうな気もする。 なお、上記サイトからWordpressやphpBB、vBulle
クロスブラウザを制する シリーズのサンプル目次 - ［JavaScript］All About
1-1 クロスブラウザとは 「クロスブラウザを制する」は、 JavaScriptのクロスブラウザテクニックを紹介していくシリーズだ。 テクニックの解説に入る前にクロスブラウザスクリプトの概略と現況を眺めてみたい。 クロスブラウザを実現するための汎用関数と実例サンプル。コピー&ペーストでとりあえず動かしてみよう。大半のサンプルが Win n4 n6 moz e4 e5 e6, Mac n4 n6 moz e4.5 e5 , Linux n4 n6 moz の環境で動きます。 showLAYER() 表示属性set(表示) 出す hideLAYER() 表示属性set(非表示) 消す 出す/消す moveLAYER() レイヤ−移動 クリックで移動 マウスを追って移動 moveByLAYER() レイヤ−移動(対現在地) 現在位置を起点として移動する
Niceformでエレガントなフォーム生成:phpspot開発日誌
badboy.media.design :: articles :: Niceforms Web forms. Everybody knows web forms. Each day we have to fill in some information in a web form, be it a simple login to your webmail application, an online purchase or signing up for a website. They are the basic (and pretty much the only) way of gathering information on the web. 配布されているJavascriptのファイルとCSSファイルを読み込むだけで、フォームデザインが早代わり。 HTMLに組み込む例） <scrip
あなたのサイト、検索エンジンには見えていないかもしれない | 秋元@サイボウズラボ・プログラマー・ブログ
japan.internet.com 併載コラム 人間が目で見たときと、検索エンジンが調べに来たときではサイトの見えかたが違うことはご存知だろうか。 現在のソフトウェア技術では、画像から意味を読み取ることは簡単ではない。よって、画像に埋め込まれた文章や、Flash など動く画像からジャンプするページのリンクは理解できない。Javascript などを使った「動くメニュー」などの要素も、検索エンジン的にはリンクとしてつながっていないことがほとんどだ。 —– まず、実際に検索エンジンから見えるあなたのサイトの実態はどんなものなのか。HTML のソースを見たり特別なツールを使わずに、簡単に確認する手順をご紹介しよう。 1. 検索エンジン Google で、調べたいページの URL を http:// から入力する。存在する URL で Google が認識しているものであれば(*1)、「Goog
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Site Under Maintenance