「javascript」タグアーカイブ

Photoshopのpsdファイルを解析しHTMLで表示させるJSライブラリ「psd2img.js」をGitHubに公開!

HTMLを構築中、psdファイルをPhotoShopで修正する毎に画像を書き出しすんの面倒だな…。と思ったことはありますか?ありますよね!(ないか?)

とコピペ文章で始まった今回、発表するのはJSライブラリ「psd2img.js」です。もちろんこの後もコピペ文章が続きます!。

続きを読む Photoshopのpsdファイルを解析しHTMLで表示させるJSライブラリ「psd2img.js」をGitHubに公開!

Illustratorのaiファイルを解析しHTMLで表示させるJSライブラリ「ai2img.js」をGitHubに公開!

HTMLを構築中、aiファイルをIllustratorで修正する毎に画像を書き出しすんの面倒だな…。と思ったことはありますか?ありますよね!(ないか?)もしもaiファイルを直接HTMLで表示できれば、便利ですよね?ですよね!?

そんなテクノロジを夢見る皆様に、shock tmが今回お送りするのはaiファイルをHTMLで表示させるJSライブラリ「ai2img.js」

続きを読む Illustratorのaiファイルを解析しHTMLで表示させるJSライブラリ「ai2img.js」をGitHubに公開!

jQueryソースコードのアイコン

jQuery:画像切り抜きプラグイン「Cropper.js」のガイドにフェイスラインを追加して、証明写真系の切り抜きインターフェースを優しくしよう!

Cropper.jsというjQueryプラグインをご存知ですか? ブラウザ上での画像切抜きの機能がお手軽に成し遂げることが出来るプラグインなんですよ? かなりお手軽に実装できるのでオススメです。

続きを読む jQuery:画像切り抜きプラグイン「Cropper.js」のガイドにフェイスラインを追加して、証明写真系の切り抜きインターフェースを優しくしよう!

jQueryソースコードのアイコン

jQueryでXML要素を属性指定で値を一発取得できた!(if文を使わずにですよ?)

取り出してif文なんてそんなセッションな

サンプルxml
<xml>
  <superman type="正義超人" type2="リーダー">テリーマン</superman>
  <superman type="正義超人" type2="大王">キン肉マン</superman>
  <superman type="悪魔超人" type2="悪魔六騎士">アシュラマン</superman>
  <superman type="完璧超人" type2="首領">ネプチューンマン</superman>
  <superman type="悪魔超人" type2="七人の悪魔超人">バッファローマン</superman>
</xml>

上記のようなxmlの中から、superman要素の属性値「type」が「悪魔超人」の値を取得したい場合

続きを読む jQueryでXML要素を属性指定で値を一発取得できた!(if文を使わずにですよ?)