Lockr – localStorageを使いたくなる小さなJavaScriptライブラリ
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました HTML5で提供される新しいAPIの一つにlocalStorageがあります。使ってみたいと思いつつも何となく面倒そうで避けてしまっている、なんて人もいるのではないでしょうか。利用するのに複雑な仕組みになっているとつい敬遠してしまうでしょう。 そこで紹介したいのがLockrです。ごく小さなlocalStorageラッパーで、高校のロッカーくらい簡単な仕組みだそうです。 使い方 Lockrは依存ライブラリもなく、JavaScriptファイルを読み込むだけで使えます。 <script src="/path/to/lockr.js" type="text/javascript"></script> これで準備完了です。 デモ APIはRedisを参考にしている層で、set/getでシンプ
レスポンシブ対応サイトを作成する超軽量のスクリプト -skel.js | コリス
スタンドアローンで動作する19KBの超軽量スクリプト。 さまざまなレイアウトに対応できるグリッド。 表示サイズごとのブレイクポイントの設定も簡単。 resetやbox-modelなどの有用なCSSのショートカットを用意。 プラグイン機能も備えているので、拡張にも対応。 skel.jsのデモ デモはシンプルな構成のページが表示が用意されています。 まずはデスクトップサイズとして、幅1200pxで表示してみます。 デモページ：幅480pxで表示 skel.jsの使い方 jQueryや他のスタイルシートなどを用意せずに、すぐに利用できます。 Step 1: 外部ファイル 当スクリプトを外部ファイルとして記述します。 <script src="skel.js"></script> jQueryもスタイルシートも他のファイルは必要ありません。 Step 2: スクリプトのセットアップ スクリプトのセ
JavaScript基礎文法最速マスター - gifnksmの雑多なメモ
続々と増え続ける基礎文法最速マスターシリーズ(あまりにも増えてきたので他の言語記事へのリンクは別の記事に移しました)。 JavaScript 版は誰も書いていなかったようなので書いてみます。こういう解説記事的なものを書くのは初めてなので変なところがあったら指摘して頂けるとありがたいです。 JavaScriptの基礎概念についての解説はこちら：JavaScript基本概念最速マスター - TechTalkManiacs 1/31 23:58追記 コメント欄のos0xさんのご指摘を基に一部追記・修正を行いました。 2/2 2:52追記 switch文・正規表現・例外処理について追加しました。 2/2 6:44追記 コメントでfavrilさんにご指摘頂いた点(typo & コメント・サンプル追加)を修正・加筆しました。 2/2 7:15追記 トラックバックでLiosKさんにご指摘頂いた点(cal
画像のサムネイル表示にも対応したWebブラウザへのD&Dアップロードライブラリ·Dropzone MOONGIFT
Dropzoneはファイルのドラッグ&ドロップによるファイルアップロードを可能にするJavaScriptライブラリです。 Gmailではじめ（恐らく）見て以来、様々な場面で見られるようになったWebブラウザへのファイルのドラッグ&ドロップでのアップロード機能ですが、より手軽に扱えるようにしてくれるライブラリがDropzoneです。 トップページです。 ファイルをドロップしました。画像はサムネイルが表示されます。 画像をアップロード中。平行して実行されます。 ファイルをドロップすると自動的にアップロードを開始してくれます。ドロップしたりアップロードが完了したりしたタイミングでイベントを実行したり、最大ファイルサイズ指定やサムネイルの表示設定など細かなカスタマイズができるようになっています。 DropzoneはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。
日付ピッカーを実装するだけのシンプルなスクリプト・Pikaday
シンプルな日付ピッカーを実装する 為のスクリプト・Pikadayのご紹介。 jQueryなどに依存せず、独自で動作 する非依存型スクリプトなので使い やすいのでは無いかと思います。 シンプルな非依存型のデートピッカーです。ありそうでないような。 普通のデートピッカーです。他ライブラリを必要としないので手軽に使えそうですね。圧縮版で9KBほど。jQuery依存版も一応あるみたいです。 Sample 動作サンプルです。日本語にはまだ直してないです。 コード<script src="pikaday.js"></script> <script> var picker = new Pikaday( { field: document.getElementById('foo'), firstDay: 1, minDate: new Date('2000-01-01'), maxDate: new Da
テキストの末尾処理はお任せ·trunk8 MOONGIFT
trunk8は文字列の末尾処理を行うjQueryライブラリです。 Webサイトを作る際には長過ぎる文字に対して適当なところで区切る処理がよく行われます。サーバサイドで行う手もありますが、今回はtrunk8というクライアントサイドの文字切りライブラリを紹介します。 ベーシックな使い方。単にtrunk8を呼び出すだけ。 複数行も問題なし。 増やせば自動的に調整されます。 末尾文字は自由に決められます。 内容を更新すればそれに合わせて変化します。 YouTube風のトグルもできます。 画面幅に合わせて自動リサイズも可能です。 trunk8はクライアントサイドなのでより柔軟な文字のカットが行えます。面白いのは文字数ではなく該当DOMの幅に合わせて変化する点でしょう。複数行対応、区切った場合の最後の文字を変更したり、文字をアップデートしてもちゃんと表示が保てます。YouTube風にもっと読む（少なく
超面白！文字を選択してその文字にコメントできるJSライブラリ:phpspot開発日誌
Home - Annotator - Annotating the Web 超面白！文字を選択してその文字にコメントできるJSライブラリ。 ブログ等で記事のここにコメントしたい、といった場合に選択するとアイコンがあらわれます クリックするとコメント書き込みフォームがポップアップされます Saveボタンを押すと保存され、マウスオーバーでコメントが出るようになります コメント量の多いところはその分黄色く表示されます ストレージは自分のサーバに用意することもできますが、ホスティングを使う事もできます。 面白い上に、インタフェースが良い感じです。これを使ったサービスを作ってみるのも楽しそう。 関連エントリ スマホを判別するのに便利なJSスニペット ネットワーク図を美麗にビジュアル化できるJSライブラリ「sigma.js」 美麗なグラフをSVGで描画できるJSライブラリ「dc.js」 JavaScr
XSSの攻撃手法いろいろ - うなの日記
html5securityのサイトに、XSSの各種攻撃手法がまとめられているのを発見せり!ということで、個人的に「お!」と思った攻撃をサンプルつきでご紹介します。 1. CSS Expression IE7以前には「CSS Expressions」という拡張機能があり、CSS内でJavaScriptを実行できたりします。 <div style="color:expression(alert('XSS'));">a</div> 確認 @IT -［柔軟すぎる］IEのCSS解釈で起こるXSS で詳しく解説されていますが、CSSの解釈が柔軟なことともあいまって自前で無害化するのはなかなか困難。以下のようなコードでもスクリプトが実行されてしまいます。 <div style="color:expr/* コメントの挿入 */ession(alert('XSS'));">a</div> 確認 <div s
クリックさせないリンク jdtRunAway.js
つかまえてごらーん ボーリンググリーン（英: Bowling Green）は、アメリカ合衆国ケンタッキー州第4の都市であり[1]、ウォーレン郡の郡庁所在地である。2008年の人口は55,097人と推計されている。ボーリンググリーン都市圏の主要市であり、都市圏人口は2009年時点で120,595人である[2]。ボーリンググリーンの町はロバート・ムーアとジョージ・ムーアがウォーレン郡に30ないし40エーカー (0.12 - 0.16 km2) の土地を寄付した後の1798年に設立された。この土地は公共建築物を建てるために寄付されていた2エーカー (8,000 m2) の区画を囲んでいた。ボーリンググリーンは南北戦争の間にアメリカ連合国ケンタッキー州の暫定州都になった。2003年、ボーリンググリーンと周辺の地域社会が都市圏に指定された。 ボーリンググリーン Wikipedia
clearbox 3
Clearbox is a professional image and content viewer overlay window. Images below are speaking for themself, where you can see some examples about using the script: image galleries and many type of contents including Flash, Quicktime, Windows Media formats, HTML, inner content, etc. Using of clearbox for private purpose is free. If you would like to use it on commercial pages, please contact the d
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サービス終了のお知らせ