It can easily be proved that jQuery is the dominant player in the javascript libraries market. It is bundled with WordPress, the most used blogging system, and Google provides a cached version of the script. This library is most often used to add effects on your website easily, and navigation is an element that can be drastically improved by adding effects, whether it’s to hide part of the text or

可変グリッドレイアウトjQueryプラグイン(jquery.vgrid.js) なんだか可変グリッドレイアウトがまた流行ってる（？）ようなので、jQueryプラグイン書いてみた。 一通りブラウザで表示確認ぐらいはしたけど、テストは十分じゃありません。 Demo Demo Index 利用方法はデモのソースを確認してください。(ウィンドウリサイズして動きも確認してね) Download github zip file 利用には、jQuery本体とjquery.easingプラグインが必要です。別途読み込んでください。 更新情報 v0.1.8 (20120421) display属性で、グリッド要素の表示/非表示を切り替えれるように修正しました。 demo009を追加 v0.1.7 (20111110) 複数の可変ボックスを指定すると、開始位置がおかしくなるバグを修正しました。 demo008

jQueryでスクロールすると表示する系いろいろ 最近はスクロールするときにいろいろ仕掛けをするのが流行なようです。 ここではシンプルにある要素の位置とか最下部までスクロールしたら何か表示するということをやってみます。 投稿日2012年03月08日 更新日2019年12月19日 ちょっとスクロールするとフェードして「トップへ戻るボタン」を表示を表示します。 ボタンは下の方にこんな感じで配置します。 html <p id="page-top"><a href="#wrap">PAGE TOP</a></p> fixedにすると固定配置されます。 css #page-top { position: fixed; bottom: 20px; right: 20px; font-size: 77%; } #page-top a { background: #666; text-decoration

この間の春の嵐はすごかったですね。いろいろ飛ばされないように必死だった kimoto です。帰りの電車は久々に足が浮くほどの超満員を経験しました。 さて、ちょっとモーダルウインドウを調べる機会があったのでまとめてみます。 基本的に、全て jQuery で動くものになっています。 最新の情報ってわけではないですが、場面ごとに選べるものを集めてみたのでお試しくださいませ。 超シンプルな軽量スクリプト leanModal leanModal leanModal はとにかく軽量です。デモを触ってみると、その軽さがわかると思います。 ただし、軽さを徹底的に追求した結果なのか、IE6 には対応していないとのこと。 また、イメージギャラリーなどとしては使えないとのことです。 ちょっとした文章を表示するだけの場合などはこれで十分ですね。 そこそこ軽量、そこそこ機能的 Simple Modal Simple

jQuery Plugin: Easy List Splitter jQuery Plugin: Easy List Splitter We needed a simple and clean jQuery plugin to columnize lists: after a couple of hours spent on the lookout for it with no success, we decided to create our own one. Here you find the result of a couple of nights’ work, which we find to be pretty good. We release it for free and hopefully it will help you whenever you need to spli

Web 制作のことを中心に、ちょっとした Tips などを掲載しています。「自分用メモ」が基本スタンス。 btmup Blog PHP には「basename()」や「dirname()」という便利な関数があり、それぞれファイル名とディレクトリ名を、指定したパスから抽出することができます。 しかし、JavaScript にそんな便利機能はありません。 自ら処理を用意してやる必要があります。 今回はその処理と、jQuery を使って簡単に適用する方法をご紹介します。 JavaScript でファイル名とディレクト名を抽出 まずは「指定したパスからファイル名を抽出」する方法。 これは僕が考え出したのではなくて（それが出来たら初めから悩まない）、色々調べた挙句に辿り着いた海外の記事で紹介されていたものです。 »Javascript basename() and dirname() « plane

President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. There is an array of wonderful jQuery

Captcha security check laquu.com is for sale Please prove you're not a robot View Price Processing

:focus擬似クラス 要素がフォーカスされた際のスタイルを指定します。 フォームの入力欄にカーソルを合わせてテキスト入力できるようになった状態などです。 input:focus{ background-color:#FF9; } :lang擬似クラス 特定の言語を指定されている要素にスタイルを適用します。 言語コードには、ja（日本語）、en（英語）、fr（フランス語）、zh（中国語）などがあります。 p:lang(en){ color:#C00; } :first-child擬似クラス ある要素内で最初に現れる子要素にスタイルを適用します。 li:first-child{ color:#C00; } :first-line擬似要素 ブロックレベル要素の最初の行にスタイルを適用します。 ※インライン要素には適用できません。 #firstLine p:first-line{ color:#

Now-a-days jQuery has stolen all the limelight from Flash and all developers like it for unique features of jQuery. jQuery Animate is such a wonderful animation option for developers that they bound to think about opting out Flash. Today we are presenting a wonderful list of tutorials and plugins that can show you some wonderful animations using jQuery. Crafting an Animated Postcard With jQuery Bu

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。