10 Free Online JavaScript Beautifier / Unminifier / Decompressor
Here, is a list of 10 free online JavaScript Beautifier to decompress / unminify / deobfuscate / unpack JavaScript files. Have you ever came across a situation where you were trying to figure out a bug in your program and the JavaScript included in the file has been minified or obfuscated? Finding bugs in a minified code is nearly impossible, since a line of code which is almost millions of charac
Top 9 UI Component Libraries for Rapid Prototyping
MUI (formerly Material-UI) Overview Welcome to MUI, one of the heavyweights in the React UI component libraries arena. The library, known previously as Material-UI, was born out of Google’s Material Design philosophy. It aims to provide a polished, sophisticated, and accessible suite of components, straight out of the box. Features MUI packs a whole load of features in its toolkit. You get pre-des
まじで使えるJavascriptライブラリ75選 | CREAMU
Javascriptで優れたインターフェースを実装したい。 そんなあなたにおすすめなのが、『75 (Really) Useful JavaScript Techniques』。まじで使えるJavascriptライブラリ75選だ。 以下にいくつかご紹介。 » Lightview スムーズに画像を拡大してくれる » FancyUpload アップロード中のプログレスを表示してくれる » SWFObject Javascriptを使ったFlashプレーヤ » JavaScript tabifier 簡単にJavascriptで切り替えられるタブインターフェースが作れる » FancyZoom 1.1 簡単なエンベッドでスムーズに画像を拡大してくれる » SimpleModal オーバーレイするクールなモーダルダイアログ » A Mac OS X-style Dock In JavaScript
透過PNGや角丸などをIE6や7でも実装出来るJavaScriptのメモ - かちびと.net
IE6のPNG透過や6、7での 角丸、ドロップシャドウを実装 するjsライブラリのまとめです。 同じ用途でもライブラリによっ て良し悪しだと思いますので、 備忘録的にメモ。 もうIEはいいよとも思いますが、現実そうも行かないのはもどかしいですね。万能では無いですけど、作業工数を減らせるならjsに頼ってもいいと思います。そういう訳で、透過の問題や角丸、ドロップシャドウを実装してくれるjsのメモ。 IE7.js IE6以下でもIE7と同じようなXHTML / CSSの解釈をしてくれます。要DOCTYPE 宣言。 IE6以下をWeb標準に準拠させるライブラリ『IE7.js』 DD_belatedPNG.js IE6でも透過PNGを実装できるライブラリ。class名等を指定します。リピートにも対応。 IE6用透過png対応策、DD_belatedPNGの使用法と注意点 合わせて読みたい：DD_be
アルファ画像を扱うalphafilter.jsライブラリ[to-R]
アルファ画像を扱うalphafilter.jsライブラリ IE6でアルファ画像(透過png)が使えないことにより、コーディングの作業量が大幅に増します。 そこで、IE6で透過pngを扱うjsライブラリを作ってみました。 設定は簡単、head要素内に条件付きコメントを利用してalphafilter.jsで読み込むだけ。 読み込みを高速化させるためdefer属性をの記述を忘れずに行ってください。 <!--[if lte IE 6 ]><script type="text/javascript" defer="defer" src="./alphafilter.js"></script><![endif]--> 透過にしたい画像にclass属性でalphafilterと入れるだけで、なんとIE6でも透過画像の使用が可能になります。 <img src="./sample.png" class="a
![アルファ画像を扱うalphafilter.jsライブラリ[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
Vista+IE9でalphafilter.jsの挙動がおかしい - POCH-7003 BEATout!
この前alphafilter.jsをありがたく使わせてもらってたら、どうも自分のPCの時だけIE9でのデザインが崩れる。といっても、透過PNGが表示されないってだけなんだけどね。 ソースを見たら下記の様な判断。 if (navigator.userAgent.indexOf("MSIE")!= -1 && navigator.appVersion.indexOf("6.0")!= -1) { これだとVistaとServer2008？を使っていた場合、NT 6.0がappVersionに含まれている為、引っかかってしまい上手く動かないのかも。この記述自体ちょっと古いブラウザにも気を遣ってた感じもしますが・・・ 対応ブラウザをさて置けばmatchを使った方が良い感じもします。 if (navigator.userAgent.match(/MSIE\s*6\.0;\s*/i)) { NT7.0
YESSBMX
Opening soon...Shop is down for now, thank you for your patience
Chrome Experiments
Chrome Experiments is a showcase of work by coders who are pushing the boundaries of web technology, creating beautiful, unique web experiences. You'll find helpful links throughout the site for creating your own experiments, and you can also explore resources like WebGL Globe and our workshop of tools.
入会キャンペーンガイド｜知らないと損だよ！
旅行や旅に便利、国際線に対応している航空機遅延保険付きクレジットカードは、飛行機の搭乗が遅れたり、フライトがキャンセルになってしまった時には現実に支出した金額を保証してくれる非常に頼もしいサービスになります。 空の旅の安心感もあり、フライトがキャンセルになった時にもカードが保証してくれ、そのため利用しやすく十分に様々な場所で海外出張や旅行も安心して過ごせます。 このカードはトラベラーや旅行好きの方、国際線の移動が多いビジネスマンにおすすめカードです。航空機遅延保険は飛行機が遅れてしまった時に、カード会社が損害を負担してくれる保険なので、空の移動にはこのサービスを付帯したカードを持っていると非常に安心感もありおすすめです。 MUFGカード プラチナアメックス クレジットカードでもMUFGカードはあの最大手アメックスとＭＵＦＧの発行しているプラチナカードなので、多くのメリットが付帯している使い
Sliding Boxes and Captions with jQuery « Build Internet
Add an extra layer of information to your images with sliding boxes. This is now a plugin! Check out the announcement post for the Mosaic jQuery plugin. Check the project page for the latest release notes and features! The Basic Idea All of these sliding box animations work on the same basic idea. There is a div tag (.boxgrid in my css) that essentially acts as a window where two other items of yo
Document Object Model (DOM) Level 3 Core Specification
Document Object Model (DOM) Level 3 Core Specification Version 1.0 W3C Recommendation 07 April 2004 This version: http://www.w3.org/TR/2004/REC-DOM-Level-3-Core-20040407Latest version: http://www.w3.org/TR/DOM-Level-3-Core Previous version: http://www.w3.org/TR/2004/PR-DOM-Level-3-Core-20040205/ Editors: Arnaud Le Hors, IBM Philippe Le Hégaret, W3C Lauren Wood, SoftQuad, Inc. (WG Chair emerita, fo
ブラウザでお絵描きプログラミング！ Processing.js 登場！ - IT戦記
はじめに 今日、 jQuery の作者として有名な John Resig さんが Processing.js という JavaScript のライブラリを公開しました。 John Resig - Processing.js このライブラリを使うと、比較的簡単に以下のようなグラフィックスやアニメーションを書くことができるようになります。 というわけで、公開されたばかりのこのライブラリを簡単な使い方から詳しい使い方までとことん掘り下げてみたいと思います。 Processing.js 概要 まず、 Processing.js とは何かという話をします。 Processing.js とは、ブラウザで Processing というプログラミング言語を実行する JavaScript のライブラリです。 では、 Processing とはどのようなプログラミング言語なのでしょうか。 Processing
JSTweener Example - Transitoins
JSTweener Example - Transitoins Time: transition:
第18回 アニメーションの実用 | gihyo.jp
こんにちは、太田です。前回はアニメーションの基礎を学びました。今回はその基礎を実際に役立てるところを学んでいきます。 アニメーションを用いる場面と効果 さて、前回学んだようなアニメーションは、すなわち「状態の変化を見せる」ものでした。ある状態から次の状態へと時間をかけて変化させる処理を実装したものです。 なぜこういったアニメーションを行うのか、それには主に2つの理由・効果があります。 まず1つは読み込みの待ち時間をごまかす効果があります。サムネイル画像をクリックしたら、大きな画像の読み込みを開始しつつユーザーにはアニメーションを見せておき、読み込みが完了したら画像を表示するといったテクニックは、ユーザーの体感的な早さを改善する効果があります。 また、状態の変化が段階的に起こることで、その変化がどの程度の変化なのか直感的にわかる効果があります。例えば、あるリンクをクリックしたときに同じページ
第17回 アニメーションの基礎 | gihyo.jp
こんにちは、太田です。3回ほどJavaScriptの基礎的な内容が続いたので、今回はグラフィカルなアニメーションについて解説します。グラフィカルなJavaScriptというと、難しい・応用的なイメージがあるかもしれませんが、JavaScriptでのアニメーションとはすなわちCSSを段階的に操作するということで、そのポイントを抑えれば中身は単純なものです。 アニメーションの前提知識 HTMLにおける通常のアニメーションを構成するのは、「特定の要素」に対して、「そのCSSプロパティ」を「ある時点からある時点まで」の時間の中で、「ある値からある値に操作」する、といった要素です。 特定の要素と、CSSプロパティについては問題ないと思います。問題となるのは「時間と値の操作」です。 まず、単純にインクリメントするだけというサンプルを見てみましょう。 良くないアニメーション var y = 0;
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Has anyone got processing.js working in IE?
Processing.js - Using exCanvas with Processing.JS on Internet Explorer
Processing.js - Tutorials, Demos & Examples
jQuery Content Slider | Responsive jQuery Slider | bxSlider
Processing.js drug and drop
