タグ

2012年11月15日のブックマーク (11件)

  • Webサイトツアーを可愛い吹き出しで実装するjQueryプラグイン・Crumble

    注目させたい箇所に順々に吹き出し を表示させるWebサイトのツアー コンテンツを実装するjQueryのプ ラグイン・Crumbleのご紹介です。 可愛いデザインでこのままでも使え そうです。 ツアーコンテンツを実装するスクリプト。jQueryを使用します。 吹き出しをクリックすると次の吹き出しが表示されます。かわいい。 尚、吹き出しはgrumble.jsが使われていますので同時に読み込む必要があります。 <ol id="foo" style="display:none;"> <li data-target="span">吹き出し その1</li> <li data-target=".foo">吹き出し その2</li> <li data-target="b" data-angle="190" data-options="distance:10">吹き出し その3</li> </ol>表示さ

    Webサイトツアーを可愛い吹き出しで実装するjQueryプラグイン・Crumble
  • Facebookライクなモーダルボックスを実装するスクリプト・Mikes Modal Library

    Facebookライクなモーダルボックス を実装するスクリプト、Mikes Modal Libraryのご紹介。Facebookはもうや ってないですけど、汎用的でいいの では無いかなと。jQueryを使用しま す。 汎用的なモーダルボックスです。jQueryのプラグインとなっています。 写真の脇にコメントするエリアがある、みたいなやつ。ボックス要素をモーダルウィンドウとして呼び出しています。コンテンツを注目させたい手法としてはベーシックなものですので割りと使用頻度は低くないのでは。 公式の動作サンプルです。 Sample コード<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js" type="text/javascript"></script> <script src="mikes-mo

    Facebookライクなモーダルボックスを実装するスクリプト・Mikes Modal Library
  • コンテナに画像がぴったり収まるように画像のサイズを変更するjQueryプラグイン・imgLiquid

    画像を包括したコンテナに その画像がぴったり収まる ようにサイズを調整する、 というjQueryプラグイン。 必要になるか分かりません が、需要はありそう。 コンテナ一杯に画像を表示させる、というもの。 上が使用した状態、下が未使用です。下はコンテナに隙間があるのに対し、上はコンテナに隙間無く画像が収まっています。画像をメインとしたコンテンツでグリッドレイアウトなWebサイトなどにも良さそうです。 コード<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script> <script src ="imgLiquid-min.js" type="text/javascript"></script>コアとプラグインを読み込みます。 $("

    コンテナに画像がぴったり収まるように画像のサイズを変更するjQueryプラグイン・imgLiquid
  • Made with Unity

    「次のアドベンチャーゲームは画面の向こうだ」 "ソードアート・オンライン" プロデューサーら豪華スタッフキャストが集結。 360度の広がりを持つ空間で紡がれる、未体験のVRミステリーアドベンチャーゲーム。 目の…

    Made with Unity
  • #sendagayarb #25 vim弱から卒業したい - ppworks.jp

    千駄ヶ谷.rb #25 #sendagayarbで何をしようかな、と考えていて、思いついたのが「vimを何とかしよう」ということ。 まずは、jkjkjk…と移動し過ぎな点を改善したいと思い、@fukajunさんにvim弱のための講座を開いてもらいました。資料はそのうちどこかにアップされると思います。 #Sendagayarb #25 - Toggeter 千駄ヶ谷.rb #25 #sendagayarb - ishikitakai.com いくつかメモを 色々教えてもらった中で知らなかったことなどをメモしておきます。 :set nu numberのエイリアスですか、短くて便利。 生な感じのvimを触るときにでも使いそうです。 ctrl + [(スクウエアブラケット) = esc esc?遠いんだよ、クソが といった時に使えそう。便利。 [ってなんて読むんだろうと思っていたら、@_mark_

    #sendagayarb #25 vim弱から卒業したい - ppworks.jp
  • 改行削除するくらいなら gzip したらいいじゃない

    CSSJavaScript ファイルなどを gzip 圧縮して転送量の削減や Web サイト表示速度の向上を実現する方法を解説。既存 Web サイトのソースには一切手を加えない方法でまとめています。おまけでキャッシュ関連の記述もあり。 いや、1バイトの無駄もゆるせねぇんだよとか、難読化したいとかなら別にやればいいんですけど、CSSJavaScript ファイルの改行やスペースを削除しただけでファイル容量圧縮、読み込み速ーい的なこという人がいるので今さらですが書いてみます。すでに色々なところで書かれてるのでかぶるのは承知の上で。 改行や無駄なスペースなどを削除すること自体が悪いと言ってるわけではありませんのでその辺は誤解ないようにお願いします。ただ、gzip 使って圧縮するのに比べたら、改行削除して削れるファイルサイズなんて微々たるものです。もちろん、両方やれば最大限ファイルサイ

    改行削除するくらいなら gzip したらいいじゃない
  • 危なくないgitこと、うちのチームのgit戦略草案(ver. 2)

    履歴 恥を忍んで記事を公開させていただいたおかげで、いろいろフィードバックいただきました。フィードバックを取り込んで更新を行なっています。 2012/11/16: cherry-pickしやすいように、というくだりのところは論理通ってないので削除しました。 1 pull req. 1 commitの原則をやめました。言いたいことであった「試行錯誤の過程を入れないで」を丸パクリしました! > id:kazuho その他表記修正、クリアコードさんの記事に説明丸投げなど。 まえがき gitでトラブった!という話を何度か聞いたことがあります。なんでトラブッてるんだろう…と話を聞いたところ、同一のリモートブランチに対して複数人・複数環境から操作が行われているようです。極端な例を挙げると、masterブランチしか存在しておらず、コミットログをキレイにするためと称してgit pull –rebaseを常

    危なくないgitこと、うちのチームのgit戦略草案(ver. 2)
  • 無断転載などの不正利用行為と二次創作の違い | 松下響の天輪返し

    2015/05/21 : 末尾に関連記事を追加しました。 2014/01/16 : 冒頭に著作権侵害の成立要件を追加し、依拠性と類似性について記述の修正を行いました。目次と更新履歴を追加しました。 2014/01/07 : 内容を大幅改訂しました。 2012/08/02 : 記事を公開しました。 「無断転載も二次創作も同じ不法行為じゃないか」という指摘についてですが、まず著作権侵害が成立するのは 侵害されたとされるものに著作物性が認められること 著作権が有効であり、権利が及ぶ範囲で利用されている(=引用などの例外的に無断で使ってよいとされる利用条件にあたらない)こと 利用者が当該著作物の正当な利用権原を持たない(=権利者でもなく許諾も得ていない)こと 複製物や翻案物が元の著作物に対し依拠性がある(=事実上の因果関係として元作品の主要な要素を拠り所としていること) 複製物や翻案物が元の著作物

    無断転載などの不正利用行為と二次創作の違い | 松下響の天輪返し
  • サーバ管理を一元化。ステータス管理もできる·とりぐらふ MOONGIFT

    とりぐらふは複数のサーバ情報を一元的に管理し、その運用状態もモニタリングできるソフトウェアです。 Webサービスが大きくなっていくのに従って、サーバの台数も増えていきます。そうしたサーバ群の管理については企業独自の取り組みがいろいろ行われていますが、オープンソースとして公開されたのがとりぐらふです。 トップページです。GitHubのアカウント認証でログインできます。 アクティビティです。ログも確認できます。 提供しているサービスの一覧。 編集できます。MuninのURLを設定するようになっています。 ロールの設定です。 ホストの一覧です。 ホストの詳細画面です。 とりぐらふは複数のサーバのステータス、提供しているサービスを一つの画面で管理できるソフトウェアです。デプロイ対象のホスト管理も行い、Capistranoなどと連携します。一定数以上のサーバ管理を行うようになったら立ち上げたいソフト

    サーバ管理を一元化。ステータス管理もできる·とりぐらふ MOONGIFT
  • 月315円から使えるインフラサービス Gehirn Web Services がステキで恋に落ちるレベル。 - このブログは証明できない。

    あと1ヶ月もすればもうクリスマスだ。そしてまた1年と1ヶ月もすれば来年のクリスマスだ。アレも欲しい、コレも欲しい。でも、当に欲しいモノって何だっけ?欲しいモノを聞かれて、すぐに答えていた子供の頃。歳をとるほどに、自分の欲しいモノがわからなくなる。そしてプレッシャーがかかると、思わず「からあげ」と答えてしまう。僕の欲しいモノは何なんだろう。 そうだ。サーバーだ。サーバーが欲しかったんだ。僕はずっとサーバーを探していた。昔はRailsが動くレンタルサーバーなんてなかった。専有サーバーを借りるお金などなく、ロリポップの525円の共用サーバーは当時としては珍しくRubyCGIが動いたので、名義で申し込んで(ごめんなさい!)、RailsCGIモードで動かしては画面遷移するたびに10秒くらい動かない画面を見つめたりしていた。最近は、ServersMan@VPSが490円で使えて安いんだけど、や

    月315円から使えるインフラサービス Gehirn Web Services がステキで恋に落ちるレベル。 - このブログは証明できない。
  • 【コラム・ネタ・お知らせ】無断転載と著作権。これからは作家が利用規定を決めていく時代 : アキバBlog

    みなさんのTwitterアイコンは何ですか?自分自身の写真?配布されている、好きなキャラクター?それともゲーム内やアニメ、公開されたイラストから自分好みに作ったものかな? そう、今回はネットにおける『無断転載』について触れつつ、それに付随する『著作権』のこともちょっぴりお話ししてみようかと思います。 みなさんコンニチワ! ビジュアルアーツのVAVAしゃちょーです。 最近Twitterなんかを見てると、ずいぶんこの『無断転載』について喧(かまびす)しいみたいですね。 ・『無断転載はされて当然、そう思えないならネット上に絵を上げるな』(Togetter) ・「無断転載」のまとめ(Togetter) 事の発端は、同人作家さんがご自分の作品である絵を、Twitterのアイコンや背景に無断で使用され、それを抗議したことにあるらしい。 んでもって、それを凄い情熱で指摘する人たちがあらわれたり、指摘され