移動しました。 http://ginpen.com/2011/01/01/begin-js/
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を使って自動で色分けしてくれるようなツール。 元
今日の内容 JavaScriptを勉強し始めくらいの人を対象にしたJavaScript入門講座的なもの 文法とかは調べればわかるのでふれません 一人で勉強してもわからなそうな概念などを重点的に説明します ライブコーディングするのでJavaScriptってこんな感じて作るんだなーというのがわかってもらえればと アジェンダ JavaScriptを勉強する前に JavaScriptの基礎知識 ライブコーディング part1 jQueryの基礎知識 ライブコーディング part2
Chrome Experiments is a showcase of work by coders who are pushing the boundaries of web technology, creating beautiful, unique web experiences. You'll find helpful links throughout the site for creating your own experiments, and you can also explore resources like WebGL Globe and our workshop of tools.
「Polymaps」はタイル画像とSVGとJavaScriptを使って作られた地図表示用のライブラリです。 お手軽に地図を載せたい場合にはGoogleマップの方が良いかと思いますが、 もっと凝った地図にしたい場合に良さそうです。 一部データは欧米でしか使用できないようですが、面白そうなライブラリなのでご紹介。 詳しくは以下 地図のサンプル サンプルにあったものをいくつかご紹介。 ■ 真夜中の地図 デモ ■ インターネット使用率 デモ ■ Flickrの使用率 デモ 実装コードもシンプルに設置可能になっています。 var po = org.polymaps; var map = po.map() .container(document.getElementById("map").appendChild(po.svg("svg"))) .add(po.interact()) .add(po.h
JavaScript Library Archiveについて JavaScriptライブラリをまとめたサイトです。用途別に探すことができ、配布元、使用方法、ライセンスなどについて解説をしております。 新着JavaScriptライブラリ プログラムのコードに色を付ける「google-code-prettify」 角丸を表現する「jQuery Corners 0.3」 jQueryベースのカラーピッカー 「Farbtastic」 水平方向のアコーディオンメニュー「horizontal accordion」 セレクトボックスをカスタマイズする「Script.aculo.us Select Box」 IE6でhover,active,focus擬似要素を使う為の「csshover」 画像に光沢を与えるjsライブラリ『Glossy.js』 IE6以下をIE7と同じようにするライブラリ『IE7.js』
リスト要素の項目をフェードやスライドのアニメーションで表示するシンプルなティッカーのスクリプトを紹介します。 Super simple jQuery ticker デモページ デモではリスト要素の各項目が自動で次々に表示され、スクリプトのオプションでは表示方法(フェード・スライド)とアニメーションのスピードが設定できます。 実装はシンプルで、HTMLは下記のようになります。 HTML 「id="fade"」は変更可能です。 <textarea name="code" class="html" cols="60" rows="5"> <ul id="fade"> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> <li>Fourth Item</li> <li>Fifth Item</li> </ul> </textar
竹取 JSはJavaScript製のオープンソース・ソフトウェア。Webの世界(というよりもコンピュータの世界)では横書きが標準になっている。ずっと見続けていると、いつの間にか違和感がなくなっているが日本語は基本的に縦書きだ。 横書き文章をJavaScriptで縦書きに ワードプロセッサなどでは縦書きモードもあるが、それをそのままWebに反映するのは難しい。長音記号やカギ括弧などそのまま縦向きにしても使えない文字もある。そうした点を網羅した縦書き表示ライブラリが竹取 JSだ。 竹取 JSの面白いのは標準の左から右に書かれる文章をJavaScriptを使って縦書きにしている点だ。さらにそれだけでなく、長い文章の場合はスクロールが出るのだが、標準の上から下のスクロールで読み進めることが出来る。 強調は傍点に! ルビ表示にも対応し、さらに強調表示は傍点になる。下線は左側に表示されたり、リストや画
Come creare il miglior gioco da casinò Quando si progetta un gioco da casinò, la prima cosa che devi considerare è che tipo di gioco sarà. Ci sono molti diversi tipi di giochi da casinò, dalle slot e video poker ai giochi da tavolo e giochi di carte. Dovrai decidere quale tipo di gioco si adatta meglio alle tue esigenze. Ogni tipo di gioco ha il proprio set di regole e regolamenti, quindi dovrai a
25 Creative Single Page Websites With Awesome JavaScript Effects By Vikas on May 12th, 2010 in Inspiration Save On Delicious Share Today, we are going to present 25 single page websites designs using JavaScript effects. Now-a-days, single page website design is the favorite topic among the designers. These single page websites have creative and awesome JavaScript effects. These effects makes yo
画像やswfなどをかっこよくオーバーレイで表示したい。 そんなときにおすすめなのが、『31 mind blowing collection of jQuery light box』。かっこいい画像オーバーレイ表示スクリプト集です。 いいものが揃っているので、いくつかご紹介します。 Milkbox オーバーレイのスライドショーが作成できるMilkbox。swfも読み込めます PrettyPhoto 角丸デザインで、動きも美しいPrettyPhoto。swfやYouTubeなども読み込めます SuckerFish HoverLightbox マウスオーバーで一覧表示されるギャラリーを作成できるSuckerFish HoverLightbox Moo Multibox ヒュイーンと移動して拡大されたり、ぱたっと畳まれて縮小する等、細かい動きを演出したMoo Multibox moo.Playgr
Prereqs Requires the jQuery Library as well as the Easing plugin. <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js'></script> <script type='text/javascript' src='js/jquery.easing.1.2.js'></script> <script type='text/javascript' src='js/jquery.circulate.js'></script> Usage / Options / Defaults $("#anything).circulate({ speed: 400, // Speed of each qu
データのライブアップデートによるアニメーション効果もつけれるようで、オリジナルのグラフを作成する事ができます。 デモ デモ デモ データはjson形式で渡せるようです。 かなり効果的に見せる事ができそうですね。
こんにちは。 Sorasolな人々のRyusuke@デザイナーです。 初登場です。 最近の案件ではAjaxやXMLといった技術を盛り込む機会が多くなってきましたので エンジニアの手を煩わす事無くそういった機能を追加するために日々勉強をしています。 JavascriptでCSVを読み込む方法は今迄も各所で紹介されていますが、総じて以下の問題があると考えます。 S-JISのファイルを読むと文字化けをする IEやFirefox、Safariで挙動が異なる。 XMLHttpRequestにおいて特にSafariで文字化けはひどい 文字コードの変換にPerlや、PHP等と連携が必要になる 筆者は某サイトにおいて、Javascriptを使用してCSVを読み込むという機能の実装をまかされたのですが、Excelで作成したCSVファイルはSJISで記録されているため、Safariで文字化けるという問
「SproutCore」はAppleのMobileMeで使われているオープンソースのJavaScriptフレームワークです。 デスクトップアプリ風のUIをこのフレームワークだけで作れるようです。 先日、ついにメジャーバージョンがリリースされたようなのでご紹介します。 詳しくは以下 デスクトップのようなUIを構築できる SproutCoreを使用する事で、様々なUIを構築可能になります。 デモ FlashやSilverlightとくらべるとブラウザだけで動作する利点があるJavaScriptですが、こういったアプリが作成できるようになると利用用途も増えていきそうですね。 jQuery,ExtJS,YUI,Prototypeなどのライブラリと同時使用もできるようです。 興味のある方はぜひダウンロードしてみてください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く