絵日記 グルメ ライフスタイル・暮らし ペット 旅行・海外 日記 ニュース スポーツ ビジネス・経済 趣味・創作 音楽 書籍・雑誌 漫画・アニメ ゲーム 受験・学校 ヘルス・ビューティ IT・家電 学問・科学 まとめ
![ライブドアブログ|無料で豊富な機能が充実](https://cdn-ak-scissors.b.st-hatena.com/image/square/ff3cc3357ab3e86b4452243dc364c203499b26bd/height=288;version=1;width=512/https%3A%2F%2Fblog.livedoor.com%2Fblog_portal%2Fpc%2Fimg%2Fv3%2Fcommon%2Fblog_OGP.png)
こんにちは、(主に)LDサービスのインターフェース部分に携わらせてもらっている油井です。 現在ホットな JavaScript-library の一つとして「jQuery」の名をあげることができますが、このライブラリのプラグインとして動作するjTemplatesというHTMLテンプレートエンジンにも、(個人的にはですが)注目しています。 http://jtemplates.tpython.com/ そこで、以下、私がjTemplatesを触ることにより知り得た『jTemplatesでHTMLを書くときに知っておきたい8つのこと』について言及していきたいと思います。 ※ 今回の記事では「jQuery1.2.1-非圧縮版」そして「jTemplates0.5.0-非圧縮版」を使用することを想定しています。 1, (特殊変数である)$Qの正体 jTemplatesには$Tと$Pそして$Qという特殊変
JSONとContent-Type サーバサイドからJSONを吐き出すときのContent-Typeなのですが、各ブラウザによって対応がちょっと違います。 下の表にまとめてみました。 ×のところはeval中にエラーがでます。 Content-type WinIE Firefox Safari Opera(8.5) text/javascript ○ ○ △ × text/javascript; charset=utf-8 ○ ○ ○ × text/javascript; charset=utf8(utf-8の間違い) × ○ ○ × text/javascript+json ○ ○ △ × text/javascript+json; charset=utf-8 ○ ○ ○ × text/html; charset=utf-8 ○ Safariでマルチバイトな文字を含む場合は、「charse
Image Menu クールにスライドするメニューを作成するJavaScriptライブラリ「Image Menu」。 メニューにカーソルを合わせると、カーソル部分がアニメーションしながら開くメニューを実装できます。。 画像を変えれば、よりクールなメニューを作れそうですね。 必要なJSライブラリ,CSSをインクルードした後、次のようなコードで簡単に初期化できる模様。 <h2>Example:</h2> <div id="kwick"> <ul class="kwicks"> <li class="kwick opt1"><span>Lanscapes</span></li> <li class="kwick opt2"><span>People</span></li> <li class="kwick opt3"><span>Nature</span></li> <li class="kwi
今回は過去のホームページを作る人のネタ帳にて、まとめの一部として使われていたイメージギャラリーを主役にまとめました。 JavaScript系はブログでも使う事が出来たりしますので、お時間のあるときにでもお試しください。 (Flashに一点追加しました) CSSJavaScript Photo Sliderライブラリ。 滑らかなスライドを実装できます。CSSデザインである為、デザインのカスタマイズも可能。 ダウンロードページ 商用利用の場合は29ドルだけど、非営利の場合は無料で使える。 テキストが表示されているところもポップアップするので試してみると楽しいです。 ダウンロードページ 正確にはギャラリーではないですが、虫眼鏡による画像のビューア。 FLASHではないところがまた乙。重いのが難点か・・・。 ダウンロードページ こちらも虫眼鏡。地味に2つの機能がある。 クリックしながら右にドラッグ
WebOS Goodies へようこそ! WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 本日は、codeなにがしウィジェットを作る過程で思いついた、ちょっとしたネタをご紹介。外部から API などで取得したテキストを安全に自サイトで表示するための Tips です。 codeなにがし API のレスポンスに含まれるデータは、ほとんどが HTML エスケープされた状態で渡されます。ですので、基本的にはそのまま HTML に挿入できます。これはこれで便利な
iPhone/iPod touch iPhone/iPod touchはAppleから発売されているスマートフォンおよびミュージックプレイヤー。どちらも世界的に普及しており、Apple Storeからデジタルコンテンツを購入して利用できる。 当初は一般ユーザーはAjaxアプリケーションしか開発できなかったが、2008年2月に「iPhone 2.0」が公開され、ソフトウェア開発キット「iPhoneSDK」も公開となり、ネイティブアプリケーションも開発可能となった。 開発したソフトウェアが有償の場合は30%をAppleに支払い、残りの70%を開発側で手にすることができる。無償の場合はAppleへの支払は不要となる。 ネイティブアプリケーション 統合開発環境として「Xcode」、プログラミング言語として「Objective-C」、アプリケーションフレームワークとして「Cocoa
ブックマークレットを簡単に作れるブックマークレットを作ってみた。 ■これをブックマーク ブラウザから任意のページでブックマークレットを実行すると、↓のようなエディタが出現します。 ここにJavaScript書けば、直接ページに対してスクリプトをインジェクトできます。 ・RunボタンでページにJavaScriptを適用 ・一応タブエディタ ・エディタに書いたコードはページをまたいで持ち越せるよ。 ・Copy as Bookmarkletボタンで、javascript:(function()~みたいな形のワンライナーに整形してくれる。 そんな感じ。Flexアプリケーションをブックマークレットから起動するってコンセプトは、ちょっとこれから流行るんじゃないかと思ってるのですが、誰もやらないのでとりあえず作ってみました。 もうちょっと完成度高めたかったのだけど、最近忙しくて1ヶ月以上放置してるのでも
Check out Cycle2, the latest in the Cycle line of slideshows. Overview The jQuery Cycle Plugin is a slideshow plugin that supports many different types of transition effects. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and much more. It also supports, but does not require, the Easing Plugin. How it Works The plugin provides a method called cycle which is
JavaScriptすら初心者がjQueristになるためのメモjQueryによるFlickrギャラリーが作りたい 2007/10/14 14:39 Tag: Tag: jquery しばらく更新が止まっているが、ここjQueristにてあるプロジェクトを始めようと画策している。 Learning jQueryも手元に届き(個人的にはebookをお勧めする)、英語はともかくプログラミング用語に苦しみつつ読み進めている間に、jQueryは大きなアップデートを終えてしまった。 ユーザインターフェイスの発足によって、よりAjaxっぽさを如実に感じるjQuery。 そんな新しくなったjQueryを使って、Web2.0なことがしたいと思った次第。 マッシュアップ。 ヘビーユーザの一人であるFlickrを使って、jQueryにてギャラリーを作りたい。 プログラミングはとにかく作ってみなければ
このエントリは、JavaScriptによるCSSの操作として新たに書き直しました。 – 俺の探し方が悪いんだろうが、JavaScriptでCSSを弄るリファレンスが中々見当たらなかったので、メモも兼ねて書く。 結構適当に書いてる部分もあるので鵜呑みにしないように。あと、Operaは知らね。 スタイルシートのルールを弄る div内の全要素をgetElementsByTagNameで拾ってforで回してstyleに・・・ってなことをやるよりも、スタイルシート側から操作できるようになれば楽になる。 function addRule( selector, property ) { if( document.styleSheets[0].addRule ) //IE document.styleSheets[0].addRule( selector, "{" + property + "}" );
IEでHTMLElement.prototypeっぽい動作するものを考えているなかで生み出された副産物です。document.styleSheetsのaddRuleとbehavior:expressionをつかってdiv要素のheaderクラスに所属するidをアラートしています。 <html> <head> <style id="behavior"></style> <script> function showElementId(e){ alert(e.id); e.style.behavior = null; }; window.onload = function(){ document.styleSheets.behavior.addRule('div.header','behavior:expression(showElementId(this));'); }; </script>
Desktop Opera One R2 introduces dynamic Themes August 20th, 2024 Opera One R2 introduces dynamic Themes which allow you to customize your browser with animated backgrounds and change the UI... Opera for iOS Introducing Opera One for iOS: a fresh take on mobile browsing August 14th, 2024 We're excited to announce the launch of Opera One for iOS, our redesigned, AI-powered browser for iPhone. Opera
以下の一行をすべての JavaScript の前に読み込む /*@cc_on _d=document;eval('var document=_d')@*/ この一行を読み込むことによって IE での document へのアクセスが 5 倍速くなります。 たとえば 以下のように、読み込む前と読み込んだ後を比較してみます。 // Before var date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date - date); // 643 /*@cc_on _d=document;eval('var document=_d')@*/ // After date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date -
ライブラリ・WEBツール FancyForm - Javascript checkbox replacement チェックボックスをオシャレに変換する。 見飽きたチェックボックスを変更するだけで、少し違った印象を与える事が出来るかも? (前に紹介した気もしますが念のため) Popular Online Generators | Tech Magazine 過去に話題になったWEB2.0系の画像を自動生成するWEBジェネレータまとめ。 アップした写真をお洒落に見せるJavaScript 写真風に自動変換してくれる便利なJavaScriptライブラリ。 Gigazinize: あなたのブログ,GIGAZINEのようにします 自動でブログ文章に見合った画像を探してくるサービス。 後継のGigazinize Tools - Image: Making up your Blog(あなたのブログに選り
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く