小窓をアイコン化できるjQueryプラグイン「jQuery Iconize Plugin」:phpspot開発日誌
Plugins | jQuery Plugins 小窓をアイコン化できるjQueryプラグイン「jQuery Iconize Plugin」。 右上の最小化ボタンっぽいものを押すと、アイコンに出来ます。 ↓↓アイコン化↓↓ 小さく折りたたみたい場合に使えそうですね。 関連エントリ ナビゲーションのUIはこれで完璧かもなjQueryプラグイン集 2009年3月 便利なjQueryプラグイン集 ユニークで使えそうなjQueryプラグイン10個 RSAの公開鍵暗号方式でフォームのデータの暗号が行えるjQueryプラグイン「jCryption」
サイト内の目次をjQueryで自動で作成するチュートリアル:phpspot開発日誌
Automatically generate table of contents using jQuery サイト内の目次をjQueryで自動で作成するチュートリアル。 jQueryで、h1〜3タグのヘッドラインを自動で抽出し、以下のように「Table of Contents」としてヘッダに表示するチュートリアルです。 コンテンツが仮に変わったとしても、jQueryで自動でやってくれるため、目次作成がかなり作成が楽になりそうです。 デモページ コードは以下のように、プラグインにするほどではない簡単なコードで実現できています。 $("#toc").append('<p>In this article:</p>') $("h1, h2, h3").each(function(i) { var current = $(this); current.attr("id", "title" + i);
45 Touchable Fast Free jQuery Content Sliders Plugin Script
Category: Webdev Published: Tuesday, 07 June 2016 00:59 Written by vision widget What are revolutionary changes in the way for displays featured content and products and services with beautifully visual impression? Yes, it's the jQuery Content Slider which attracting more and more customers to have the first-hand impression by memory slideshows and the image galleries with contents. jQuery develop
Learning JavaScript from PHP - a Comparison | Lullabot
This is a basic comparison between PHP and JavaScript. It's intended for users familiar with PHP and looking for JavaScript equivalents. JavaScript and PHP Comparisons: Variables Scope Types Casting NULL and empty() values Booleans Case Sensitivity Dumping variables Objects and Arrays Declaration Syntax Associative Arrays Control Structures for() loop foreach() loop Variables Variable Scope PHP an
code.jquery.com Redirected to Google Ajax APIs | Official jQuery Blog
Starting at 10PM MT on August 20th, code.jquery.com will start redirecting (301) to ajax.googleapis.com [http://code.google.com/apis/ajaxlibs/documentation/index.html#jquery]. Immediate Impact: None Redirection will occur using 301 “Permanent Moved” Packed version will be replaced with minified version Long Term: Migrate any sites using code.jquery.com to Google’s AJAX Libraries API Full documenta
JSONの「発見者」クロックフォード氏が語る、JSON伝説
JSON (JavaScript Object Notation)は、JavaScriptにおけるオブジェクトの表記法をベースとした軽量なデータ記述言語です。現在では多くの言語で扱えるようになり、XMLと並んでWebでのデータ交換によく利用されるデータ記述言語といっていいでしょう。 このJSONというテクニックを発見し世に広めたのが、Yahoo!でSenior JavaScript Architectの肩書きを持つDouglas Crockford氏です。間違いなくJavaScriptの第一人者といえます。 そのCrockford氏が登場し、「The JSON Saga」と題したプレゼンテーションのビデオがYahoo! Developer Networkで公開されています。彼がどのようにJSONを"発見"し、定義したのか。XMLやJSONといったデータ記述言語をどのように考えているのか、彼
Webデザイナーのための美しいjQueryプラグイン22 – creamu
Tutorial9で、Webデザイナーのための美しいjQueryプラグインが紹介されています。 ざっといくつかご紹介。 » jQuery.popeye – an inline lightbox alternative lightboxをギャラリーのようなインターフェースに代替したjQuery.popeye » jPlayer – jQuery mp3 player plugin jQueryで作るmp3ミュージックプレーヤー » jQuery form plugin jQueryで非同期通信のフォームを実装 » easyDrag jQuery plugin 簡単にコンテンツをドラッグ&ドロップできるようにするプラグイン » jQuery accordion plugin – vertical 垂直方向のアコーディオンメニュー » Switch stylesheets with jQuery
【ハウツー】強力JSフレームワーク「Ext JS」が3.0に - 主な新機能をまとめてチェック! (1) JSフレームワーク「Ext JS」が3.0に - 主な新機能をまとめてチェック! | エンタープライズ | マイコミジ�
Ext JSとは Extは7月6日(米国時間)、Ext JSの最新版となるExt JS 3.0をリリースした。 Ext JSはJavaScriptベースのWebアプリケーションフレームワーク。高い拡張性をそなえ、デスクトップアプリケーションと比較しても見劣りしないユーザインタフェースをWebブラウザ上で簡単に実現することができる。 同ライブラリは各種Commercial Licenses、OEM / Reseller License、GNU GENERAL PUBLIC LICENSE Version 3の複数ライセンスのもとで公開されているオープンソースソフトウェア。ライセンス体系や各種価格についてはLicensing Overviewを参照されたい。 Ext JS 3.0の概要については、「Exit JS 3.0登場、コーディングなしでUI開発するツール」や「Ext JS 3.0 -
入門Ext JS：デスクトップ風メニューバーを表示しよう (1/5)
JavaScript/Ajaxフレームワーク「Ext JS」を使えば、使い勝手のいいユーザーインターフェイス（UI）を、短いコードを書くだけで実装できます。前回の記事では、Ext JSのウィンドウ内にGoogleマップを利用した地図を表示する方法を紹介しました。今回は同じウィンドウに、地図の種類（航空写真や地形など）を選択できるオリジナルのメニューを組み込んでみましょう。 ウィンドウ内にメニューバーを表示する Ext JSでは、ページ全体またはExt JSで開いたウィンドウに対して、デスクトップアプリケーションのようなメニューバーを表示できます。メニューバーは自由度が高く、上部／下部のいずれか、または両方に設置でき、階層型のサブメニューやアイコン付きメニューも作成できます。 今回は、Googleマップに用意されている以下の4種類の地図を切り替えるメニューをウィンドウに表示します。 通常の地
【特集】詳解! HTML 5と関連APIの最新動向 - Webアプリ開発編 (1) 本特集の趣旨 | エンタープライズ | マイコミジャーナル
本特集は、HTML 5の仕様や実装状況に関する現時点での最新レポートとして、実際に動作するサンプルを添えた詳細な解説をお届けするものである。特集の後半となる今回は、Webアプリケーションを作成するにあたって有用な、JavaScript APIを中心として取り上げる。今回紹介する内容は以下の通りだ。 アプリケーションキャッシュ クロスドキュメントメッセージング Web Workers Web Storage Web Database Web Sockets Geolocation API HTML5で新しく導入されたタグなどに関しては、前回の特集を参照していただきたい。 今回調査対象としたブラウザは、前回と同じく次の通り。ベータバージョンも含めた最新のバージョンをチョイスした。Internet Explorerについては、最新バージョンの8でもHTML 5への対応があまり進んでいなかったため
[js][html5][websocket] web_socket.js - HTML5のWeb SocketをFlashを使って実装 - monthly gimite
HTML5のWeb Socketを、Flashの力を借りて実装してみました。 gimite / web-socket-js - GitHub Web SocketはHTML5に入る（予定の？）機能で、JavaScriptから生のTCP Socketに近いもの*1を使えるようにしよう、というものです。 2009年11月頃にChromeの開発版で実装されましたが、ほかのブラウザでは未実装です。このライブラリを使うと、すべてのブラウザで（Flashが入っていれば）Web Socketが使えるようになります。 使い方はこんな感じです。 // おまじないその1: JavaScriptライブラリの読み込み <script type="text/javascript" src="swfobject.js"></script> <script type="text/javascript" src="web
![[js][html5][websocket] web_socket.js - HTML5のWeb SocketをFlashを使って実装 - monthly gimite](https://cdn-ak-scissors.b.st-hatena.com/image/square/f9f270d6c5b66de7437a50fd9e0e7785d5d31601/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F12704346814673860630%2F17680117126973993697%2F1550668916)
Google Docsはグローバル変数を使う、定石とは逆の実装 | エンタープライズ | マイコミジャーナル
Web Application Development - SitePen Mike Wilcox氏がSitePen Blog ≫ Web Page Global Variable Performanceにおいて、JavaScriptのグローバル変数とローカル変数に関する性能について興味深いベンチマークと考察を公開している。Mike Wilcox氏はフルフィーチャJavaScriptフレームワークDojoの開発者。 Mike Wilcox氏は最近Google Docsに追加されたベクタグラフィックス作成/挿入機能に興味を持ったという。DojoのベクタグラフィックAPIであるdojox.gfxと同じSVGとVMLを使っているためだ。Firebugでその実装を調査したところ、コードほとんどにおいてグローバル変数が使われていることに気がついて驚いたとしている。 JavaScript実装定石のひと
細かすぎて伝わらないjQueryの機能5選 - KAYAC Engineers' Blog
実は技術部ではなく、演出部所属のagoです。 先日jQuery 1.3.2のソースを読む機会があり、そのときいくつか気づいたことがあったのでまとめてみました。 1 .addClass, removeClassはスペース区切りで複数のclassを渡せる .addClass, removeClassにはスペース区切りで複数のclass nameが渡せます。 //classの順番は保持します。 //<div class="hoge gege">があった場合、<div class="hoge gege huga">になります。 $('div').addClass('hoge huga'); //<div class="hoge gege huga">があった場合、<div class="gege">になります。 $('div').removeClass('hoge huga'); ただし、hasC
JSON Data を FireBug でみる | _level0 - KAYAC Front Engineer Blog
エルニーニョ！だと暖冬。雪降るか心配ななっくるです。 みなさんJsonData、何で確認してますか？ JSON Editerをつかっていましたが、FireBugでもコンソールで見れるんですね。 nagayasuさんに教えてもらいましたー。 見方は、FireBugのコンソールを表示します。 その右側に（）で囲んでJSONDataいれます。で、実行すると。 でてきたObjectをクリックすると 結構見やすいし便利ですー
たったの20KBでショッピングカートを実装できるJavaScript『SimpleCart.js』 | 100SHIKI
これはすごいかも。 いわゆるショッピングカート機能を実装するためのJavaScriptのライブラリがSimpleCartだ。しかも20KBというコンパクトなサイズである。 商品の陳列、注文内容の変更や削除、数量変更などをさくっと実現してくれる。なお、実際の決済にはPayPalかGoogle Checkoutを利用することになる。 残念ながら日本で使うにはまだハードルが高いが（言語や決済方法などで）、いざ実装しようと思うと面倒な機能だけにこうしたライブラリは歓迎したいところだ。 こうしたライブラリを活用してどんどん経済が活性化していくと良いですな。
Exit JS 3.0登場、コーディングなしでUI開発するツール | エンタープライズ | マイコミジャーナル
Ext - A foundation you can build on Extは10日(米国時間)、Ext JSの最新版となるExt JS 3.0を公開した。Ext JSはJavaScriptで開発されたWebアプリケーションフレームワーク。軽量で高い拡張性を保持しつつ、デスクトップエクスペリエンスと近い滑らかな動作を実現しているという特徴がある。 Ext JS 3.0は多くの機能が追加されているほか、従来からある機能の拡張や改善も実施されている。もっとも注目したいのは、プレビューバージョンとしてだが同梱されるようになったExt Designerだ。Adobe AIRで開発されたUI開発用の統合開発環境で、コーディングすることなくUIを生成できるようになる。 Ext Designer Preview - Ext JS - Blogより抜粋 ただしExt JS 3.0とともに公開されたバージ
Greasemonkeyスクリプトがネイティブサポートされるかも - Mozilla Flux
JetpackがGreasemonkeyスクリプトをサポートする計画は既に存在しており、JetpackのFirefoxへの統合は公式プロジェクトとして扱われている。 となれば、FirefoxがGreasemonkeyスクリプトをネイティブサポートする話が出てきても、決して不自然ではない。ただ、その前に一つのステップを経る必要がある。Greasemonkey互換かは別にして、Firefoxがコンテンツ空間でスクリプトを動作させる仕組みを備えることだ。 Content Scriptsはその仕組みを開発するプロジェクトである。プロジェクトのWebページを見ても、クローム特権を有しない安全なものにすると述べられている程度だが、Blair’s Brain『Status: Jetpack and Content Scripts in Firefox』にもう少し詳しい情報が出ている。 「Next ste
narwhal - introduction
A general purpose JavaScript platform Narwhal is a cross-platform, multi-interpreter, general purpose JavaScript platform. It aims to provide a solid foundation for building JavaScript applications, primarily outside the web browser. Narwhal includes a package manager, module system, and standard library for multiple JavaScript interpreters. Currently Narwhal’s Rhino support is the most complete,
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Code Archive - Long-term storage for Google Code Project Hosting.
Loading...