JS：クロスドメインでAjax通信 | ARTICLE | goma
Ajax通信する際、自分のサイト内のファイルへアクセスすることが多いと思いますが、違うドメインからもファイルを読み込みたい時があると思います。 そこで問題となってくるのが、ブラウザに実装されているクロスドメイン制約です。 クロスドメイン制約とは、ブラウザの機能で、閲覧しているページのドメイン以外のドメインからはAjax通信をさせないという機能です。 クロスドメイン制約を迂回するには3通りの方法があります。 Access-Control-Allow-Originを設定するAccess-Control-Allow-Originを設定するにはサーバーサイドでの設定が必要です。 読み込みたいファイルが置いてあるサーバーを自分で管理している場合は、.htaccessやPHPなどのプログラムなどでCORS（クロスオリジンリソースシェアリング、Cross-Origin Resource Sharing）
ai2html
ai2html is an open-source script for Adobe Illustrator that converts your Illustrator documents into html and css. Here are examples of how we’ve used the script at The New York Times and examples of how others have used it. Share your ai2html projects on Twitter, Delicious, etc. using #ai2html. Table of contents How to install ai2html How to use ai2html Frequently asked questions Settings Point t
inDesignにTeXの数式を貼り込むスクリプト「インてふてふ」｜InDesign｜ぼんぷろぐ
新しいブログに引っ越しました。 こちらのブログはもう更新しませんが、コメント欄は生きてますので疑問、ご指摘などありましたらどうぞ。
Intense Images
Intense Image Viewer A javascript library for viewing images in a fully full screen. Click the images to see it in action!
Polymaps
A JavaScript library for image- and vector-tiled maps using SVG. Polymaps is a free JavaScript library for making dynamic, interactive maps in modern web browsers. Polymaps provides speedy display of multi-zoom datasets over maps, and supports a variety of visual presentations for tiled vector data, in addition to the usual cartography from OpenStreetMap, CloudMade, Bing, and other providers of im
Responsive image zoom viewer, 360° product spin, rotate & zoom & hotspots 360° product view
AJAX-ZOOM supports hotspots (interactive markings on the image) not only on 360° degree product views, as presenting above, but also on 3D product views and plain images, including image galleries. Hotspots are also compatible and combinable with "interactive product tours", as shown in the next tab above. You can choose to create hotspots with the hotspot editor contained in the download package,
Image tools for your website : Magic Toolbox
Magic Zoom PlusEnjoy every detail in your imagesWith an extraordinary full-screen zoom, mobile refinements and responsive design, it's the only zoom you'll ever need. Learn more Buy now Magic ScrollDraw customers inVisitors can view your carousel on any device: iPad, iPhone, Android devices or computer. Learn more Buy now Magic 360So luxurious you want to touch itChoose from 360 degree spins (left
すごい便利になった！javascript入門の基礎知識と小技まとめ
作成：2013/12/24 更新：2014/11/01 Web制作 > サイト構築中にちょっとした動きをのせたいとき、どうすれば良かったのか何度も調べ直さないといけないことがあります。今回はJavaScript で初心者の方でもすぐ活用できるように、使用頻度の高いリファレンスと基本知識をまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ できること １．リファレンス スクリプトの書き方／基礎知識 ２．スクリプトの記述 ３．文字列／特殊文字 ４．演算子 ５．オブジェクト ６．プロトタイプ ７．イベント ８．変数 ９．if文 １０．配列 １１．連想配列 １２．正規表現 １３．デバッグ できること １．リファレンス JavaScriptは開発環境の準備がほぼ不要で、コピー＆ペーストだけで、動くものができてしまいます。他の言語だとそう簡単にはいきません。サ
HTML5/JavaScriptによる電子書籍風フリップアニメーション·Turn.js MOONGIFT
Turn.jsはHTML5/JavaScript製のオープンソース・ソフトウェア（BSD License）です。 電子書籍というとePubファイルが有名ですが、HTML5でも実現は可能です。特に紙をめくった時のようなフリップアニメーションが欲しい時にはTurn.jsを使ってみましょう。 デモです。幾つかのサンプル書籍が掲載されています。 開きました。 フリップしています。 別な書籍。マウスをもっていくと端が折れ曲がります。 こんな感じで斬新な表示も。 マガジン風の使い方もできます。 デモ動画です。 Turn.jsではめくる操作はもちろんのこと、拡大表示もサポートされています。デスクトップブラウザはもちろん、iPhone/iPadによる操作も可能です。コンテンツはAjaxによる動的取得にも対応しています。一部HTML5非対応ブラウザでも使えるようになっており、対応ブラウザはIE8からとなって
誰もが一度は陥る日付処理。各種プログラミング言語におけるDateTime型/TimeStamp型の変換方法のまとめ - Y's note
日付型の変換処理 Date/Timestamp変換のまとめ - Yuta.Kikuchiの日記 10言語のプログラミング言語に対してそこそこの知識を保有している@yutakikucです。いろんなプログラミング言語を使用していると文法を覚えるのは大変ですよね。PHP書いている途中からJavaScriptの文法を誤って書き始めたり... それぞれの言語の文法の違いを事細かく覚える事は無理に近いです。今日はそんな各種言語仕様の記述で難解なDateTime/TimeStampについて紹介したいと思います。扱うのはWeb系のメジャープログラミング言語のSQL/C++/Java/JavaScript/Perl/PHP/Python/Rubyになります。Mysqlからデータを取り出した後や、WebAPIから取得したデータを表示用の日付フォーマットに変換する事があると思うのでそこで利用できる知識になるかと
レスポンシブ対応サイトを作成する超軽量のスクリプト -skel.js | コリス
スタンドアローンで動作する19KBの超軽量スクリプト。 さまざまなレイアウトに対応できるグリッド。 表示サイズごとのブレイクポイントの設定も簡単。 resetやbox-modelなどの有用なCSSのショートカットを用意。 プラグイン機能も備えているので、拡張にも対応。 skel.jsのデモ デモはシンプルな構成のページが表示が用意されています。 まずはデスクトップサイズとして、幅1200pxで表示してみます。 デモページ：幅480pxで表示 skel.jsの使い方 jQueryや他のスタイルシートなどを用意せずに、すぐに利用できます。 Step 1: 外部ファイル 当スクリプトを外部ファイルとして記述します。 <script src="skel.js"></script> jQueryもスタイルシートも他のファイルは必要ありません。 Step 2: スクリプトのセットアップ スクリプトのセ
eventlistenerの応用例 - 手抜きLab＠DTPの現場
あのさあ、思うんだけどさあ、パッケージ切るんだったら料金プランとか、しっかり考えてもらわないとクラウドなんか永久に全社導入とはならないよね。全部使えるんだよ！だからこの値段！じゃなくて、これとこれでいくらだよって出来ないか？？？この業界なんか、ほとんどの端末でデザインスタンダード動いてたんじゃね？要らないんだよPremire。AfterEffectsなんか動かすのわたししか居ないし、その他、日本語ロケールに対応出来ないアプリあっても使わないってメンバー大半なんだから...ストレージも今時20Gで何すれば良いの？DropBox使うって。 なんだかんだ言ってベータから付き合いですが、感覚的に当時の感じが抜けきれていなくて何となく中途半端な感じを未だに受けるのですがみなさんどうですか？ 愚痴だけでは面白くないのでこんなのを作ったので置いておきます。 非常に単純な例です。捉えるイベントは「ペースト
javascript - で bilateral filter (選択的ガウスぼかし)を実装してみた : 404 Blog Not Found
2012年09月06日18:03 カテゴリアルゴリズム百選Math javascript - で bilateral filter (選択的ガウスぼかし)を実装してみた HTML5 Canvas Steve Fulton / Steve Fulton / 安藤 慶一訳 [原著:HTML5 Canvas] 「選択的ガウスぼかし」がえらい気に入ったので、アルゴリズムの学習も兼ねてJavaScriptでやってみたら思いの他使い物になりそうということで。 Demo: File APIを実装しているブラウザーで動きます。IEの方ごめんなさい。IEだと10以降になります。小さめのファイルを読み込ませて下さい。1024*1024ピクセルを一応の上限に設定してあります。(追記2021.11.29:上限を16Mピクセルまで上げました。その他CSS周り修正) Info: Source: Radius: Thr
【オリジナル制作】Photoshopでの作業を効率化できるいい感じのJSXスクリプト | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの王です。「とりあえずタイトルに興味を持ったけどいまいちピンとこなかった」という方もいるのではないでしょうか。 ずばり、Photoshopのスクリプト機能を利用して、表題の作業を自動的に処理させるということです。僕みたいな怠け者で楽をしたい人にはぴったり！ 今回主に紹介したいのは自作のスクリプトで、Webに特化した作業を簡単にしてくれます。 ダウンロードはこちら（ダウンロードが開始されます）： https://liginc.co.jp/demo/2012/09/PhotoshopScripts.zip スクリプトを使うには？ まずはスクリプトの使い方について説明していきます。 スクリプトをダウンロードし解凍したら、拡張子が「jsx」のファイルが幾つか入っていると思います。それらを下記のフォルダにコピーし、PCを再起動させます。 Windows：PhotoshopPre
小さなパスアイテムの削除 - 手抜きLab＠DTPの現場
最近スランプです。何がスランプかと言うと事前の調査が足りずになし崩し的に事態が転がっていくのを止めるどころか自らもころころしちゃう様な具合なんです。 まあ、それは置いておいて、Bスプラインってベジエに落とすのは超簡単です。ですからIllustrator上に展開してしまうのは楽なのですが、書き戻し時に必ず誤差が生じます。どうも何とかならない物かってあれこれ考えるのですが、無理ですwあきらめなさいって言われている様な気がする今日このごろなのです。 なんて事は無いですが、ライブトレースでちっこいの沢山残しちゃったのでスクリプトで削除しようと思いました。 コードはこんな感じです。 var tg = app.activeDocument.pathItems; for (var i=0;i<tg.length;i++) if (Math.abs(tg[i].area)<0.08) tg[i].remo
photoshopでモザイク作ってみた。 - 手抜きLab＠DTPの現場
ここって自前のサーバで細々と運営しているのはご覧の通りです。しかしながらそんな事するとOSやツールの脆弱性が発覚した時には素早い対応が必要な訳でございます。それもディストリビューションの絡みがあって、kernelに手を加えたりパッケージ管理システムから逸脱した保守をやっていたりと結構綱渡りなのです。 ほとんどはバーチャルマシン上で動いていますので管理はそう難しい事ではありません。しかし、一部でMySQLつかってなかったりとスタンダードな構成にはほど遠い状態の運用です。利用しているパッケージがあれが無いこれが無いって散々ブーたれる訳ですがパッケージの管理自体を人力に頼っている状態に近いので一つひとつソースを入手してmakeしていたりします。MTOSに関しても状況は同じで、先の脆弱性に対する対応に関してパッケージのアップグレードではなく、ソースに手を入れると言う愚挙に出たりもしたりします。そん
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
deconcepter.jp
Loading...
Web Design Tips To Help You Succeed - Web Design
Components · Twitter Bootstrap