2011年9月27日のブックマーク (12件)

  • CoffeeScript基礎文法最速マスター|技術ブログ|北海道札幌市・宮城県仙台市のVR・ゲーム・システム開発 インフィニットループ

    CoffeeScript基礎文法最速マスター はじめまして。新人のtek_kocです。 今回は巷で話題のCoffeeScriptの文法をまとめてみました。 1年近く前に流行った基礎文法マスターシリーズにCoffeeScriptがなかったので、勉強も兼ねて同形式で書いてます 。 JavaScriptを使っている方はこれをざっくり眺めてCoffeeScriptへの移行を検討してくれればなと思います。 まだ網羅しきれていないですが、これを読めばCoffeeScriptに乗り換えることができるはずです。 間違いや、足りない箇所などがあれば、是非コメント等で指摘してください! バージョン 現時点で最新の1.0.1を対象にします。 0.概要 CoffeeScriptとはJavaSciprtにコンパイル可能な言語です。 RubyPythonなどに近い記述が可能で、JavaScriptの開発をより効率的

    CoffeeScript基礎文法最速マスター|技術ブログ|北海道札幌市・宮城県仙台市のVR・ゲーム・システム開発 インフィニットループ
    kkeisuke
    kkeisuke 2011/09/27
  • jQueryで背景画像をフルスクリーン表示してスライドショーに出来るやつ色々 - かちびと.net

    気が向いたのでメモ。背景に配置した 画像をフルスクリーンで表示して、更 にスライドショー化できるjQueryのプ ラグインとか。さほど数は無いですけ ど・・・使う可能性があるかもなので 備忘録的にまとめておきます。 タイトル考えるの結構面倒くさいので適当になってきました。語彙が中学生レベルですが気にしないで下さい。 さて、フルスクリーンにした背景をスライドに出来るjQueryいろいろです。ほぼ択一っちゃ択一なんですけど・・・ちょっと出来上がりすぎていじりにくいので他もチェックしたい、という事で調べたものを羅列しておきます。触ったこと無いのもあるのでその程度の記事という事で。 Supersized 定番の高機能プラグインです。IE6では動作しません。スマートフォンでも大丈夫っぽい。多数のオプションも用意されており、FlickrAPIにも対応してるくさいです。ライセンスはMIT/GPLのデュア

    jQueryで背景画像をフルスクリーン表示してスライドショーに出来るやつ色々 - かちびと.net
    kkeisuke
    kkeisuke 2011/09/27
  • サルでもわかるHTML5超入門

    サルでもわかるHTML5超入門 - Téléchargez le document au format PDF ou consultez-le gratuitement en ligne

    サルでもわかるHTML5超入門
    kkeisuke
    kkeisuke 2011/09/27
  • iPhone/iPad用Safariのlabelタグの問題を解消する - jsdo.it - Share JavaScript, HTML5 and CSS

    iPhone/iPadのSafariで見てください。 通常labelタグのfor属性とinputのid属性を一緒にすることで 関連付けられたテキスト部分をクリックしてもチェックを付けることができるが iPhone/iPad用Safariではなぜか反応しない。 javascriptを使って、clickイベントでcheckする必要があるが clickイベントだけで、イベントの中に何も記述しなくても 問題なく動作する。 【追記】 もしかしてと思いonclick属性をlabelに付けたら、それだけで動きました。 【追記:2011/10/14】 iOS5のsafariで確認したところ、修正されてませんでした。 【追記:2012/10/30】 iOS6のsafariでこの問題は解消したようです。 $(function(){ var ua =navigator.userAgent; if(ua.inde

    iPhone/iPad用Safariのlabelタグの問題を解消する - jsdo.it - Share JavaScript, HTML5 and CSS
    kkeisuke
    kkeisuke 2011/09/27
  • Android Intentで画面遷移する(暗黙的Intent) | TechBooster

    Intentで画面遷移する(明示的Intent)/Getting startedでは、同一アプリケーション内での画面遷移をIntentで行いました。 今回は暗黙的Intentを使って、他アプリケーションを呼び出してみます。 暗黙的Intentは、所定の動作(例:ブラウザを起動)のみ指定してアプリケーションを起動します。 起動される側のアプリケーションは、反応したいイベント(ブラウザでURLを表示する、というAction)に対して返事をします。 明示的Intentで単純に標準の「ブラウザ」アプリケーションを指定しても、Webを見るという動作は実現できます。 標準のアプリケーションを使っていれば一見問題無いように思えますが、利用者は好きなアプリケーションを選べなくなってしまいます。 (※また、ブラウザが入っていないシステムでは、残念ながら動かないでしょう。) 暗黙的IntentはAction(

    kkeisuke
    kkeisuke 2011/09/27
  • [JS]表示サイズに合わせてレイアウトやフォントのサイズ・ポジションを変更するスクリプト -jFL

    デモ3:幅800pxで表示 [ad#ad-2] jFLの実装 現在、開発者バージョンが公開されており、それを参考に実装方法を紹介します。 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして指定します。 <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/jFL.min.js"></script> HTML 3カラムのデモのHTMLです。 ※シンプルにしています。 <div id="container"> <div id="left"><p>カラム:左</p></div> <div id="center"> <img src="gnu.png" id="the_img" style="float:left"> <p>カラ

    kkeisuke
    kkeisuke 2011/09/27
    表示サイズに合わせて、divのサイズ、fontのサイズ、divのポジションなどを変更するjQueryのプラグイン
  • [CSS]特定のエリアだけをアニメーションで一瞬目立たせるテクニック

    編集可能なページなどで変更した箇所を分かりやすくするために、ターゲットされるとそのエリアだけをフェードのアニメーションで一瞬目立たせるスタイルシートのテクニックを紹介します。 Yellow Fade Technique with CSS Animations [ad#ad-2] このテクニックが広まったのは「Basecamp」のイエローフェードが有名で、JavaScriptを使用して特定のエリアをイエローにハイライトして目立たせます。 Basecampの紹介記事: Web Interface Design Tip: The Yellow Fade Technique 同様のテクニックをCSS3で実装する方法を紹介します。 ターゲットされるとそのエリアの背景色が黒から、透明に変更します。 /** * Quick fade on target to attract user attention

    kkeisuke
    kkeisuke 2011/09/27
  • 中身が画像のselectボックスを作るjQueryプラグイン:phpspot開発日誌

    Image Select plugin with jQuery | images select 中身が画像のselectボックスを作るjQueryプラグイン 普通selectの中身といえばテキストが一般的ですが、画像で選ぶことができます。 select内のoptionの値を画像のパスにしておいて、$(element).ImageSelect() のように初期化するだけで使えます 関連エントリ アイコン付きで自由にデザインできるselectボックス実装jQueryプラグイン「jQuery.superselect」 デザインがよくて複数連動可能なselectボックス作成jQueryプラグイン カッコいいselectボックスを作成できるjQueryプラグイン「FancySelector」

    kkeisuke
    kkeisuke 2011/09/27
  • Starling (新しい ActionScript 3 の 2D フレームワーク) のご紹介 - akihiro kamijo

    Starling は、Flash Player 11 の新しい 3D 描画機能 "Stage3D" 上に構築された、オープンソースの 2D 描画用 ActionScript フレームワークです。FreeBSD ライセンス下で配布されます。 現在バージョン 0.9 が公開されています。ダウンロードはこちらのリンクから。 (Starling Framework v0.9) Stage3D は直接 GPU 機能を活用できるため、従来よりもずっと高速な描画を実現できます。すでに、様々な 3D フレームワークが Stage3D に対応しています。 (Alternativa3D とか Away3D とか Minko とか Flare3D とか Mixamo とか) Stage3D は強力なのですが、実際に使おうと思ったら、アセンプラでシェーダープログラムを書くとか、何れかの 3D フレームワークの使い

    kkeisuke
    kkeisuke 2011/09/27
    Flash Player 11 の新しい 3D 描画機能 "Stage3D" 上に構築された、オープンソースの 2D 描画用 ActionScript フレームワーク
  • Android風の簡単な通知を実現する「jQueryToast」:phpspot開発日誌

    jQuery Toast Plugin Android風の簡単な通知を実現する「jQueryToast」 クリックすると次のようなAndroid風の通知がページ上に現れます。 次のように、.toastでメッセージとオプションを渡してあげるだけなのでalertみたいにお手軽に使うことができます。 Android用のHTML5ベースのアプリなんかでも使っても良さそうですね。 関連エントリ HTML5のデスクトップ通知を簡単に扱えるjqueryプラグイン「desktopify」。 通知件数表示付きのメニュー実装jQueryプラグイン「Notification Menu」 HTML5のDesktop Notificationを簡単に実現するjQueryプラグイン「jwNotify」

    kkeisuke
    kkeisuke 2011/09/27
  • どうなるECMAScript どうするActionScript | とんぶろ

    “[試して理解]Linuxのしくみ ~実験と図解で学ぶOSとハードウェアの基礎知識” というを読んだのでメモ。 感想 書は以下のような構成になっていて、概要の話からプロセス→メモリ→キャッシュ→ファイルシステム→ストレージとどんどん下の階層?に降りていくような進め方になっている。 コンピュータシステムの概要 ユーザモードで実現する機能 プロセス管理 プロセススケジューラ メモリ管理 記憶階 ... 続きを読む

    どうなるECMAScript どうするActionScript | とんぶろ
    kkeisuke
    kkeisuke 2011/09/27
  • alt-scape.com

    alt-scape.com 2019 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy

    kkeisuke
    kkeisuke 2011/09/27
    iPhone、Android