コードのシンタックスハイライトをリアルタイムで行うjavascript「CodePress」
twitter facebook hatena google pocket コードを要素などに応じて色分けするのをシンタックスハイライトといいます。 制作物を公開する際に、わかりやすく表示することができます。 CodePressは、単純にハイライト表示するだけでなく、書き込んだコードもリアルタイムで色を付けてくれます。 sponsors 使用方法 CodePressからzipファイルをダウンロードし、全てアップロードします。 そして以下を記述すれば完成です。 <script type="text/javascript" src="http://yourdomain/codepress/codepress.js"></script> <textarea id="id名" class="codepress 言語"> 言語にはHTML、CSS、JavaScript、Perl、PHP、java、s
シンプルな図や円を手軽に描けるjavascript「Library for simple drawing with jQuery」
twitter facebook hatena google pocket 線で丸や四角などの図をWebでも描きたいと思う人は多いでしょう。 しかし、これまでWebで完結するのは簡単にはいかないことが多かったです。 Library for simple drawing with jQueryは、線や丸、四角などのシンプルな図形を簡単に描くことのできるjavascriptです。 sponsors 使用方法 Library for simple drawing with jQueryからjquery.wz_jsgraphics.jsをjQueryからjquery.jsをダウンロードします。 <script src="http://yourdomain/jquery.js" type="text/javascript"></script> <script src="http://yourdoma
JavaScriptで図形を描くHTML要素「Canvas」の実例
JavaScriptを使ったAJAXが昨年前半まで大いに注目を集めていましたが、その根本になったJavaScript自体は古くからあり、AJAXというのは新しい応用法みたいな側面が非常に強かったのが特徴です。 しかし今回紹介する「Canvas」要素はそういうのとは明らかに一線を画しています。グラフの描画、写真合成、アニメーションなどが可能で、実際にはMac OS X のDashboardに初導入されています。そのため、サポートしているブラウザはSafariとFirefox 1.5以降のGecko1.8ベースのブラウザ、それからOpera9となります。また、この「Canvas」要素は「HTML 5」としても知られるWhatWG Web applications 1.0仕様の一部でもあるそうです。 といろいろ書いても実感がわかないと思うので、いろいろな実例を見てみましょう。 まずは簡単なフレー
ちょっと小粋なCSSのナビゲーションメニュー「ADxMenu」 - GIGAZINE
WindowsXPやOfficeXP風のメニュー、シンプルなメニュー、ミニタブ型、横に展開するタイプなど、いろいろな幅広い応用が可能です。 例とコードのダウンロードは以下から。 ダウンロードや設置方法は以下のページから。 aplus :: ADxMenu http://www.aplus.co.yu/adxmenu/intro/ 実際の例は以下にあります。 http://www.aplus.co.yu/adxmenu/examples/ 例その1：WinXP style http://www.aplus.co.yu/adxmenu/examples/winxp/ 例その2：Simple style http://www.aplus.co.yu/adxmenu/examples/simple/ 例その3：Minitabs http://www.aplus.co.yu/adxmenu/exam
たった2行でテーブルの表を見やすくするjavascript「Tablecloth」
twitter facebook hatena google pocket 表はデータをわかりやすく表示します。 Webサイトではテーブルを使用して作成することが多いですが、デザインを見やすくするのは難しいです。 Tableclothは、js、cssのファイル2つを記述するだけで非常にわかりやすい表を作成してくれます。 sponsors 使用方法 Tableclothからファイル群をダウンロードし、以下のように記述するだけです。 <script type="text/javascript" src="http://yourdomain/tablecloth.js"></script> <link href="http://yourdomain/tablecloth.css" rel="stylesheet" type="text/css" media="screen"> あとは、ごく普通に
横浜中華街 チャーハンランキング
場所は怪しい昭和の雰囲気プンプンのニュー新橋ビルの地下にある。 何故か方向感覚が失われるビルで有名。（←自分だけかww） メニューにはチャー王セット（980円）の１つだけ。限定150食。 「極上チャーハンの美味しい召し上がり方」の説明もあったりして、チャーハンに対する熱い想いが伝わってくる。 具材はたまご、ネギ、かまぼこくらいとシンプル。ご飯の味だけで勝負してるところが自信の表れだろう。 チャーハン王の極上チャーハン 水分少なめの固めのご飯。油っこくなくてパラパラ系。スプーンを入れるとハラハラとご飯が崩れ ... 「らーめん三吉」は場所は新橋駅から徒歩5分ほどにある銀座ナイン2号館の地下にある。 銀座ナイン2号館の地下には、昔ながら風の洋食屋さん、雰囲気の良い家庭料理屋さん、メニュー写真からしてとても美味そうな焼き魚さんなど魅力すぎるお店がたくさんある。 「らーめん三吉」は、昭和50年から
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScript++かも日記 - 1997年からの
ベスト・オブ・常習者サイト2007 ｉｎ はてな - ここにいるだれか