「つくるぶ特集 Flash|Ajax ベストサイトセレクション20」：スライダー(Slider)ライブラリと、写真の中に写真レイヤーを表示するテクニック｜アークウェブのブログ
「つくるぶ特集 Flash|Ajax ベストサイトセレクション20」：スライダー(Slider)ライブラリと、写真の中に写真レイヤーを表示するテクニック 2007年10月22日 「つくるぶ特集 Flash|Ajax ベストサイトセレクション20」：スライダー(Slider)ライブラリと、写真の中に写真レイヤーを表示するテクニック SEの竹村です。 今回も「つくるぶ特集 Flash|Ajax ベストサイトセレクション20」のJavaScriptの技術面をフォローしていきます。 ▼Flash | Ajax ベストサイトセレクション20 http://www.tkrb.jp/modules/feature0/index.php?id=12 フォローを弊社のブログで行う理由は、Ajax ベストサイトセレクション20ではプログラム的な話はしていないためです。 さて、第4回は 「お題６＞検索が楽しくな
高機能なツールチップjavascript「Prototip」
twitter facebook hatena google pocket リンクなどに説明を付与するツールチップというものがあります。 今回紹介するPrototipは、エフェクトや出す場所を調整できる高機能なjavascriptです。 sponsors 使用方法 Prototipからprototip.js、prototip.cssをprototypeからprototype.jsをダウンロードします。 ＊エフェクトを付ける場合はscript.aculo.usのeffect.jsが必要です。 <script src="http://yourdomain/prototype.js" type="text/javascript"></script> <script src="http://yourdomain/effects.js" type="text/javascript"></script
ブックマークレットから起動できるブックマークレットエディタを作ってみた | fladdict
ブックマークレットを簡単に作れるブックマークレットを作ってみた。 ■これをブックマーク ブラウザから任意のページでブックマークレットを実行すると、↓のようなエディタが出現します。 ここにJavaScript書けば、直接ページに対してスクリプトをインジェクトできます。 ・RunボタンでページにJavaScriptを適用 ・一応タブエディタ ・エディタに書いたコードはページをまたいで持ち越せるよ。 ・Copy as Bookmarkletボタンで、javascript:(function()～みたいな形のワンライナーに整形してくれる。 そんな感じ。Flexアプリケーションをブックマークレットから起動するってコンセプトは、ちょっとこれから流行るんじゃないかと思ってるのですが、誰もやらないのでとりあえず作ってみました。 もうちょっと完成度高めたかったのだけど、最近忙しくて１ヶ月以上放置してるのでも
javascriptライブラリ「mootools」でポップなメニューを作成する
twitter facebook hatena google pocket メニューは訪問者が一番目にする機会の多い場所です。 そのため、目立ち、わかりやすいメニューを作成することが求められます。 popMenuではmootoolsを使用し、簡単に動きのあるメニューを作成する方法を紹介しています。 sponsors 作成方法 <script src="http://yourdomain/mootools.js" type="text/javascript"></script> <script type="text/javascript"> Window.onDomReady(function(){ Window.disableImageCache(); $S('#id名 li a').each(function(el) { var effect = el.effect('backgroun
フォントサイズを切り替えるJavaScript - 3ping.org
閲覧者の好みに合わせ、Vicunaの文字サイズをボタンスイッチによって切り替えられるようにするスクリプトを 10coin.comのmarbleさんが作成・公開してくださいました。 フォントサイズを切り替えるJS:改 設置も簡単ながら、JSの設定によりフォントサイズを変化させる場所を任意に決めることができるという優れものです。これにより、記事部分のみ(div#main)文字サイズを拡大させたりできます。また、一度ユーザーが設定したサイズはクッキーに保存され、再び訪れたときも反映されます。すごいですね! 設置・設定方法、スクリプトのダウンロードはリンク先を参照してください。 挿入されるスイッチ部分のHTMLに対するスタイル(CSS)は追加記述する必要があります。10coin.comに設置されているものと同じ見栄えにしたい場合は、感謝の気持ちを込めながらCSS部分を拝借させていただきましょう。(
Prototype ユーザが 10 分で jQuery を使い出すスレ - ヽ( ・∀・)ノくまくまー(2007-10-07)
● [jQuery] Prototype ユーザが 10 分で jQuery を使い出すスレ さぁ、今夜もはじまりました、熊井ちゃん王国。それでは早速、熊井ちゃんに伝えたい jQuery の魅力 RANKIN Q！ 渋谷の女性300人に聞いた jQuery の好きな所 TOP 10 名前空間の汚染が最小 簡潔明瞭なメソッド名 CSS3 + XPath ちっくアクセス メソッドに対する閉包性 (メソッドチェイン) ● 1. 名前空間の汚染が最小 Prototype では、DOM要素のID指定には $()、CSSセレクタ指定には $$() といったように、多くの関数が global に定義されている。しかし、jQuery で定義された global 変数は $ のみであり、上記の要素指定はどちらも $() で記述できる。(※ CSS 表記なのでIDの場合は'#'が必要) 正確に言えば、jQue
Data Tables and Cascading Style Sheets Gallery
Current style: TagBox by TagBox Table design based on the fresh TagBox style.
ウノウラボ Unoh Labs: Ext.js入門: Grid編
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
「JavaScript でタブ切り替え UI を実装する」を改良してみた - gan2 の Ruby 勉強日記
JavaScript でタブ切り替え UI を実装する | WWW WATCH で紹介されているスクリプトは、 軽いし、ソースも読みやすいしでとても便利。 気になること でも、ちょっと気になることが2つある。 タブが増やしたいときに、スクリプトに自分でセットアップ用のコードを書き足さなくてはならない。 タブをクリックしての切り替えはできるが、アンカータグのリンクからタブを切り替えることができない。 気になることを直すと得られるメリット 1.は大した手間ではないのだけど、 どうせならHTMLを編集するだけで自動的にタブが作られた方が便利。 2.はそんなことできなくてもいいって人の方が多いのかもしれないけど、 僕は以下のように書いたリンクからもタブ切り替えできたほうがうれしい。 <a href="#menu1">Menu1へ飛ぶ</a> デモとソース一式 ってことで、リンク先のスクリプトにちょ
JavaScript無しのドロップダウンメニューを実行する純粋なCSS*ホームページを作る人のネタ帳
サンプルはこちら 現在結構話題になっていますが、これはすごいなと思ったので記事として残しておきます。 純粋なCSSによって実行させるドロップダウンメニューのサンプルが公開されています。 非常に勉強になりますね。 コードをコピペして超約してみたんですが、どうもあきらかな著作権違反ぽくなってしまったのでコピペはしません。 どうかリンク先でお確かめください。 Implementing drop-down menus in pure CSS (no JavaScript) （追加記事） コメントから参照 Browserによりサポートの仕方違いますよ Browser Supportを見たら分かるとおり、IE6ではJavascript使用して疑似クラスをごにょごにょしてます。 はてぶでも誤解している人が多いので、注釈お願いします。 すごいですねー。 JavaScriptを切ると見れないですねー。
min-width,max-width,min-height,max-heightをIEで使えるようにするjavascript[to-R]
min-width,max-width,min-height,max-heightをIEで使えるようにするjavascript minmax.jsはIE6以下でmin-width,max-width, min-height , max-heightのプロパティを利用可能にするjsライブラリになります。 CSS2では以下のプロパティが定義されているがIE6には実装されていない。 max-width - 要素の横幅の最大値を指定する min-width - 要素の横幅の最小値を指定する max-height - 要素の高さの最大値を指定する min-height - 要素の高さの最小値を指定する minmax.jsはこれらのプロパティを利用可能にするjsライブラリです。 設置方法 設置方法はダウンロードしたminmax.jsをhead要素内などで読み込むだけです。 <script type="
![min-width,max-width,min-height,max-heightをIEで使えるようにするjavascript[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
ハタさんのブログ : Javascriptによる大規模開発の覚え書き。高速化編
前回書いた「Javascriptによる大規模開発の覚え書き」が凄いことになってました。 今回は、省略した「5.高速化せよ」について書きます。 僕にとってjavascriptは非常に高速な言語です。それは何が高速か 開発速度が高速である 開発速度、及びそこに至るまでの修得速度はとても高速です。動的言語を上手く操る開発者はもちろん、開発に不慣れな(言葉が悪いけど)新人達でさえ「動く」モノをサクっと作ってしまえる。 また、プラットフォーム(? というかブラウザ)が広く普及しているので、ググればスグに問題解決もできる。 それにローカルで簡単に作れる。javascript、それは動作環境を含めて高速です。 高速にUI操作ができる(UI操作が非常に簡単である) swingとかでUI操作をするには多くのオブジェクト操作をしなければならないけど、javascript(もといDHTML)は非常に簡単に
半角ｶﾅを全角カナに変換するjsライブラリ
半角ｶﾅを全角カナに変換するjsライブラリ 半角ｶﾅを全角カナに変換するjsライブラリ『convertKana.js』を作成しました。 携帯用コンテンツなどで、『半角カナ』で入力されることが多いサイトに関してPC上で表示する際に若干見栄えがよくなります。 設置方法 convertKana.jsをダウンロードしてhead要素内などに読み込んでください。 <script type="text/javascript" src="./convertKana.js" charset="UTF-8"></script> charset属性でライブラリの文字コードと整合性を保持しているので、charset属性も忘れずに記述してください。 サンプル でも個人的にはサーバーサイドで処理するのが良いかと思ってたりします。 関連エントリー ブロックレベル要素の高さを揃えるheightLine.js アルファ画像
カタカナ⇔ひらがな/全角⇔半角変換(カタカナ対応) - Thousand Years
最新版はこちら http://code.google.com/p/kanaxs/ ひらがな⇒カタカナ String.prototype.toKatakanaCase = function() { var i, c, a = []; for(i=this.length-1;0<=i;i--) { c = this.charCodeAt(i); a[i] = (0x3041 <= c && c <= 0x3096) ? c + 0x0060 : c; }; return String.fromCharCode.apply(null, a); }; "ぁぃぅぇぉあいうえお".toKatakanaCase(); // ァィゥェォアイウエオ カタカナ⇒ひらがな String.prototype.toHirakanaCase = function() { var i, c, a = []; for(i
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
まぐまぐ！ - 読みたいメルマガ、きっと見つかる。
’Save This Page’ Button – Yahoo!ブックマークに対応 « blog.shimazu.org
はてなブログ | 無料ブログを作成しよう
Loading...
brass.to - a really cool domain parked on Park.io
TableとCSSいろいろ - DesignWalker
