JavaScript開発用IDE:Aptana:phpspot開発日誌
Aptana: The WEB IDE JavaScript開発用IDE:Aptana。 JavaScript用のかなり便利なIDEがついに出てきてしまいました:-) EclipseベースのIDEですが、インストーラーごと公開されてるのでインストールも簡単です。 その注目すべき特徴を列挙してみます。 ボタン一発で実行できるActions マクロみたいなもの。 コメントを一括除去/設定等の処理が可能。 分かりやすい位置にあって、使いやすい。 HTML/JavaScript/CSSのコード補完 （それぞれの属性、メソッドのブラウザ対応まで表示してくれる） 「document. 」と打つと自動でポップアップされます。JavaScriptだけじゃなく、HTMLやCSSも補完。 分かりやすいアウトライン機能 JavaScript/HTML/CSSのアウトラインを表示でき、構造が分かりやすく認識でき、
JavaScriptで動くテンプレートエンジン:JSmarty:phpspot開発日誌
Thousand Years - JSmartyとは？ JSmartyはJavaScriptで動くテンプレートエンジンです。PHPにSmartyっていうテンプレートエンジンがあります。それのぶっちゃけいってクローン(完全ではないですが…)になります。なので利用するメソッドやプロパティととかもそんままでSmartyのテンプレートがそんまま利用できます(たぶん)あと当然ながらプラグインとかも対応しています。 JavaScriptで動くテンプレートエンジン、JSmarty。 次のような使い方で、Smartyとほぼ同様に動作するそうです。 ■テンプレート'foo.tpl' {$foo} ■コード var render = new JSmarty; render.assign('foo','Hello World!!'); render.display('foo.tpl'); ■結果 Hello W
Dreamweaverの代わりになるフリーソフト「Aptana」 - GIGAZINE
JavaScriptの開発環境、要するにJavaScript用IDEという位置づけなのですが、HTML、CSSの構造をアウトラインで示してくれたり、文法の間違いを指摘してくれたり、やっていることはほとんどDreamweaverの持っている機能と同じです。 特に面白いのはJavaScriptやCSSなどがInternetExplorerとFirefoxに対応しているかどうかが一発で分かる点。JavaScriptのエラーについても細かい部分まで指摘してくれます。つまり、実行しなくてもエラーがドコにあるのか分かる「静的解析」が可能というわけ。 Windows、Macintosh、Linux版があり、Eclipseプラグインとして動作するバージョンもあります。 スクリーンショットや実際に動かして機能を解説しているムービー、ダウンロードは以下から。 Aptana: The Web IDE http:
DEfusion.org.uk » JavaScript Image Cropper UI, using Prototype & script.aculo.us
JavaScript Image Cropper UI, using Prototype & script.aculo.us This is a page from my old blog This page was imported from my old Wordpress Blog (which I stopped updating in 2011) and are here mainly for posterity. Although I have tried to clean things up there will be broken links and potentially other issues. About The JavaScript image cropper UI allows the user to crop an image using an interfa
TechTarget - Global Network of Information Technology Websites and Contributors
Looking for information about Informa TechTarget products and services? The commercial homepage has moved. Visit Informa TechTarget News 01 Aug 2025 / Policy & regulation Trump urges top drugmakers to cut U.S. prescription drug costs Trump increases pressure on 17 of the world's largest drug makers to lower U.S. prescription drug prices in 60 days, ahead of proposed tariffs and pharmaceutical impo
JavaScriptによるマウスホイールのイベント処理 : せつないぶろぐ
最近Ajaxが普及してきたので、何かとJavaScriptを利用することが増えてます。 そんな中でマウスホイールを使っていろいろできないかと調べたのですが、 結構情報が少なくて、関数として纏まってるところがなかったので作ってみました。 wheel_roll.js wheel_roll.js 対象ブラウザ：IE6系 Firefox 1.5系 ※windowsでのみ確認 使い方 new WheelRoll(idもしくはelement, マウスホイール回転時に呼ばれる関数名, event); 例） new WheelRoll("abc", "hogehoge"); function hogehoge(rollCount) { ・・・} マウスホイール回転時に関数hogehogeが呼ばれ引数に回転数が取得できます。 サンプルサイト：JavaScript マウスホイールでのイベント処理
APIs : Sunlight Foundation
Thank you for your interest in Sunlight’s web tools and APIs! Due to the closure of Sunlight Labs, we are no longer the providers of these services. Most of our major projects were taken over by other organizations. If you are looking for information on members of Congress and federal legislation, please see ProPublica’s excellent Represent tool, which incorporates several of our former projects.
CSS Browser Selector
Clever technique to help you on CSS hacks. Last updated: November 02, 2010 (v0.4.0) CSS Browser Selector is a very small javascript with just one line which empower CSS selectors. It gives you the ability to write specific CSS code for each operating system and each browser. EXAMPLE The JavaScript support is disabled on your browser. Please, enable JavaScript and refresh this page. The color of th
403 Forbidden
＼閉鎖予定のサイトも売れるかも？／ アクセスがないサイトもコンテンツ価値で売れる場合も… ドメインの有効期限を更新してサイト売却にトライしてみましょう
403 Forbidden
＼閉鎖予定のサイトも売れるかも？／ アクセスがないサイトもコンテンツ価値で売れる場合も… ドメインの有効期限を更新してサイト売却にトライしてみましょう
リンクサムネイルの作り方 - GIGAZINE
外部サイトへのリンク文字列の上にマウスが来ると、自動的にリンク先のページをサムネイルで表示するという面白いスクリプトです。 例と設置方法は以下から。 例としてはこんな感じです。 http://lab.arc90.com/tools/linkthumb/ コードのダウンロードと使い方などは以下の通り。 arc90 lab : tools : Link Thumbnail http://lab.arc90.com/2006/07/link_thumbnail.php 互換性はInternet Explorer 6.0以上、Mozilla Firefox 1.5以上、Apple Safari 2.0、Opera Version 8.51以上であるそうです。 ちゃんと外部サイトのみ判別し、自サイト内ではいちいちサムネイルを表示しないようにできます。
AlternateIdea: Writing Custom Iterators For Prototype
Traversing the DOM can be a painful beast at times, but we can remove a lot of that pain by writing a simple set of iterators that will allow us to pick it apart at will. When you ask for the childNodes of an element, most of the time you’re just wanting the element nodes only and you’d like to completely ignore the text nodes. Using Prototype, you could write something like the code below: elemen
ブラウザに合わせたスクリプトを実行する：CodeZine
はじめに ブラウザの種類やバージョン、各々のブラウザ独自の実装の違いを考慮し、同じように動作するスクリプトを、クロスブラウザスクリプトと言います。本連載では、クロスブラウザスクリプトを実現する方法について順を追って解説します。 クロスブラウザスクリプトを作る上で、それぞれのブラウザがどのJavaScriptをサポートしているかを知ることは大切です。さらに、それを知った上で、そのスクリプトが実行されるブラウザの種類やバージョンを特定することが、すべての基本となり、最も重要な事柄の一つになります。 前回、『ユーザエージェントからブラウザの種類やバージョンを判断する』では、JavaScriptに対応した主なブラウザがサポートしているJavaScriptを明確にしました。そしてさらに、ブラウザの種類やバージョンに関しては、ブラウザ自身の素性を表すユーザエージェントを元に、どのブラウザがどのようなユ
JavaScript でブロックスコープを実現する: Days on the Moon
JavaScript には基本的にブロックスコープというものが存在しない。どうしてもブロックスコープを扱いたいときは function 式を使ったりする。 var a = 10; { var a = 20; print(a); // 20 } print(a); // 20 var a = 10; (function () { var a = 20; print(a); // 20 })(); print(a); // 10 だがやはりブロックスコープがあったほうが便利ということで JavaScript 1.7 では let 式、let 文、let 宣言が導入される。 var a = 10; let (a = 20) { print(a); // 20 } print(a); // 10 しかしこれでは対応するブラウザが Firefox 2 以降などに限られる。ところが、with 文とオブ
escapeHTML の実装 3 パターン (ベンチマーク付き) - (new Hatena).blog()
ウェブを扱うライブラリやプログラムで必ずと言って良いほど見かけるものに、escapeHTML という関数があります。 "&" 等、特別な意味を持つ文字を、表示等のために実体参照 (&) に変換するお決まりの関数なんですが、実装には色々とバリエーションがあるものです。 1. String#replace メソッドを繰り返す (MochiKit 等) function escapeHTML(str) { return str.replace(/&/g, "&").replace(/"/g, """).replace(/</g, "<").replace(/>/g, ">"); }このパターンが最も多く見受けられます。Ruby でも同様に gsub を繰り返す方式を見かけることがあります (例: RSS::Utils.html_escape)。 2. Str
Shibuya.js、資料 - FAX
Shibuya.js、資料 This Is How I Feel About JavaScript (ミラー) 新しいPowerPointでないと、うまく見れないようです。 一部のフォント(Mixable、アイコンなど)はアウトライン化しています。 トカゲ、飛行機、蝶、バラ、ケガ人などはシンボルフォントから取得しています。 アニメーションを使ったのは初めてだったのですが、慣れると作成にそんなに時間は掛からないようになりました。 ラスタイメージをベクトルイメージに変換する際に、potraceを使いました。 コマンドライン引数に画像を指定するのみで非常に簡単に使うことができました。 スライドショーはマルチモニタ機能を使い、サブモニタに写す設定で行いました。 [スライドショー]-[スライドショーの設定]から切り替えることができます。 上記を設定し「発表者ツール」を利用することで、残り/経過時間
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.willjessup.com/sandbox/jquery/solar_system/rotator.html
欧宝app-欧宝APP官网
http://proj.jquery.com/plugins
Gyroscope: Track your life & improve your health!
