How to Write an Open Source JavaScript Library
Publishing a JavaScript library for public use requires some extra steps. You need to think about how people will use the library. From end users, to contributors your library now has a variety of people outside of yourself potentially making use of the code that you've released into the wild. From Github and npm, to releasing beta versions, semantic versioning, code coverage, continuous integrati
Bootstrapベースのサイトでサイトの使い方をステップ別にオーバレイ表示できる「Bootstro.js」:phpspot開発日誌
Bootstrapベースのサイトでサイトの使い方をステップ別にオーバレイ表示できる「Bootstro.js」 2013年04月04日- Bootstro.js Bootstrap Intro.js Bootstrapベースのサイトでサイトの使い方をステップ別にオーバレイ表示できる「Bootstro.js」。 サイト上の要素をハイライトさせて説明を吹き出しで表示することが出来るBootstrapベースのライブラリ。 サイトで何をやったらいいか分からない、というユーザ向けの分かりやすいチュートリアルをBootstrapベースのサイトで実現出来ます ますますBootstrapが便利になりますね 関連エントリ Bootstrapのテーマで良い感じに動くオートサジェスト実装jQueryプラグイン「MagicSuggest」 BootstrapをベースとしたフリーのUIKit「Flat UI」 Goo
Bootstrapベースのサイトに素敵なチュートリアルを·Bootstro.js MOONGIFT
Bootstro.jsはBootstrapを使ったWebサイトにチュートリアル機能を提供するライブラリです。 Bootstrapを使ったWebサイトを作って、そこにチュートリアルによる説明を追加したいならば使って欲しいのがBootstro.jsです。カスタマイズも対応した素敵なチュートリアルが実現します。 チュートリアル開始です。ここで終わることも次に進むこともできます。 説明の出る場所は上下左右にできるようです。 表示場所は適切に設定されます。 キーボードショートカットにも対応しています。 Bootstro.jsはタイトル、説明文、幅、ステップなどをdata-*として指定します。また、次のステップや終わらせた場合などのイベントに合わせて別なコードを実行することもできます。サイズは3.0KB程度で軽量なのも魅力です。 Bootstro.jsはJavaScript製のソフトウェア（ソースコー
今日から始めるCoffeeScript - KAYAC Engineers' Blog
こんにちは。毎年花粉症になりかけている飯塚です。 最近のNode.jsの普及などによってサーバサイドJavaScript界隈が盛り上がっています。 そんなホットなJavaScriptをラクにかつエレガントに書くためのCoffeeScriptという言語をチュートリアル風に紹介します。 何かしらのライブラリを自分で書く程度にJavaScriptで開発している人は絶対に使ったほうがいいと思います。 JavaScriptを知っていれば1-2時間程度で十分駆使できるようになります。 （2011/6/28：@m_satyr様にご指摘頂いた箇所を修正しました。） 目次 CoffeeScriptとは？ インストール Hello World 構文 関数 変数展開 Objectの生成 ループ 存在チェック ヒアドキュメント thisのバインド クラス 無名関数 {var} Tips ?の使い分け 存在チェック
【レポート】jQueryテストスイート「QUnit」がスタンドアロン化! 使い方を早速チェック (1) QUnitとは? | エンタープライズ | マイコミジャーナル
jQueryでユニットテストをおこなう - QUnitとは 高機能・軽量のJavaScriptフレームワークで、デベロッパにも人気の高いjQuery。そのjQueryをベースとしたテストスイートに「QUnit」がある。 QUnitはJohn Resig氏とJorn Zaefferer氏が中心となって開発をおこなっているユニットテスティングフレームワーク。デベロッパはQUnitを使うことで、jQueryを使ったJavaScriptコードを書くように、簡単にテストを記述できるようになる。同ライブラリはjQueryと同じく、The MIT LicenseとGNU GENERAL PUBLIC LICENSE Version 2のもとで公開されている。 去る9月29日(米国時間)、開発者であるJohn Resig氏はTwitter上で次の3点をアナウンスした。 QUnitはjQueryに依存した実
ASCII.jp：IllustratorもJavaScriptで自由自在に！｜古籏一浩のJavaScriptラボ
JavaScriptやPythonなどのスクリプト言語を使ってアプリケーションを制御するのは、いまや珍しいことではありません。本連載の第3回では、Photoshop上で動くJavaScriptについて紹介しましたが、アドビのアプリケーション（旧マクロメディア製品を除く）でもっとも早くJavaScriptに対応したのが「Illustrator」です。Illustratorは2001年に発売されたバージョン10からJavaScriptによる制御に正式に対応し、それまで手作業でしていた面倒な処理を自動化できるようになりました。 今回は、IllustratorをJavaScriptで制御する方法について紹介します。最終的には作例として「百ます計算」の表を完成させます。百ます計算とは、左側と上側にある数値の合計を10×10のマス目に記入していくもので、集中力を高める手法として小学校などで使われていま
2008年、ウェブのデザイナー・開発者がおさえておきたいリソース集 | コリス
2008年、ウェブのデザイナー・開発者がおさえておきたいデザイン、Photoshop&Illustratorのチュートリアル、ブラシやベクター素材、JavaScript、CSS、WordPress、タイポグラフィ、フォント、素材、リソースなどをnoupeのエントリーから紹介します。 2008 Most Popular Design posts, Tutorials and Resources デザイン関連 Photoshopのチュートリアル関連 Illustratorのチュートリアル関連 Photoshop&Illustratorのブラシやベクター素材 JavaScript関連 WordPress関連 CSS関連 フォント&タイポグラフィ関連 ツール&素材関連 デザイン関連 42 Awesome Business Card Designs 20 Beautiful HDR Pictures
App Store登録もOK！JavaScriptで作るiPhoneアプリ
Webアプリケーションは、傾きセンサやGPSからの情報取得やバイブレータ動作などのOSの機能の利用に制限があります。また、オフラインでの動作ができません。 開発の容易さは、若干主観めいてしまいますが、コンパイルが必要でメモリ管理も必要なネイティブアプリに比べて、Webブラウザでリロードするだけで最新のコードをテストできて、基本的にメモリ管理も不要なWebアプリケーションに軍配が上がります。 ネイティブアプリケーションの最大のメリットは、「App Storeでの配布ができる」ことで、多くのユーザーが集まるApp Storeでアプリケーションを配布でき、さらには課金もできてしまう点です。 ローカルWebアプリという第3の選択肢 前段の機能比較表に「ローカルWebアプリケーション」という項目があります。これは、Safariでオンライン中に所得したHTML、CSS、画像データなどを保存して、オフラ
django - javascript 間を JSON でやりとりする - 記憶は削除の方向で
ちょっと必要にかられたのでやってみたら、思ったより手間取ったのでメモしておく。 手間取った理由その１ 0.97pre-SVN-6883 だと、django.utils.simplejson でモデルオブジェクトを JSON にできなくなってる。0.96のころはできたように思うんだけど。unicodeブランチのマージの影響か？仕方ないので django.core.serializers でシリアライズしてみたら、JSONとしては使いずらい結果になる。まあシリアライズだから当然か。子要素が展開されずにIDだけというのも困りもの。DTO的に使うのは不向きっぽい。 悩んでてても解決しそうになかったので、HTMLと同じようにJSONもテンプレートでレンダリングすることにした。同じようなことを考える人はいるもので、Django snippets にいいのがあった。 Django snippets: r
第6回 イベントハンドラから脱却しよう
今回はイベントについて学んでいきましょう。JavaScriptによるアプリケーションを作成するうえでは，イベントは欠かすことができない要素です。 ここでは，旧来より使われてきたイベントハンドラのおさらいと，イベントハンドラの問題点を考察します。そして，イベントハンドラに置き換わるW3C DOMイベントモデルの基礎を学んでいきます。 イベントとは イベントとは，ブラウザ上で発生した出来事全般のことを表します。例えば，ブラウザに表示された画面上でマウスをクリックしたり，テキストボックスに文字を入力するといったように，閲覧者が何か操作したときにイベントが発生します。また，HTMLがブラウザに読み込まれたり，別のページに移動したという現象もイベントとして認識されます。 まずはじめに，旧来より使われてきたイベントハンドラについておさらいしましょう。 イベントハンドラ イベントをJavaScriptで
【ハウツー】ゼロからはじめるThickBox 3 - 画像もHTMLファイルもスイスイ表示 (1) ゼロからはじめるThickBox 3 - 画像もHTMLファイルもスイスイ表示 | パソコン | マイコミジャーナル
ThickBox 3とは? ThickBox 3はAjax(非同期通信処理)を利用して画像を表示するライブラリです。同じようなライブラリとしてはLightbox)が有名ですが、Lightboxはprototype.jsライブラリを利用しているのに対し、ThickBox 3はjQueryライブラリを利用しています。ThickBox 3の画像は単独の表示だけでなく、複数画像をグループ化してスライドとして表示させることもできます。また、画像だけでなくHTMLファイルなども表示させることができるので、いろいろ応用できそうです。Lightboxと比べてもThickBoxの方がプログラムサイズがコンパクトなことも魅力です。 ThickBox 3の大きな特長としてスクリプト(プログラム)を記述しなくてよいという点があります。つまり、全くプログラムが分からない人手も気軽に使うことができます。ThickBo
AddDojoEditor – Django
Add Dojo Editor This document describes how to add the Dojo Rich Text Editor (Editor2) to the Django Admin-Interface. Warnings According to #1099, the `admin.js` option will be going away in favor of overriding admin templates, so this approach will have to be modified somewhat when that happens. Unfortunately, multiple Editors on one site is currently not working with Editor2. Install Dojo Downl
[jQuery]を使いマウスオーバーした時に画像をフェードさせる (ウェブのあれこれ格納庫)
ウェブのあれこれ格納庫 » Javascript » [jQuery]を使いマウスオーバーした時に画像をフェードさせる [jQuery]を使いマウスオーバーした時に画像をフェードさせる Javascript ライブラリといえば【Prototype】ばかり使ってたけどたまには･･･ということで【ｊQuery】を使ってみた。 使ってみたと言っても今回はエフェクト機能を使って画像にフェード効果をつけるだけのシンプルなものだけど、これがまた結構簡単にサクっと完了。･･･んで、これだけじゃさすがに物足りないと思ったからついでに【Thickbox】も追加。 う～ん、少しは画像ギャラリーらしくなったかな(-∀-;?? サンプル：http://web.hirot.jp/sample/jquery/fade/ そんなワケで今回は【ｊQuery】を使ったフェード効果の覚書。 まずはじめに注意書きだけど、
【ネオわらびはだ】悪い口コミや評判は本当？実際に使って効果を検証！
ネオわらびはだとは？ ネオわらびはだは、これ１つで化粧水・美容液・クリーム・化粧下地の役割を果たすオールインワンジェルです。 「抗シワ試験済み」なので美容整形と同じレベルで、顔のシワ・ほうれい線を消す効果が認められているすごい化粧品です！ また、ボタニカル（=植物から作られている）であるため、肌に悪いものが一切入っていません。 そのため、敏感肌・肌の弱い人・添加物が嫌いな人でも、安心して使うことができる数少ない化粧品です。 実際の使用者からの支持率は圧倒的で、「楽天フランス」で、年間売上のランキング１位を獲得！ 「ネオわらびはだ」という名前の由来は、沖縄の方言で「わらび＝子供」「子供のような肌」になれる、という意味から名づけられました。 実際に使った人たちからは、 「顔のシワやほうれい線が消えたから、すごく若返って見える♪」 「コスパ最高!! 安いのに、効果がすごい！！」 「お肌がキレイだ
ゼロからはじめるpager - Web文章をらくらく分割してみよう (1) pagerとは？ | パソコン | マイコミジャーナル
pagerとは？ pagerは長文を区切ってページとして表示させることができるライブラリです。ブログやサーチエンジンなどのテキスト形式のコンテンツなどでページ番号が記されたサイトを見たことがあるのではないでしょうか。ページ単位でテキストコンテンツを区切ると、見やすくなり整った印象を与えるサイトになります。 「pagerで区切ったテキストコンテンツ」 pagerはAjaxライブラリの1つであるjQueryのプラグインとして提供されています。このため、pagerを使用するにはjQueryライブラリが必要になります。まずはjquery.pager.jsを以下のURLからダウンロードします。 http://rikrikrik.com/jquery/pager/scripts/#download 「jquery.pager.jsのダウンロードサイト」 ページの一番下にある「Download」の部分の
【ハウツー】"重たいJavaScript処理"もこれで解決! - Google Gearsのワーカプールを試す (1) Google Gearsのワーカプールとは | エンタープライズ | マイコミジャーナル
Google Gearsのワーカプールとは Webアプリケーションをオフラインでも使用可能にする「Google Gears」。発表から一週間以上が経過し、Gearsを使用したWebアプリケーションもすでに登場してきている。Webアプリケーション開発者にとって「無視することができない技術」だと言えるだろう。本誌でもそうした方々のお役に立てるよう、これまで二度に渡ってGoogle Gearsを用いたプログラミング方法をご紹介してきた。 Google Gearsに含まれる機能は、大きく「ローカルサーバ」「データベース」「ワーカプール」の3つに分けられる。 ローカルサーバは、Webページに関わるリソース(HTMLファイル、JavaScriptファイル、画像ファイル、スタイルシート…など)をクライアントマシンにキャッシュしておく技術だ。ネットワークに接続していない環境でもページを表示することができ、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Site Under Maintenance
Loading...
http://kishi-r.com/jquery_sample/
http://tutorialblog.org/25-code-snippets-for-web-designers-part6/