Online JavaScript beautifier
End script and style with newline? Support e4x/jsx syntax Use comma-first list style? Detect packers and obfuscators? (unsafe) Preserve inline braces/code blocks? Keep array indentation? Break lines on chained methods? Space before conditional: "if(x)" / "if (x)" Unescape printable chars encoded as \xNN or \uNNNN? Use JSLint-happy formatting tweaks? Indent <head> and <body> sections? Keep indentat
はてなブログ | 無料ブログを作成しよう
思いは言葉に。 はてなブログは、あなたの思いや考えを残したり、 さまざまな人が綴った多様な価値観に触れたりできる場所です。
jquery.pngFix.js - PNG transparency for Windows IE 5.5 & 6 (IE PNG Fix)
This plugin will fix the missing PNG-Transparency in Windows Internet Explorer 5.5 & 6. Features unobtrusive script, simple to setup works now also with CSS-Backgrounds (but scaling backgrounds) works with PNG-Images within Links TITLE, ALT, CLASS and STYLE-Attributes are considered This page uses jQuery Version Version 1.1, 2007-09-11 Tested on Windows XP SP2 with - IE 5.5 + 6 + 7 E x
インタラクティブでアニメーションするグラフが描けるJSライブラリ「Highcharts」:phpspot開発日誌
インタラクティブでアニメーションするグラフが描けるJSライブラリ「Highcharts」が公開されています。 マウスが上に乗るとポップアップしてヒントが出るようなグラフもこのJSライブラリで描画できます。 デモページでは、実に多数のサンプルグラフを見ることが出来ます。 それにしてもJSなのに描画するグラフが滑らかでいいですね。 以下のエントリを参照してください。 Highcharts - Interactive JavaScript charts for your webpage 関連エントリ JavaScriptだけでさまざまなグラフを描画できる高機能ライブラリ『HighCharts』 - IDEA*IDEA
ボックス要素をレンガ状に綺麗に整列させる「jQuery Masonry」が凄い:phpspot開発日誌
ボックス要素をレンガ状に綺麗に整列させる「jQuery Masonry」が凄いです。 普通、高さの違うボックス要素を float とかで並べると次のような、どう見ても見れない崩れたデザインになってしまいます。 が、今回紹介するjQuery Masonry を使うと、次のように、綺麗にテトリスっぽく整列できてしまいます。 ↓↓↓↓↓↓↓↓↓↓ これを実現するのに必要なJavaScript コードは以下のように数行。これで実現可能です。 $('#primary').masonry({ columnWidth: 100, itemSelector: '.box' }); この仕組みを使ってブログ等を表示するともっと面白いことになります。 新聞っぽくなりましたね。 ブラウザ幅を変える事でいろいろな見え方になるのも面白いです。 以下のエントリを参照してください。 jQuery Masonry ? B
サイト内リンクでページ遷移するAjaxサイトの作り方 – creamu
yensdesignというサイトで、サイト内リンクでページ遷移するAjaxサイトの作り方が公開されています。 ↑がナビゲーションになっていて、クリックすると、「#home」や「#tutorials」という形でパラメータがついて、ページ遷移します。 リロードが必要ないので、ページ移動がスムーズで気持ちいいですね。 デモは以下から。 Try the tutorial! XHTMLとCSS、JavaScriptソースが載っているので、一度見てみてください。 Creating AJAX websites based on anchor navigation Amebaとロクナナのイベントが発表されました。友人がイベントに興味を持っていたので、以前打ち合わせにきてもらったのです。その後実現に至ったようでうれしいですね。 名村くんと浦野くんも出ますね。興味のある方はぜひ！12/8正午から申し込み開始と
iPhone Webアプリテンプレート（CSS Nite Vol.40 reprise） | Topics | DB - KAYAC Designer's Blog（カヤック デザイナーブログ）
こんにちは。意匠部ME課のtacamyです。 CSS Nite 4周年記念イベント（Vol.40 reprise）にてご紹介した iPhone Webアプリのテンプレートセットを配布します。 イベントの内容はこちらのエントリーをご覧ください。 ダウンロード iphone-tmpl.zip セット内容 index.html HTML5+iPhone用HTML css/iphone.css HTMLの新要素＋iPhone専用CSS js/iphone.js URL&検索バーを消す指定 js/lib/jquery.js jquery apple-touch-icon.png Webクリップアイコン cache.manifest マニフェストファイル .htaccess < dd style="margin-bottom:0.5em;">.manifestのMIMEタイプ設定 viewportにつ
Google、自社のWebアプリ作成ツール「Closure」をオープンに
Googleが、GmailやGoogle Docsの開発に使っているJavaScriptコンパイラやテンプレート、ライブラリをオープンソースとして公開した。 米Googleは11月5日、Gmailなどの自社アプリ開発に使っているJavaScriptツール「Closure Tools」をGoogle Code Labsでオープンソースとして公開したと発表した。 Closureは、「Closure Compiler」「Closure Inspector」「Closure Livrary」「Closure Templates」で構成されている。Closure CompilerはJavaScriptで書いたWebアプリケーションのコードを最適化し、無駄を省いて高速・高性能化させるコンパイルツール。Firefoxの機能拡張として提供されるClosure Inspectorとともに使うことで、コードの
jQueryとGlimmerでインタラクティブコンテンツを作成
jQueryとGlimmerでインタラクティブコンテンツを作成：jQueryで学ぶ簡単で効果的なAjaxの使い方（4）（1/3 ページ） いま話題の「jQuery」を使って、目的を持ったAjax開発の効率化や使いどころ・注意点などについてサンプルを見ながら解説していきます。Webデザイナ／プロデューサーも必見！ Webサイトで重要なのは、顧客を囲い込む戦略 Webサイトで重要なのは、いかにリピーターを確保できるかどうかに掛かっているといっても過言ではありません。新規のユーザーは、広告さえ出せば瞬間的に獲得できます。しかし、継続的にサイトにアクセスしてもらうには、ユーザーにそのサイトを何度も訪れる“理由”が必要です。 もちろん、「Webサイトが、どのようなサービスを提供するのか」が最も重要な“理由”とならなければ意味がありませんが、Webサイトに何度も訪れたくなるようなちょっとした“仕掛け”
Objective-Cの知識不要! HTMLとJavaScriptでiPhoneアプリを開発できる「NimbleKit 1.2」 | パソコン | マイコミジャーナル
VolnaTechは、HTML/JavaScriptでiPhone/iPod touchネイティブアプリを開発するためのライブラリ「NimbleKit 1.2」を公開した。動作環境はIntel製CPUを搭載したMac、Mac OS X Leopard 10.5以降、Xcode。別途iPhone SDK 2.2以降が必要。 HTMLとJavaScriptでネイティブなiPhoneアプリの開発が可能になる「NimbleKit」 NimbleKitは、HTMLとJavaScriptを使用してネイティブなiPhone/iPod touchアプリを開発するためのライブラリ。iPhone OS 2.2以降に対応、一部機能はiPhone OS 3.0の正式リリース後に提供される。ライブラリの全機能は無償利用できるが、動作はiPhoneシミュレータ上に限定され、実機上での利用には有償のユーザ登録 (99米
IE8 で実装された Selectors API とは何か？ - IT戦記
はじめに IE8 には Selectors API という新しい仕様が実装されました。 ということで、今後 DOM 操作 API の主流になるであろう Selectors API についてまとめておきます。 Selectors API が使えるブラウザ 2008 年 3 月 6 日現在の一覧 WebKit Build Archives | WebKit (開発版の Safari) Windows | Official Site for Microsoft Windows 10 Home & Pro OS, laptops, PCs, tablets & more (IE8 の Beta 版) Selectors API とは Selectors API とは W3C で定義された仕様です。詳細に関してはこちらをどうぞ 簡単に説明すると getElementsByTagName や getE
CGIにJavaScriptを使ってみる! - kwitknr - builder by ZDNet Japan
JavaScriptといえば「ブラウザで動くもの」って思いこんでしまっている人も少なくありません。 でも最近「サーバーサイドJavaScriptの標準化」なんて話もあるようで。 単なる言語だからクライアントだ、サーバーだってこともないと思うんだけど、マーケティング的な問題なんでしょうかね、こういうのも。 遠い目になって思い出すとCGIがはやり始めたころ、NetscapeのWebサーバーでサーバーサイドJavaScriptの仕事をしたことがあります。（というか主には部下にさせたんだけど） その後はApacheが主流となる中、サーバーサイドJavaScriptはどこかにフェードアウト。 そういやあのころはLiveWire、LiveScriptだったかも。 まぁそれはともかく、HTML+JavaScriptで処理を書くと入力値のチェックもしたくなります。 でもクライアント側で実行されるJavaS
JavaScriptを活用した軽快なポータルを作るためのフレームワーク「jPolite」:phpspot開発日誌
Lightweight jQuery Portal JavaScriptを活用した軽快なポータルを作るためのフレームワーク「jPolite」. iGoogleみたいなポータルを作るようなjQueryベースのフレームワークです。 デモページ タブをクリックで画面が軽快にアニメーションでいい感じに切り替わります。 ページ内には小窓がコンポーネントとして登録できて中身に自由にHTMLが記述できます。 各ページは、１ページあたり１枚のHTMLモジュールとしてJavaScriptで定義できて、非常に簡単かつシンプルにポータルが作れるフレームワークになっています。 JSでモジュール定義の例 var _modules={ m101:{l:"m101.html", t:"Motivation", c:"red"}, m102:{l:"m102.html", t:"Philisophy", c:"yello
Google、JavaScript APIを手軽に試せる「AJAX API Playground」を公開
Googleがオープンソース開発者向けにAPI情報の公開やさまざまなサポートを行っている「Google Code」で、Google AJAX APIのサンプルコードをウェブ上で手軽に試すことができる「AJAX API Playground」が公開されて話題を呼んでいる。 Googleがオープンソース開発者向けにAPI情報の公開やさまざまなサポートを行っている「Google Code」で、Google AJAX APIのサンプルコードをウェブ上で手軽に試すことができる「AJAX API Playground」が公開されて話題を呼んでいる。GoogleのエンジニアであるBen Lisbakken氏が20％タイム（*1）で開発し、1月21日に「Google Code Blog」の「Playing around with Google's AJAX APIs」というエントリで発表した。 AJAX
インストール不要！Web制作者必見のCSS解析ツール
「優れたCSSレイアウトのマークアップを研究したい」「制作途中のWebページの表示不具合の原因を探りたい」――そんなときに使えるツールといえば「Firebug」や「Web Developer」がおなじみだ。これらのツールはCSSや（X）HTMLの確認だけでなく、その場で編集したり、JavaScriptのデバッグもできるスグレモノ。だが、もっと最低限の機能だけを手軽に使いたい、というケースもあるだろう。 （X）HTMLの構造やCSSのプロパティのチェックに特化したシンプルなツールが「XRAY」だ。Webブラウザーに登録して使うJavaScriptブックマークレットのXRAYは、アドオンをインストールする必要もなく、機能が絞られている分、動作も軽快だ。 事前準備は、作者・Westcivのページにアクセスし、「XRAY」と書かれたボタンをブックマークに登録するだけ。FirefoxやSafariな
jmblog.jp - IEでa要素以外に:hover擬似クラスを適用させる
IE6以下では、:hover擬似クラスが <a> 以外では適用されません。が、この問題の解決策が紹介されているサイトを発見しました。 » WEBFACTORY ::: BLOG: IEでhoverをa以外に効かせる » Hackadelic: csshoverを使ったWeb StandardなCSSコーディング それぞれで紹介されているとおり、Whatever:hover で配布している csshover.htc というスクリプトを使えば、IEでもいろんな要素に:hoverを適用させることが出来ます。（ダウンロードの場所がちょっとわかりづらいですが、Changes のなかにあります。） 使い方は、css で以下のように書くだけ。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Create a new fiddle - JSFiddle
URIエンコード（URLエンコード） | Diaspar Journal
JavaScriptでの正規表現を覚えたいときに激しく使えるチートシート - IDEA*IDEA ～ 百式管理人のライフハックブログ
JS Bin
