最速インターフェース研究会 :: XSLエディタを作ってみた
XSLをエディタで編集してはブラウザでプレビューなんてことを何千回とやっているので、なんか良さげなXSLエディタがあるなら使いたいんだけど探しても見つからないので作ってみた。 http://la.ma.la/misc/xsltedit/ 左にXSLを入れて右にXMLを入れて、XSLを編集しつつCtrl+EnterでXSLT変換。 Google AJAXSLTを使ってみました。というか同梱のサンプルのスタイルをちょっといじっただけ。なんかIE6で動かないというので、フォーラム見てちょこちょこ直して動くようにしました。次のバージョンで直るとかなんとか。 とりあえずそのまま圧縮したのを置いておきます。 http://la.ma.la/misc/xsltedit/xslt.zip ブラウザの機能で変換させたほうが速いんだろうけど、そんなに遅いわけでもない。ただ、文法的にエラーがあっても変換してくれ
IT戦記 - [javascript] Plain Old JavaScript Prototypes (普通の JavaScript も使えるようにしよう)
Prototype.js や MochiKit や jQuery や dojo こういう便利なライブラリがたくさん出てきてとても便利になりました。 でもそのライブラリ本当に必要？ たしかに、グループワーキングを行うにはこれらのライブラリは必須だと思います。 でも、ちょいスクリプトを作るのに .bind(this) や $ や each や Event.observe が必要でしょうか。 いささかオーバスペックな気がします。 実際に「このツール Prototype.js 必須かよ。こっちは MochiKit で作ってるのにぃ」とかってことも多々あります。 あれを使うためにあれとこれを読み込んで、これを使うためにこれも必要だな。こんな感じだとサイトはどんどん重いものになってしまします。。。orz そこで、原点回帰です。 ちょっとしたツールでライブラリ使うのはやめようよ！何も使わなくても Jav
![IT戦記 - [javascript] Plain Old JavaScript Prototypes (普通の JavaScript も使えるようにしよう)](https://cdn-ak-scissors.b.st-hatena.com/image/square/1d517fd1624c9b56729f71c43450e6b5ea140006/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F17391345971647525980%2F17391345971647551289%2F1527141738)
Yahoo! UI Library: YUI Compressor
According to Yahoo!'s Exceptional Performance Team, 40% to 60% of Yahoo!'s users have an empty cache experience and about 20% of all page views are done with an empty cache (see this article by Tenni Theurer on the YUIBlog for more information on browser cache usage). This fact outlines the importance of keeping web pages as lightweight as possible. Improving the engineering design of a page or a
はてなスターの JavaScript が圧縮すらされていないことにがっかり - tilfin's note 跡地
はてなスターってなぜか、はてな内のサービスについても Ajax ロードによるプラグイン的実装で、明らかに最速な処理になってません。 どう考えてもサーバサイドでそのまま HTML 出力した方が高速なワケで、☆にマウスホバーしたときに改めて付けた方の id やサムネイルを Ajax でロードする程度がちょうど良いと思います。 さらに Firebug で実装見てたら、http://s.hatena.ne.jp/js/HatenaStar.js が毎回ロードされるわけですが、なんと圧縮されていないのです。 確かに読みやすいです。Ten というユーティリティの実装とか理解できます。ファイルの末尾には、はてなスターのサイトへの追加方法なども書かれています。情報公開という観点からはよろしいと思います。でもこうやって見てる人は僅かです。 しかし HatenaStar.js は明らかに今はてなの HTTP
JQuery Cycle Plugin
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
bevel.js (javascript image bevel effect)
Download bevel.js and include it into your webpage. <script type="text/javascript" src="bevel.js"></script> Initialisation class "bevel" vary the radius by adding iradius followed by the desired radius in percent: Image radius class "iradius20" - min=20 max=40 default=20 vary the masking by adding usemask: Image masking class "usemask" vary the masking by adding ibackcol followed by the color: Mas
highlight.js
The Internet's favorite JavaScript syntax highlighter supporting Node.js and the web. 192 languages and 512 themesAutomatic language detectionWorks with any HTML markupZero dependenciesCompatible with any JS frameworkSupports Node.js and DenoCurrent release: 11.11.1 #!/bin/bash ###### CONFIG ACCEPTED_HOSTS="/root/.hag_accepted.conf" BE_VERBOSE=false if [ "$UID" -ne 0 ] then echo "Superuser rights
あなたのソースコードを彩る、Syntax Highlighterまとめ | Blog.37to.net
home blog labs about contact Web・コンピュータ > あなたのソースコードを彩る、Syntax Highlighterまとめ Syntax Highlighter ソース ブログ 作成： 2007-06-30T19:14:27+09:00 更新： 2009-04-29T00:31:57+09:00 ブログに貼り付けたソースコードを分かりやすく見せたい！ というのはコードを書くブロガーなら誰でも思うはず。 最近はコードを書いてもそのまま貼り付けるだけになってしまっていましたが、やはりソースコードは色づけされて分かりやすい方がいい。 何故かまとまった情報が無いようなので、まとめてみました。 ちなみに、ライブラリを選ぶ最中にまとめたので、どのツールも未使用なのであしからず。 JavaScript系 JavaScriptを使って自動で色分けしてくれるようなツール。 元
Matzにっき(2008-02-04) - 初心者向けの言語|ソフトウェア開発における初心者
<< 2008/02/ 1 1. [言語] 「ハッカーと画家」の著者が新しいLisp系言語「Arc」を公開 | エンタープライズ | マイコミジャーナル 2. 「セキュリティ、なめんなよ!」 なめねこも一緒に情報セキュリティ強化宣言 | ネット | マイコミジャーナル 3. 「サイオステクノロジーはグルージェントの未来技術に期待し子会社化」：ITpro 2 1. [Ruby] Nimble Method: Garbage Collection is Why Ruby on Rails is Slow: Patches to Improve Performance 5x; Memory Profiling 2. [言語] LuaJIT roadmap 2008 3. [Ruby] What will Matz do? 4. [Ruby] EURUKO 2008 − European Ruby
現在の内容
JavaScriptで動的に生成されたドキュメントの内容を知りたいと思ったことはないですか？ 僕はあります。それを無理やり実現してみるテスト。 <html> <script type="text/javascript" defer> <!-- var pWin = external.menuArguments; var doc = pWin.document; doc.body.innerText = doc.all.tags("html")[0].outerHTML; doc.body.style.color = "windowtext"; doc.body.style.background = "window"; doc.body.style.fontFamily = "'ＭＳ ゴシック'"; doc.body.style.fontSize = "10pt"; doc.body.sty
高反発マットレスの選び方 | アフィブログに騙されない為の高反発マットレス手記
ウレタン系高反発マットレスでよく言及されるのが密度です。それを頑張って分かりやすく説明してみます。
インターネットチャンネル向けのウェブページを作りたいのですが…。 : Ｑ＆Ａ - Ｗｉｉ
インターネットチャンネルのユーザーエージェントは、次のとおりです。 （お客様がダウンロードされた時期により異なります。） ●日本 Opera/9.10 (Nintendo Wii; U; ; 1621; ja) ●英語 Opera/9.10 (Nintendo Wii; U; ; 1621; en) ●ドイツ語 Opera/9.10 (Nintendo Wii; U; ; 1621; de) ●スペイン語 Opera/9.10 (Nintendo Wii; U; ; 1621; es-ES) ●フランス語 Opera/9.10 (Nintendo Wii; U; ; 1621; fr) ●イタリア語 Opera/9.10 (Nintendo Wii; U; ; 1621; it) ●オランダ語 Opera/9.10 (Nintendo Wii; U; ; 162
競艇選手はどれくらいの賞金を貰えるのか？億万長者も夢じゃない？ – 競艇選手はどれくらいの賞金を貰えるのか？億万長者も夢じゃない？
このように、一般戦と最高峰のSG戦では貰える賞金額に雲泥の差があるのです。とはいえ、一般戦は毎日どこかの競艇場で行われているのに対し、SGの中でも1億円を貰えるグランプリシリーズは12月に1度開催されるのみです。 もちろん、SG戦には誰でも出場できるわけではないので、一般戦、G3、G2、G1などで着実に勝利を収めていくことが前提条件になります。競艇選手はみな、SGへの出場を夢見て、日々のトレーニングに励んでいるのです。 各グレードの優勝賞金をざっくりご紹介します！ ここからは、各グレードの優勝賞金をざっくりと見ていきましょう。 各グレードの中でも、開催されるレースによって賞金額が異なりますので、あくまでも目安程度にご参考ください。 さらには、どんなスポンサーが協賛しているのか？でも異なりますし、スポンサーから賞金以外の「商品」をもらう機会もあります。 ①一般戦 一般戦優勝賞金：74万円以上
Ajax.Requestのもったいない使い方 - Enjoy*Study
prototype.jsのAjax.Requestを使って、JSON形式のデータを扱っていましたが、誤った(というかもったいない)使い方していたことに気が付きました。 Ajax.Requestを使ってデータをやり取りする際、下記の条件に当てはまるならば、無駄な処理が行われていると思われます。 Ajax.Requestのオプションで指定するonCompleteやonSuccess関数内で、XMLHttpRequestのresponseTextに対してevalを実施している。 Ajax呼び出し時に、サーバ側から返すContent-Typeに、"text/javascript"が含まれる。 なぜ無駄かというと、Ajax.Request内では処理完了時、レスポンスのContent-typeを判定し、"text/javascript"が含まれる場合、レスポンスの内容に対してevalを実行します。 (
GT Nitro: カーレーシング・ドラッグレーシングゲーム - Google Play のアプリ
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
[JS]簡単に設置できるページ内をスムーズにスクロールできるスクリプト -Page Scroller ver.3 | コリス
以前、紹介した「Page Scroller」のバージョンアップ版「Page Scroller ver.3」の紹介です。 追記： 2013年10月26日 ver.3.0.9をリリース jQueryの旧版によるXSSに対応しました。 2011年5月4日 デモおよびダウンロードファイルをjQuery1.6に変更しました。 2011年1月31日 ver.3.0.8をリリース 機能を追加しました。 2010年11月19日 ver.3.0.7をリリース ライセンスを変更しました。 2010年11月17日 デモおよびダウンロードファイルをjQuery1.4.4に変更しました。 2010年9月19日 デモおよびダウンロードファイルをjQuery1.4.2に変更しました。 2009年7月6日 対応ブラウザ（IE8, Fx2.5, Chrome2）を更新しました。 2009年2月23日 ver.3.0.6をリ
![[JS]簡単に設置できるページ内をスムーズにスクロールできるスクリプト -Page Scroller ver.3 | コリス](https://cdn-ak-scissors.b.st-hatena.com/image/square/bc54860ba06deaa45382cf2bddc929515def0354/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fshared%2Flogo-2014050501-en.png)
jScrollPane
jScrollPane is a jquery plugin which allows you to replace the browsers default vertical scrollbars on any block level element with an overflow:auto style. You can easily control the apperance of the custom scrollbars using simple CSS. jScrollPane is crossbrowser, working on all browsers that support jquery and it also degrades gracefully. If a user's browser doesn't support jQuery or has J
GeoIP2 Release Notes - 2022 Archive
GeoIP2 and GeoLite2Geolocate an IPDatabasesWeb ServicesClient-side JavaScriptUpdating DatabasesImporting DatabasesImport to PostgreSQLImport to MySQLGeoLite2 Free Geolocation DataPrivacy Exclusions APIWeb Services DocumentationDatabase DocumentationRelease NotesContributeMaxMind Server IP AddressesLicense Key Validation APIKnowledge BaseMMDB Format SpecDecember Holiday Database Release ScheduleDec
AoD ! (Eye-Popping)
About AoD ! : AoD ! とは？ 一つのJavaScriptと、コンテンツにタグ（<a>、<q>）を設定するだけで、 誰でも、簡単に、Web2.0/Ajaxで、オシャレに、情報を発信出来る、新しいタイプのメディアツールです。 標準搭載された情報源に加え、プラグイン機能によって、発信者が自由にカスタマイズ出来る、 共通メディア・プラットフォームとしても、利用出来ます。 これにより、各種ウェブサービス、APIと簡単に接続し、AoD ! 上でマッシュアップすることが可能となります。 正式名称： AoD ! 読み方： AoD Eye-Popping、エーオーディー・アイポッピング 愛称： AoD アイポ、AoD びっくり（エびちゃん）、AoD X（エックス） Eye-Popping 【形】 目玉が飛び出る（ほどの）、目を見張らせる、びっくりさせる、驚くべき AoD !
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[JS]jQueryのプラグイン33+1選 -2007年9月 | コリス