ホーム | jQuery Mobile リファレンスStatus: 403 Forbidden Content-Type: text/plain; charset=utf-8 403 Forbidden Executing in an invalid environment for the supplied user
JavaScriptでSVGのレーダーチャートを描画するライブラリ Raphael Radar をつくった - I CAN ’CAUSE I THINK I CAN!
概要 JavaScriptでSVGを描画するライブラリRaphael.jsを使って、 操作可能なレーダーチャートを描画するライブラリ Raphael Radar を作りました。 Raphael Radar は次の2つの機能を持ちます。 レーダーチャートをSVGで表示 レーダーチャートの各軸の値をフォームと対応づけて、インタラクティブに値を選択 (2)の機能は任意で無効化して単純なレーダーチャートとして利用することもできます。 入手と使い方 依存ライブラリ Raphael Radar を使う前に、2つのライブラリをインストールする必要があります。 Raphael.js (1.3.1 以降) jQuery (1.4.2 以降) もしうまく動作しない場合、Raphael.jsとjQueryのバージョンを合わせてみてください。 インストール方法 上記の依存ライブラリをインストール Raphael
【Webサイト制作】独学素人がjQueryで、ドラクエ画面を作ってみた
こんなサイトを作ってみました オッス、オラ日曜ネット大工。 １年に１回くらい趣味でwebサイトを作ったりする独学素人ノンプログラマーです。 仕事はＩＴ系にかすりもしないけど、たまにサイトが作りたくなるんです。 htmlもCSSも知識不足ですが、作成ソフトに頼ればなんとかなります。 そんなレベルで無謀にも「JavaScriptも使いたいな」とか思ったりするわけですよ。 で、たまに「簡単にわかるJavaScript入門」なんてサイトや記事がありますよね。 ああいうのを書いてくださる人に、ちょっと言いたい。 あの、独学素人ノンプログラマーの俺をなめてませんか？ あなた方の想像を絶するほどに、俺のＩＴ系理解能力はゴミクズですよ！ 「簡単に分かる入門」にさえ入門できません助けて先生！ と、鼻水をたらしながら泣き出すような底辺レベルのスキルしかないザコであります自分は。 ですが、jQueryと出会い、
使い方簡単で見た目も綺麗なダイアログ実装jQueryプラグイン「Apprise」:phpspot開発日誌
Apprise - The attractive alert alternative for jQuery 使い方簡単で見た目も綺麗なダイアログ実装jQueryプラグイン「Apprise」 次のようなダイアログを apprise('Hello?', options); だけで実現できるようになります。 optionsに色々渡すことで様々にカスタマイズが可能。 confirm っぽくしたり 入力ボックスにしたり。 アニメーションで表示させたりも出来ます。 ダイアログは色々ありますが１つの選択肢として覚えておいてもよさそうです。 関連エントリ 超カッコいい確認ダイアログをjQueryで実装するチュートリアル jQueryを使って作るシンプルなモーダルダイアログ その場でポップアップするクールな確認ダイアログ実装用jQueryプラグイン「jConfirmAction」 効果音付きでアニメーション
スマホ用ゲームエンジン「enchant.js」無償提供
ユビキタスエンターテインメント（UEI）は4月17日、スマートフォンのブラウザで動作するHTML5/JavaScriptベースのゲームエンジン「enchant.js」のベータ版を無償で提供開始した。 enchant.jsはスクロールマップや当たり判定、仮想パッドなどを用いたJavaScriptによるゲームプログラミングが可能なゲームエンジン。iPhoneとAndroid端末の両方で動作するゲームを制作できる。 MITライセンスとGPLライセンスのデュアルライセンスで提供され、ユーザーが自ら開発したゲームを自由に再配布できる。誰でもゲームを作れるように、UEIが過去に開発したゲームの画像素材データをすべて無償で提供するとしている。 UEIは、enchant.jsを提供することで、1人でも多くの青少年にゲームプログラミングを体験してもらうことを目指している。また、5月1日からディーツー コミュ
[JS]Canvas, SVGを使用した軽量のJavaScriptの3Dエンジン -three.js
通常、複雑な記述をより簡単にできるようにした、3Dを描画する軽量のスクリプトを紹介します。 サイトでは下記のように数多くのデモが楽しめます。 three.js -Javascript 3D Engine [ad#ad-2] three.jsは<canvas>, <svg>とWebGLを使って、2Dと3Dをレンダリングすることができます。 各デモは対応ブラウザ（Firefox4+, Chrome9+, Safari10.6+など）でご覧ください。
QRコードをページに埋め込めるjQueryプラグイン「jquery.qrcode.js」 | Web活メモ帳
指定のdivにURLやテキストなどのパラメータを指定するだけQRコードを表示してくれるjQueryプラグインだ。 QRコードの表示には外部のAPIは使用せずに全てJavaScriptで実装されているので、業務案件でも使えそうです。 使い方 使い方は非常に簡単です。 まずは、ライブラリを読み込みます。 <script type="text/javascript" src="jquery.qrcode.min.js"></script> 表示させたい場所に空のdivを作成します。 divにQRコードに埋め込みたいテキストを指定します。 jquery('#qrcode').qrcode("this plugin is great"); これだけで完了です。簡単ですね。 日本語文字列はうまく表示できませんでしたので、URLだけを表示させたい場合なんかに良さそうです。 興味のある方は下のリンクからダ
Engage Interactive Labs - iToggle, making checkboxes look cool with jQuery!
Enlarge this messageWarning: This website by nature is experimental, please upgrade your browser or you will be punished. A completely unashamed rip of those lovely sliding on/off buttons on the iPhone, making checkboxes (and radio buttons) look good! This started as a really simple little excersise in bordom one evening just to see if we could replicate the look and feel of the iPhone sliding tog
jRumble | A jQuery Plugin That Rumbles Elements
Latest Version: 1.3 Latest Release Date: December 3, 2011 Original Release Date: March 30, 2011 Compressed: 1.47kb Uncompressed: 4.84kb View GitHub Repository About The Plugin jRumble is a jQuery plugin that rumbles, vibrates, shakes, and rotates any element you choose. It's great to use as a hover effect or a way to direct attention to an element. 2016-11-04 Update This project is no longer being
iScroll – Matteo Spinelli's Cubiq.org
The overflow:scroll for mobile webkit. Project started because webkit for iPhone does not provide a native way to scroll content inside a fixed size (width/height) div. So basically it was impossible to have a fixed header/footer and a scrolling central area. Until now. This script has been superseded by iScroll 4. This page is kept for historical reasons. Get the Script Screencast Live Demo Publi
WebSocketを使っていない、サーバ無用なリアルタイム通信ライブラリ·Easy WebSocket MOONGIFT
Easy WebSocketはWebSocketではなくリアルタイム通信を行うJavaScriptライブラリ。 Easy WebSocketはnode.js製のオープンソース・ソフトウェア。HTML5界隈が賑わっているが、なかなか実用的なものは出てきていない。動画共有サイトのスマートフォン向けインタフェースやWebブラウザ用のゲームがせいぜいではないだろうか。 チャット画面 やはりデスクトップ向けのブラウザで一部のブラウザしか対応していないのが問題なのだろう。HTML5に関連した技術、WebSocketは特にサーバ側の準備も必要で扱いづらいイメージがある。そんな常識を覆すソフトウェアがEeasy WebSocketだ。 Easy WebSocketは正しくはHTML5の仕様ではないがWebSocketを擬似的に再現する。まるでWebSocketではないかと思えるほど、リアルタイムで更新され
iPhoneやAndroid向けのJavaScriptフレームワーク・Wink Toolkitが割と良かったので日本語サンプル作った - かちびと.net
スマホ向けのWebアプリ用JavaScript製フレームワークです。 動作サンプルを日本語にしたのでお手持ちのiPhoneなどでサンプルを触りながら記事を読んでいただけると嬉しいです。 [note]お持ちでない場合でも、Safariでご覧頂くと同様の動作確認が出来ます。Chromeでも多少確認出来ました。また、デモ動画もいくつかありますので宜しければご覧ください。[/note] サンプル ※Androidも動くらしいですが、僕が持っていないのでiPhone以外は動作確認していません。 サンプルにアクセスすると以下のような画面になります。 結構な数のサンプルが用意されているのですが、ここでは一部ご紹介したいと思います。 アコーディオン アコーディオンコンテンツです。タップで開閉します。 ページめくり ページめくりです。フリックすると本をめくるようなアニメーションエフェクトで次のコンテンツに進
「jQuery Mobile」の登場で、モバイルアプリケーション開発は大きく変わる － Publickey
このところHTML5関連のモバイルアプリケーション開発について調べていて、先週の水曜日にはSwapSkills主催のイベント「jQueryモバイルで簡単！ スマートフォンサイト作成」に参加してjQuery Mobileについて勉強してきました。 jQuery Mobileとは、jQueryのプラグインとして利用するモバイルアプリケーション用のライブラリです。そしてその驚異的なまでの簡単さは、これから業務用のモバイルアプリケーションの作り方を一変させてしまう可能性を感じさせます。 jQuery Mobileの大きな特徴は次の3つです。 1）HTMLを書くだけでモバイルアプリケーションができてしまう 2）モバイルのユーザーインターフェイス対応の部品が多く揃っている 3）iOS、Android、WebOS、Windows Moblie、Symbianなどクロスプラットフォーム対応である 具体的な
jQuery 1.5登場、さらにパフォーマンス向上 | エンタープライズ | マイコミジャーナル
jQuery: The Write Less, Do More, JavaScript Library 1月31日(米国時間)、jQueryの最新版となるjQuery 1.5が公開された。jQueryはもっとも人気のあるJavaScriptフレームワークのひとつ。Webアプリケーションの開発やWebページの制作には欠かせないプロダクトとして採用されることが多い。jQuery 1.5がサポートするブラウザは次のとおり。 IE8、IE7、IE6 Firefox 4.0b9、3.6.13、3.5.11、3.0.19、2.0.0.20 Chrome 8.0.552.215、8.0.552.237、9.0.597.67 Beta、10.0.642.2 Dev Safari 5.0.3、4.0.5、3.2.3、3.1.2 Opera 11.01、11、10.63、10.54、10.10、9.64 すべ
FullCalendar - JavaScript Event Calendar
npm install @fullcalendar/angular import { Component } from '@angular/core' import { CalendarOptions } from '@fullcalendar/angular' @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.scss'] }) export class AppComponent { calendarOptions: CalendarOptions = { initialView: 'dayGridMonth', events: [ { title: 'event 1', date: '2019-04-01' }, { title: 'e
GitHub - NacreData/CalVis3: Fork of Project initiated by Google Employee to display Google Calendar Data. See http://code.google.com/p/calvis/
/** * Copyright 2008 Google Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * W
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA*IDEA 〜 とあるサービス運営者が学んだことをまとめるブログ
IDEA*IDEA 〜 とあるサービス運営者が学んだことをまとめるブログ
jQuery Mobile 1.1.0 日本語リファレンス
CalViz ライブラリで簡単 Google Calendar マッシュアップ！ - WebOS Goodies