テーブルを使ったシンプルなドット絵エディタを作ってみる - jQuery入門 - ポンクソフト
目次 jQuery入門 jQueryのインストール・簡単な使い方 クイズゲームの作り方 秘密の暗号を作ってみよう（たぬき暗号） アクションゲームを作ってみよう（ぬりかべ） 画像を使ったジグソーパズルを作ってみよう もぐらたたきっぽいゲーム ドラッグ可能なポップアップウインドウを作ろう jQuery UI Sortableで１ラインオセロゲーム ブラウザ全体をブロックしてみる Geolocation APIを使って都道府県のセレクトボックスを現在地に近い順にソートする 発生したイベントの状態を保持・保存する6つのパターン Ajaxを利用したシンプルなイメージギャラリーを作ってみる テーブルにページ送り（ページング）を実装してみる jQuery UI Draggableを使って付箋(sticky)を作ってみる カラムでソートできるテーブルを自作してみる テーブルを使ったシンプルなドット絵エディ
jQuery で Basic 認証のかかったリソースにアクセスする
gistfile1.html `v.��U � ��U <html> <head> <title>client</title> <script type="text/javascript" src="jquery-1.7.2.js"></script> <script type="text/javascript" src="jquery.base64.js"></script> <script type="text/javascript"> function getinfo() { $.ajax({ url: "http://example.com/", success: function(data){alert('OK');}, error: function(jqXHR, textStatus, errorThrown){ alert(textStatus+": "+errorThro
モバイルブラウザでの画像アップロードについて覚え書き
前置き スマートフォンブラウザで画像アップロードしたいという要件があったので、あんまり無理しないで実装できるとこまでやったら、どうなるのかやってみた。 やりたいことは、アップロードに加えて、画像データにリサイズ処理を適用すること。さすがに3G回線で2MB近い画像データを、input[type="file"]でそのまま送りつけるのは無理がある。 某所で書いたブツの要約版なので、某所のほうを見た諸氏はアレでソレして解釈してください : ) サンプルコード 基本方針としては、以下のようなコードで処理することになる。 var elFileInput = document.getElementById('js-select-photo'), elPreview = document.getElementById('js-preview-photo'), createObjectURL = windo
Creating a Complete HTML5 Drag and Drop File Uploader with jQuery
Today we’re going to be creating a file uploader using HTML5 drag and drop, along with the file reader API and some PHP. We’ll also be using local storage to remember which files were uploaded by the user. Getting Started For this tutorial I’m using jQuery and an icon font called symbolset. If you don’t want to get symbolset you could use an alternative or just not use a symbol font all together!
javascriptRRD - Client-side access to RRD files
Overview As the name implies (Javascript RRD), javascriptRRD is a javascript library for reading and interpreting RRD (Round Robind Database) files from both remote Web servers and local file directories. It uses AJAX-like techniques, but without any code being run on a remote Web server; i.e. it provides a purely client-side access to RRD files. The javascriptRRD package provides the basic RRD re
様々なタイプのスライダーが作れるjQueryスライダープラグイン「Jquery Slider Shock」:phpspot開発日誌
様々なタイプのスライダーが作れるjQueryスライダープラグイン「Jquery Slider Shock」 2012年11月13日- Jquery Slider 様々なタイプのスライダーが作れるjQueryスライダープラグイン「Jquery Slider Shock」 ウェブ上から超細かくパラメータを調整して、独自のスライダーを作ることが可能です。 既存のスライダープラグインを落としてみたけれど、どうもこだわりの挙動にはならない、とお悩みの場合に使えそうです。 パラメータ調整画面「BuildYourOwn」ボタンで現れ、カスタマイズが容易に行えます 画像切り替えのエフェクトも大量のエフェクトから選択が可能です。 関連エントリ CSS3を使ったクールなスライダー実装jQueryプラグイン「slideControl.js」 軽量のスワイプ可能なスマホ用スライダーJS「SwipeJS」 これは新
Ren暗号解読
Base64 Encode / Decode JavaScript で Base64 の符号化と復号化 IE4+, NN4.06+, Gecko, Opera6+ 説明 そのままです。JavaScript で Base64 のエンコード、デコードを行ないます。 Download Download [base64.js] Sample 符号化 復号化 バイナリモード [PageTop] [Back] [Home] Copyright(C) 2002-2006 kerry.
Android 2.3 の WebViwe で GET によるクロスドメインリクエストが最初の1回しか成功しない - latest log
現象 Unity + WebView 環境において、XHR を使ったクロスドメインリクエストに失敗します。 Async GET なら xhr.readyState = 4 で xhr.status = 0 となり失敗します。 Sync GET なら NETWORK_ERR: XMLHttpRequest Exception 101 でエラーになります。 同様の問題は POST では発生しません。 テストコード <!DOCTYPE html><html><head><meta charset="utf-8"><title></title> <meta name="viewport" content="width=device-width, user-scalable=no"> <script> var api1 = "http://dev.example.com/api/ping"; //
tweet 投稿 javascript ライブラリ「twitter-xauth.js」を公開しました | Lab by engineering@dwango.jp
この度、Javascript ライブラリ「twitter-xauth.js」を github にオープンソース（GPLv2）公開しましたので、ご紹介します。 使い方 まず、ライブラリの概要を述べる前に、twitter-xauth.js を使った tweet 投稿の例をお見せします。 var params = { consumerKey : "DUMMY-CONSUMER-KEY", consumerSecret : "DUMMY-CONSUMER-SECRET", userName : "DUMMY-USER-NAME", password : "DUMMY-PASSWORD", success : function(token, secret){ var authKeys = { consumerKey : "DUMMY-CONSUMER-KEY", consumerSecret : "
Saving canvas data to image file
This is a small library that lets you easily save a WHATWG canvas element as an imagefile. Files needed: canvas2image.js, base64.js Draw on the canvas with the pretty boxes below using the mouse, then click the "Convert" buttons to convert it to a downloadable image - or the "Save" buttons to download the image file directly. Using the WHATWG canvas element, you can create all sorts of cool gr
[CSS, HTML] スマートフォン(iPhone, Android)ブラウザのバグまとめ(2011年版)
[CSS, HTML] スマートフォン(iPhone, Android)ブラウザのバグまとめ(2011年版) Androidの所為で工数が増えてウザイとか、AndroidのWebkitはWebkitじゃねぇとか スマホのCSS3関係はどうしてもAndroidをdisる感じの内容になりますね！ 特に明記がないものはすべてWebkitについてです。 見つけ次第順次追加予定。 タイトル変更、増えてきたので目次追加しました。 この記事はiOS5、Android 3以前について記載したものです 【css】 タップ時にz-indexを無視して下の要素に枠がつく(Android) 【html, css】 マルチバイト文字にfont-weight:boldが効かない(Android) 【css】 border-radiusのコーナーがジャギる(Android) 【css】 box-shadow、text-
![[CSS, HTML] スマートフォン(iPhone, Android)ブラウザのバグまとめ(2011年版)](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)
deferloader – 株式会社ウフル技術ブログ
LoRa 開発シールドのデータを enebular で受け取る By hrd_pk|5月 9, 2017|未分類, | 花粉がまだ名残惜しく思っているようで、鼻がまだむずむずしています。 ぽかぽか陽気が続いていますが、みなさんいかがお過ごし… Read More
HTML5とJavaScriptでネイティブPDFリーダを実装へ、Firefox | エンタープライズ | マイコミジャーナル
Firefox web browser - Faster, more secure & customizable FirefoxでPDFを閲覧する場合、Adobe Readerやそのほかサードパーティベンダが提供するプラグインまたはエクステンションを使うことになる。ブラウザ内にPDFを表示する場合でも、一旦ダウンロードして外部アプリケーションで閲覧する場合でも、ユーザ体験の面ではそれまでのWebブラウジングとの一貫性が消失するという問題がある。インタラクションはブラウザやWebのそれからアプリケーションのものに置き換わることになるし、ブラウザとの連動性も低い。 Firefoxにおいてこうした問題を解決しようという取り組み「pdf.js」が進められている。CanvasやSVGといったHTML5技術とJavaScriptのみでPDFリーダを実装し、FirefoxからネイティブにPDFを閲覧でき
JSLinux - Technical Notes
History This emulator has a long history. The current version is based on TinyEMU and compiled to Javascript or WASM with emscripten. In 2011 I wrote the initial version of JSLinux, the first PC/x86 emulator in Javascript running Linux. I reused parts of another of my emulators (QEMU) for the x86 helpers and the devices. After some time (2015), I modified it to use the asm.js Javascript subset so
Firefox4で、javascriptのconfirm()実行中にリロードできてしまう件 - あっきぃ日誌
Firefox4がリリースされたので早速使い始めていますが、早くもタイトルの様な不具合っぽいものにやられました(笑)。 会社で開発中のサービスのバグ報告にあがってきたのですが、これは……Firefoxのせいです！(｀ω´；) Mozillaへの報告は、社内にいるMozillaコミュニティなひとがしてくれるとのことです。よろしく頼みマッスル。 確認環境 不具合っぽいなにかは、Mac版のFirefoxで確認しました。他のOSのFirefox4は不明です。 (追記)Windows版でも確認しました。ただし、旧タイプのダイアログは出現しません。 再現手順 まずはこんなHTMLを用意します。 test1.html <!DOCTYPE html><html><head><title>test1</title></head> <body> <form action="test2.html"> <inpu
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQuery UI Sortable, then write order into a database
ccchart
Engadget | Technology News & Reviews
Byte saving techniques
JSLinux