タグ

2013年8月26日のブックマーク (7件)

  • 辻村深月 - Wikipedia

    辻村 深月(つじむら みづき、1980年2月29日 -)は、日小説家。山梨県笛吹市出身[3]。 経歴 公務員の両親のもと[1]、山梨県の石和町に生まれる[3]。笛吹市立石和東小学校、笛吹市立石和中学校へ通う[3]。 幼い頃から読書好きで、「シャーロック・ホームズシリーズ」や「少年探偵団シリーズ」などのミステリーから、『ズッコケ三人組』や『クレヨン王国』などのジュブナイルなどを読んでいた[4]。小学校3年生で「悪霊シリーズ」でホラー小説に出会い、夢中になる。クラスで同シリーズも入っている講談社X文庫ティーンズハートが流行して、感化された小説を書き始めたので、自分も「小説は書いてもいい」と気付き、ノート数冊にホラー調の習作小説を書く[4]。 小学校6年生の時に綾辻行人の『十角館の殺人』を読んで衝撃を受けて以来大ファンとなる。その後、綾辻の作品を読み漁り、何度もファンレターを送り、編集部の厚

    kkana
    kkana 2013/08/26
  • パララックスサイトの作り方の初歩

    最近パララックス(視差効果)を取り入れたサイトが増えてきました。 仕組みや簡単なものを作れるようにしておきたかったのでいろいろ試してみました。 ちなみにもっと効率良く作れる方法とかもあるかもしれませんので、一例ということで御覧ください。プラグインはまだ試したことがないので そちらを使ったほうが楽かもしれません。 パララックス効果のjQueryプラグインまとめ あと動作はこの記事時点でのFirefoxの最新版でしか確認はしていません。 スクロール量を取得する まずはスクロールすると動くので、スクロール量を取得します。ちなみにjQueryを使ってます。 $(function(){ $(window).scroll(function(){ var y = $(this).scrollTop(); $("#num").text("スクロール量:" + y);//表示用 }); }); サンプルペー

    パララックスサイトの作り方の初歩
  • jqueryのappend()とappendTo()整理

    $('#A').append($('#B')) AにBを追加する $('#B').appendTo($('#A')) BをAに追加する 作成されるHTMLは同じ。 しかし、戻り値のJQueryオブジェクトが違う $('#A').append($('#B')) は A $('#B').appendTo($('#A')) は B 続けて操作したいオブジェクトが Aの時は append() Bの時は appendTo() と使い分けるのがよさげ

  • jQuery の .end() メソッドが便利ですよ | JavaScript | かたつむりくんのWWW

    たぶん jQuery を使い始めたばかりの人はあまり使わないであろう .end() メソッドですが、これ、かなり便利なんですよね。 僕も最初はあまり使っていませんでしたが、最近は積極的に使っています。ソースも短くかけるうえに、パフォーマンス的にも良いので是非使っていきたいメソッドです。 今回は、簡単な例で .end() を紹介してみます。 今、次のようなソースがあるとします。アコーディオンさせる場所などで良く見そうなソースです。 <dl id="hoge"> <dt>.end()を使う</dt> <dd> <ul> <li>list 1</li> <li>list 2</li> <li>list 3</li> <li>list 4</li> <li>list 5</li> </ul> </dd> </dl> このような html に対して、次のような操作を行いたいとします。 dt 内のテキ

    jQuery の .end() メソッドが便利ですよ | JavaScript | かたつむりくんのWWW
  • これはすごい!3DモデリングをCSSで書き出してくれるオンラインエディタ「Tridiv | CSS 3D Editor」 | mifdesign_antenna

    ホーム > Web > これはすごい!3DモデリングをCSSで書き出してくれるオンラインエディタ「Tridiv | CSS 3D Editor」 新しい 古い 立体的なオブジェクトを表現できるCSS3のCSS 3D transformsを、もっと簡単に制作・編集できてしまうオンラインエディターです。これ、すごい。 ▲こんな風な3Dエディター画面で、直感的にオブジェクトを作っていくことができ、すぐにHTMLCSSを書き出してくれます。 ▲サンプルのひとつにあったスターウォーズに登場するX-Wing。こんなのも作れてしまうのですね・・・すごい!! ブラウザやブラウザのバージョンによって思うように表示されないこともありますので、その点は注意が必要ですね。 →Tridiv | CSS 3D Editor http://tridiv.com/

    kkana
    kkana 2013/08/26
  • text-shadowを使ってテキストにさまざまなスタイルを与える全23種類のスタイルシートのまとめ | コリス

    Text Shadow Compilation デモは全部で23種類、かっこいいスタイルをはじめ、使い方が限定されたアレなものまで、さまざまなスタイルがあります。 基HTML HTMLの基はclassを付与したh1要素のみです。 classを変更して、利用してください。 <h1 class="basic">Basic</h1> 以下、各デモのキャプチャとスタイルシートです。

  • Google Mapsを使ってみよう

    Google Mapsを制御する方法はいくつか用意されています。 JavaScript(Ajax)のAPIを使って動的に制御をしてサービスを作り上げることもできますが、スクリプトを使わずにURLを指定して地図を貼り付けることでも利用できます。 Google MapsのURLには、地図を制御するためのパラメータ(検索クエリ?)が含まれており、それらを直接変更することで地図をカスタマイズすることができます。 HTMLファイルからは、URLをリンクとして開くか、iframeタグを使ってページ内に取り込むことができます。 また、FileMakerでもURLを指定してデータベースにブラウザ表示を組み込むことができます。 Google Mapsの表示 まずはこちらで地図の検索をしてみましょう。 検索結果には次のような表示の特徴があります。まずは、これらの表示を制御したいと考えました。 1.情報パネル。