タグ

jsとjavascriptに関するhirokideathのブックマーク (6)

  • MagicEye.js

    Show Magic Eye Show Depth Map Redraw Shapes Draw Your Own! MagicEye.js is a JavaScript library for generating "Magic Eye" images in the browser. Technically, it generates single-image random dot stereograms, or SIRDS. In the above example, pixel values from an HTML5 Canvas are turned into depth data, which are then used to generate a Magic Eye image. The code looks something like this: var canvas

  • 2014年総まとめ、jQueryのプラグインとスクリプト100選

    毎年末にjQueryのプラグインをまとめていましたが、今年はプラグインの他に単体で動作するスクリプトも加えて、jQueryのプラグインとスクリプトの総まとめとして記事にしました。 今年目立ったのは、去年から引き続きアニメーション系、縦長ページ用のスクリプトでしょうか。 1カラムのレイアウトが流行っているためか背景関連も充実していました。それとSVGをより簡単に利用できるようになったのも大きな目玉ですね。 また、jQueryに依存しない、単体で動作するスクリプトも多く開発されるようになったと思います。 背景関連 SVG関連 縦長ページ関連 スクロール連動・パララックス関連 その他スクロール操作・補助関連 レスポンシブ関連 ナビゲーション関連 レイアウト関連 コンテンツ生成関連 コンテンツ紹介・ツアー関連 スライダー・カルーセル関連 画像拡大・配置・キャプション関連 アニメーション関連 エフェ

    2014年総まとめ、jQueryのプラグインとスクリプト100選
  • [JS]最近のウェブサイトで見かける面白い仕掛けを実装するスクリプトのまとめ

    fullPage.js ポートフォリオや企業のプロモーションでもよく見かける1ページで構成されたサイトで、フルスクリーンの垂直スクロール、そして水平のスライドにも対応したウェブサイトを作るためのスクリプト。 こういう作りは特にタブレットで操作がしやすいですね。 FancyScroll.js スマフォやタブレットのようにページの終わりまでスクロールした際にバウンドするのをはじめ、ちょっと面白いさまざまなエフェクトをスクロールに与えるスクリプト。

  • jQuery 日本語リファレンス

    jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ?'); }, function(){ $(this).text('ヌー'); } );

  • ブログでもだいたい使えるHTMLタグ リファレンス - JavaScriptを使って現在の時刻を表示する 

    日付や時刻を扱うには、new ステートメントを使用して日付オブジェクトを作成します。日付を設定する場合には、日付を表す文字列( "1973.12.24","Jan 16 1975"など)を引数として()内に指定します。省略すると、現在の日付に設定されます。 getFullYear: 2005 などの4桁の西暦を返します。バージョン3.0以前のブラウザには対応していません。西暦を表すメソッドにはgetYear もありますが、これは西暦から 1900 を引いた値( 2005年なら"105")を返します。 getMonth:実際の月よりも 1小さい値( 1月なら"0"、2月なら"1"を返しますので、表示の際には 1加える必要があります。 getDay:日曜日なら"0"、月曜日なら"1"、土曜日なら"6"というふうに 0 から 6 の数値で返します。曜日の文字列をあらかじめ配列に設定し、このインデ

  • JavaScriptでSLを走らせる「SL.JS」を作りました | Creazy!

    開発に関わっていて、UNIX(Linux)を触った事のある人は「SLコマンド」をご存知の方が多いのではないでしょうか? lsを間違えてslと打つとこんなのが煙を吹きながら走る sl(1) コマンドを作りました. via: 豊田正史とslコマンド (Masashi Toyoda and SL command) ファイル一覧を出力する「ls」をtypoして「sl」と打ってしまうと、文字通りSLが画面を走り抜けるというすばらしくくだらない仕組みなのだ。いわゆる、ジョークコマンドの一つとしてとても有名で、多くの開発者の気持ちを和らげた(腰を砕いた)ことでしょう。 さて、そんなくだらないジョークコマンドを懐かしんでいると、JavaScriptでSLを動かしてみたくなってしまったので作ってみました。 ・SL.JS ブックマークレット方式にしてあるので、上のSL.JSリンクをブックマークして下さい。 ど

    JavaScriptでSLを走らせる「SL.JS」を作りました | Creazy!
  • 1