JavaScriptのオススメのユーティリティ(配列・文字列・日付)ライブラリを紹介します。Read less
JavaScriptのオススメのユーティリティ(配列・文字列・日付)ライブラリを紹介します。Read less
There are many scripting and coding websites that you can visit to help you with your website. There are many scripts that you can download too. Developers these days are constantly filling the internet up with free resources and we are sure they have your gratitude. Many of the codes the developers are using these days are written in JavaScript or some other language. The best thing about putting
Tutorial demos さまざまな基本となるアニメーションのユニット集。 [ad#ad-2] jsMorphの実装 外部ファイル 当スクリプトを外部ファイルとして指定します。 <script src="js/jsMorph_min.js" type="text/javascript"></script> JavaScript jsMorphの基本書式です。 var myMorph = jsMorph( Object obj, // HTML element, Array of elements or elementCollection that are rendered Object prop, // css properties of end position [Object params], // parameters that influence the motion (dur
久保田です。最近KnockoutJSというJavaScriptフレームワークを勉強しています。 KnouckoutJSはjQueryの上に構築されているフレームワークです。jQueryのみ使うのと比べてKnockoutJSを利用すると、ウェブページ上のインタラクションを圧倒的に簡単に記述できます。この記事では、簡単にKnockoutJSの概要を説明し、KnockoutJSを用いたデモを紹介します。 このフレームワークの特徴としてあるのは、HTML内に宣言的な記述を埋め込むことでインタラクションが実装できることです。HTML5のカスタム属性(data*属性)を用いて、その要素に関する処理を宣言してきます。裏側の処理は、JavaScriptでViewModelを定義し、そこにビューが必要とする値を管理します。 例えば、あるチェックボックスにチェックを入れると下の要素がトグルする簡単な例は、以下
TwitterやFacebookへのログイン機能をこれ１個で実装できるPHPライブラリ「HybridAuth」 2011年08月22日- HybridAuth, Open Source Social-Signle-Sign-On Solution for authentication through Facebook, Twitter, Google, Yahoo, MySpace, LinkedIn, AOL, Vimeo, FourSquare, OpenID and other Identity providers TwitterやFacebookへのログイン機能をこれ１個で実装できるPHPライブラリ「HybridAuth」 Facebook, Twitter, Google, Yahoo, Windows Live, MySpace, LinkedIn, FourSquare, O
スマフォ向けサイト最適化にも使えそうなブラウザ幅に応じCSSが切り替えられるJSライブラリ「Adapt.js」 2011年04月19日- Adapt.js - Adaptive CSS スマフォ向けサイト最適化にも使えそうなブラウザ幅に応じCSSが切り替えられるJSライブラリ「Adapt.js」。 見ているユーザによってディスプレイのサイズなんかはまちまちで、ブラウザのサイズも結構違いますね。 このフレームワークを使えば、幅が600〜800px は a.css、800〜1200px の場合は b.css のように使い分けるのが容易になります。 端末の違いなんかもCSSによって分けてしまえると、プログラム的な無駄な分岐を省けて綺麗に作れますね。 ここら辺の分岐を簡単な使い方で勝手にやってくれるのがAdapt.js。スマートフォン向けサイトなんかにも使えます。 iPhoneだと縦で大体320p
「Cached Commons」はGithubにあるJavaScriptライブラリを集めているサイトです。 みんなでGithubにあるライブラリを呼び出して、ユーザーにキャッシュしてもらおうというプロジェクトです。 サイトの高速化につなげる事ができますね。 Google Ajax Librariesと一緒？ 基本的な考え方はGoogle Ajax Librariesと一緒ですね。 サーバーにアップしなくても良いので、サーバー側の負荷減少にもなるかと思います。 jQueryのプラグインなど豊富にそろっているので、GoogleのAPIより一枚上手かもしれません。 Githubで公開しているライブラリを申請すれば加えてくれるのもポイントです！ 他のライブラリもGithubで開発・公開すれば良いのにと思わずには居られませんねw
SEO的にも問題の無い縦書きのコンテンツを作りたい。そんな時に便利なのが、今回紹介するjavascriptライブラリ「竹取JS」です。javascriptで指定されたブロックを縦書きに変換してくれます。 HTMLのみで縦書きというのは非常に面倒でしたが、これなら気軽に縦書きコンテンツを作れそうです。 詳しくは以下 上記のように文字だけではなく、リストや、取り消し線、テーブルなど様々なHTMLで創られた基本要素を縦書き化してくれますので、従来のサイトの構造を保ったまま縦書きのコンテンツを制作することが可能です。また切り替えボタンやダブルクリックで横書きへ瞬時に切り替わる機能も実装されています。 対応ブラウザはInternetExplorer5.5+ / Firefox3.5+ / Safari3.2+ / Chrome3.0+ / Opera10.5+と幅広いブラウザで利用可能。ライセンスは
Google Code に縦書き文庫の組版エンジン、涅槃（ねはん）を公開しました。 これを使えば（FC2のようにJavaScriptが使用可能で、テンプレートが編集できるブログなら）誰でも簡単に縦書きブログを作ることが出来るので、ここにやり方を書いておきます。 step1 まずはこちらから最新のソース（nehan-1.0.zip）をダウンロードして解凍し、中のnehan.jsとimgフォルダに入っている画像全てをサーバーにアップロードします。ここでは仮に、 nehan.js が /js/nehan.jsにアップされ、 charフォルダ内の文字画像がパス /imgの中にアップロードされた、 と仮定します。 step2 あとはブログのテンプレートにて</head> の直前に次のような黒魔術を刻み込めば準備は完了です。 <script charset="utf-8" type="te
Mastering the Code Things We Wish We Knew Much Earlier In Our Career - Articles, Tips, Inspirations, Sources and Resources for web designers and developers Watch video Hello, coders! Computer Science became one of the top professions and hobbies in the past two decades. Many people, especially website developers, are drawn to learn at least one programming language that will back up their written
GoogleにホスティングされているjQuery等の便利JSタグを一瞬でコピーできる便利サイト「ScriptSrc.net」 2010年04月28日- jQuery google api and other google hosted javascript libraries. - ScriptSrc.net GoogleにホスティングされているjQuery等の便利JSタグを一瞬でコピーできる便利サイト「ScriptSrc.net」。 jQueryを使うサイトでは、通常、自分のサーバにjQueryをアップロードして、<script>タグ書いて、srcでその位置を指定して、なんていう面倒なステップを踏むわけですが、このサイトにアクセスしてボタンを１回おせば、利用用のタグがクリップボードにコピーされます。 コピー例：<script type="text/javascript" src="htt
名前やメールアドレス、住所等、大量のダミーデータが作れるJSライブラリ「Faker.js」 2010年05月20日- Marak's Faker.js at master - GitHub 名前やメールアドレス、住所等、大量のダミーデータが作れるJSライブラリ「Faker.js」がGithubにて公開されています。 生成できるデータは英語になりますが、それなりに使えそうです。 ライブラリを読み込んだ後、「Faker.Name.findName();」のようにコードを実行すればダミーの名前が取得出来ます。 メールは「Faker.Internet.email(); 」のように実行すれば生成されます 他にも以下のようなデータが生成出来るみたい。 Faker.Address.zipCode() - zipコード Faker.Address.city() - 都市名 Faker.Address.s
「SproutCore」はAppleのMobileMeで使われているオープンソースのJavaScriptフレームワークです。 デスクトップアプリ風のUIをこのフレームワークだけで作れるようです。 先日、ついにメジャーバージョンがリリースされたようなのでご紹介します。 詳しくは以下 デスクトップのようなUIを構築できる SproutCoreを使用する事で、様々なUIを構築可能になります。 デモ FlashやSilverlightとくらべるとブラウザだけで動作する利点があるJavaScriptですが、こういったアプリが作成できるようになると利用用途も増えていきそうですね。 jQuery，ExtJS，YUI，Prototypeなどのライブラリと同時使用もできるようです。 興味のある方はぜひダウンロードしてみてください。
米Googleは3月11日、正規表現ライブラリ「RE2」を発表した。動作が高速で「スレッドフレンドリー」な点が特徴。従来のバックトラック型正規表現ライブラリの代替として開発を進めていく。 Googleによると、同社はCode SearchやSawzallといったインフラやアプリケーションで正規表現を利用しているが、バックトラックアルゴリズムを利用した従来の正規表現実装では入力データに対し処理時間が指数的に増加することが問題となっていた。また、固定サイズのスタックを持つC++のマルチスレッドプログラムの場合、従来の正規表現実装ではスタックを使い切ってスタックオーバーフローを発生させることがあったという。これらを解決するために独自の正規表現エンジンを開発したとのこと。 RE2はどのような入力や正規表現に対しても一定の小さいメモリ量で動作するように開発されているのが特徴。オートマトン理論の下、処
htmlSQLよりアツい!?jQueryみたいにセレクタでHTMLをparse(解析)する「PHP Simple HTML DOM Parser」 今週はてブでも大人気を博した記事「真面目にエロサイトを作ってみた【プログラマ編】｜ASTRODEO」や、IDEA*IDEAさんでも紹介されていた、PHPでHTMLをparseするライブラリ「htmlSQL」ですが、解析するHTMLを指定するにはSQLちっくな書き方をするので、SQL自体に触れる機会の少ない方には手を出しにくいシロモノです。 SQLわかんないです＞＜ もっとカンタンにparseしたいぉ☆ってゆー方に全力でゴリ押ししたいのが、今回紹介するMITライセンスのPHPライブラリ「PHP Simple HTML DOM Parser」です！ PHP5で書かれたこの「PHP Simple HTML DOM Parser」の最大の特徴は、解析し
JavaScriptでフォームの値をリアルタイムにバリデートするライブラリまとめ。 バリデートするライブラリも沢山でてきました。とここら辺で一度まとめておきました。 Really easy field validation (デモ) - 入力値がおかしいと、エラーメッセージをフェードインさせながら超クールに表示できます。 ※ ページの最後で使い方紹介（これは良いです） Remember the milk風の登録フォームも作れそう prototype.js依存。 Realtime validation using Ajax (デモ) - Ajaxなどを駆使して、入力値を動的にチェックするライブラリ Validate.js (デモ) - リアルタイムではないけど、入力値をチェックするためのライブラリ Tooltip for forms - 入力チェックではないけど、フォームの入力ヒントを出して
2010/01/12 JavaScriptでPDFを生成するライブラリ「jsPDF」 JavaScriptでPDFを生成できるオープンソースのライブラリ「jsPDF」というのがあるそうだ。サーバーサイドJavaScriptでも利用できる。面白いかも。 var doc = new jsPDF(); doc.text(20, 20, 'Hello world!'); doc.text(20, 30, 'This is client-side Javascript, pumping out a PDF.'); doc.addPage(); doc.text(20, 20, 'Do you like that?'); // Output as Data URI doc.output('datauri'); 投稿者 zubora 投稿時間 09:47 ラベル: Open Source, Progra
HTMLテーブルを使ってデータを表示する時、テーブルの列や行数は多くなると、表示しにくくなります。Super Tablesは、テーブルの表示を見やすくなるJavaScriptライブラリです。 動作環境 ◇ ブラウザー：Firefox 2+, Internet Explorer 5.5+, Safari 3+, Opera 9+ and Chrome (Windows環境テスト済み) ◇ ライセンス：MIT Style License 機能・特徴 ◇ テーブルのヘッダ固定できる ◇ 縦横スクロールバーによる列数、行数の多いテーブルも表示しやすくなる。 ◇ 左にある列を複数固定可能 ◇ スキン・カスタマイズ可能（CSS）
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く