PostMessageを使ったクロスドメイン通信によるメッセージの送受信を試してみた！ - Web.fla
Web Messagingとは？ コードによるほかのウィンドウ、タブ、フレームへのアクセスは、通常、セキュリティ上の理由から、同一オリジンのドキュメントの間だけに制限されています。 クロスドメインとは、異なるドメイン間をまたがったデータに対してアクセスをすることを言うんですが、調べてみると異なるドメイン間でメッセージ送信が可能のようで、この異なるオリジンの間での通信を安全に行うことを目的としたAPIとして、postMessageとMEssageEventがあるようです。またMessageChannelという２つのポートを利用した送受信もあるようですが、それは追々時間があったときにでも Web Messagingの流れと解説 さて、ここからが本題ですが、メッセージを送信・受信するにはhtml5のjavascript apiを利用します。 windowオブジェクトに用意されている「postMe
[JS]画像やパネルの上をクリックしたら上辺が、中央なら全体が押されたようなエフェクトを適用できるスクリプト -whichTriangle
パネルや画像など一つの矩形の要素は通常、矩形全体が一つのホットスポットですが、四辺それぞれと中央の計5つのクリックできるホットスポットにし、それぞれ異なるアクションやエフェクトを仕込めるjQueryのプラグインを紹介します。 ↓のように、中央だと全体がへこみ、上だと上辺が傾き、右・下・左もそれぞれの辺が傾くといったこともできます。 スクリプトの仕組み whichTriangle.jsの使い方 Step 1: 外部ファイル 当スクリプトとjquery.jsを外部ファイルとして記述します。 ※IE8以下をサポートする時は、jQueryは 1.7.0以下を使用。 <head> ... <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <script src="./lib
スマートフォン対応でよく使うhtml、css、javascriptのまとめ
スマートフォン(ios、android)向けのウェブサイト・ウェブアプリを作る際に個人的によく使うhtml、css、javascriptの備忘録。 html関連 headタグ内での設定<!-- //デバイスサイズにあわせて表示領域を変更する --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- //電話番号のリンクを無効化 --> <meta name="format-detection" content="telephone=no"> <!-- //ホーム画面用アイコン --> <link rel="apple-touch-icon" href="icon.png"> <!-- //ホーム画面用アイコンの光沢を無効化する --> <link rel="apple-touch-icon
CodeMirror
Extensible Code Editor CodeMirror is a code editor component for the web. It can be used in websites to implement a text input field with support for many editing features, and has a rich programming interface to allow further extension. This is a CodeMirror field, configured for editing JavaScript code. Features Accessibility Works well with screen readers and keyboard-only users. Mobile Support
Sugar - A Javascript utility library for working with native objects.
Sugar is a Javascript utility library for working with native objects. It lets you do stuff like this:
wysihtml5 - A better approach to rich text editing
<h1>WYSIHTML5 - A better approach to rich text editing</h1> <p>wysihtml5 is an <span class="wysiwyg-color-green"><a href="https://github.com/xing/wysihtml5">open source</a></span> rich text editor based on HTML5 technology and the progressive-enhancement approach. It uses a sophisticated security concept and aims to generate fully valid HTML5 markup by preventing unmaintainable tag soups and inlin
PlayCanvas - オープンソース（MIT）になったHTML5＆WebGLベースのクラウド型ゲームエンジン！
イベント-Event 2024春 バンクーバーVFX/CG現地体験会 - 英語が苦手でも安心の6日間の... 2024-01-14 海外の映画・CG・Web業界への進出をサポートするチーム「Teamove」による「2024年春 VFX／CG現地体験会」の仮申し込み受付が開始されています！※CG専門の通訳が全日程アテンド！英語ができない方でも安心！ 続きを読む Blender アドオン プラグイン＆アドオン-Plugin&Addon Jiggle Maker v1.1 - クロスベースのボリューム揺れ物理挙動を簡... 2024-01-14 Lewdineer氏によるクロスベースのボリューム揺れ物理挙動を簡単にセットアップ出来るBlenderアドオン『Jiggle Maker v1.1』がGumroad上でリリースされています。 続きを読む Unreal Engine アセット アセット-A
Highcharts - Interactive Charting Library for Developers
Our core library. Includes all standard chart types and more.
FooTable: A WordPress Table Plugin - FooPlugins
Great News! We’re reinventing FooTable to bring you a responsive table that’s better than ever! FooTable will be a WordPress Table Plugin, which will allow you to add responsive tables to your pages and posts. We want to create the tables that you need, like pricing and comparison table, or data tables. We want to include features that will make your life simpler. This might be versatile styling o
Web 技術で PC のアプリが作れる node-webkit
最近 node-webkit の記事をいくつか目にしたので試してみました。 GitHub https://github.com/rogerwang/node-webkit node-webkit とは PC の GUI アプリを実装する Chronium ベースのランタイム。 Windows, Mac OSX, Linux のアプリが作れる。 もともとインテルで開発されていたものがオープンソース化されたらしい。 node-webkit のいいところ Web 技術 (HTML/CSS/JavaScript) で PC の GUI アプリが作れる。 node.js のモジュールが使える。 Webkit の HTML5 機能が使える。 使い方 (1) 公開されている Prebuilt binaries からターゲット環境のバイナリをダウンロード。 (2) HTML とマニフェストファイルを用意す
Velocity.js
Overview Velocity is an animation engine with the same API as jQuery's $.animate(). It works with and without jQuery. It's incredibly fast, and it features color animation, transforms, loops, easings, SVG support, and scrolling. It is the best of jQuery and CSS transitions combined. Download Download Velocity, include it on your page, and replace all instances of jQuery's $.animate() with $.veloci
新・三大JavaScriptフレームワークの実践(Backbone.js Knockout.js Angular.js) - Qiita
Todoリストの機能 1.テキストボックスから、Enterで追加できる 2.登録したTodoはダブルクリックで編集可能になり、Enterで編集確定できる 3.登録されているTodoの総件数がフッターに表示される 4.完了したTodoがある場合、それらをリストから消すボタンが表示される 5.全選択/解除を行うチェックボックスがある 個人的な結論 趣味開発で使うならAngular.js・仕事で使うならKnockout.jsをお勧めしたい。 まず、フレームワークを選択する際は、以下3つの選択基準を持つとよいと思う。 1.開発の規模 大規模ならBackbone.jsはお勧めできる。 書き方が決まっていて、チュートリアルに目を通せば(面倒なのは置いておいて)何を作らなければならないかは簡単に理解できる。そこそこの人数で長い時間の開発を行うなら、UIチームはアプリケーションとView、サーバーサイドは
jScrollPane | Webサイト制作支援 | ShanaBrian Website
jScrollPaneの使用方法をご紹介しています。 jScrollPaneはCSSでデザイン可能なオリジナルスクロールバーのjQueryライブラリです。 公式サイト ※ このライブラリは、jQueryが別途必要です。 目次 デモ ダウンロードと設置 JavaScriptの読み込み 適用方法 スクロールバーのスタイル オプション デモ 次のデモは、CSSでbackground-colorとpadding、borderを指定しています。 スクロールはデフォルトのものです。 text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text te
Raphaël―JavaScript Library
The most popular coding language for the web is javascript; so much so that since the advent of HTML5, it has now been officially accepted as the default standard. Javascript has moved beyond a smaller client-side browser-based language to become integrated not just for front-end design, but also for back-end server-side development. As a result there are has been a huge growth of Javascript libra
バーコードをjavascriptで作ってみた - コイン 2個 いれる
ふと、バーコードってどうやって作るんだろうと疑問に思って調べたら、 英語のWikipediaにのってました。 参照→Wikipedia: European Article Number なるほど、単純に7桁ずつのグリッドになってて、0と1で塗り分けてるんですね。 仕様を作る時は誤読を少なくするような苦労があったんだと思いますが、仕様に沿って作るのは単純作業のようです。 C#で作ったら簡単だったので、javascriptにして動くようにしてみました。 ポカミスを繰り返して以外に大変でした。やっぱjavascriptは向いてないな。 JISは読んでいないので細かい仕様は分からないのですが、一応、携帯のバーコードリーダー機能では読めました。 作り方を説明しますと、例えば4901234567894の場合、 最初が4なので、パターンが LGLLGG RRRRRR になります。 ２桁目以降は数字によっ
QRcode decode javascript プロジェクト日本語トップページ - SourceForge.JP
QRコードの画像の内容をJavaScriptでデコードします jQueryから使用できるようにプラグインも用意いたしました。 システム要件 JavaScriptのライブラリとして使用できますが、 Canvasの機能に依存していますのでMicrosoft Internet Explorerでは現在ご利用になれません（Internet Explorer8現在） そのほかのブラウザでは一応確認済みです（FireFox、Chrome、Opera、Safari） インストール 使用する場合はファイルをダウンロードし、解析したいQRコードの画像ファイルを指定してJavaScriptを実行します JavaScriptサンプルを見ればある程度使用方法がわかると思います jQueryから使用できるようにプラ... インストール方法を見る
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CKEditor Ecosystem | CKEditor.com
http://eightmedia.github.io/hammer.js/
jQuery Content Slider | Responsive jQuery Slider | bxSlider
jQT
