タグ

2014年5月12日のブックマーク (9件)

  • 【CSS3】CSS3でフェードイン、フェードアウトを表現してみる | 桜花満開/テンシホタル

    今回はCSS3の新機能を使って、 フェードイン!その後フェードアウト! 的なものを作る方法などを紹介してみます。 使うのは、新しく備わった2つの機能。 要素の透明度を指定する「opacity」 と アニメーションを指定する「animation」 です。 まず、opacity の方から。 こっちはとっても簡単、opacityプロパティの後ろに0~1の数値を指定するだけです。 1が透過ナシで0が全透過ですね。 ○使ってみるとこんな感じになります。 opacity:0 次は、animation の方。 こっちは割とややこしいのでしっかり覚えましょう。 animationプロパティは6つのプロパティと組み合わせて使う必要があります。 既存のもので例えると、borderと border-widthやborder-colorという感じに。 1つずつ説明していきます、 ○一つ目 animation-na

  • Gunosyユーザーの興味関心情報が外部サイト管理者に漏洩する仕組みと想定される悪用例

    このブログの記事がGunosyに掲載されたことがきっかけで、Gunosyユーザーの名フルネームと思われる文字列が、このブログのサーバーログに大量に記録されていることに気が付きました。Gunosyのサービスの特徴から、(非公開設定で使っているGunosyユーザーであっても)その利用者の興味関心に関する情報の一部が、外部サイトの管理者に漏れているとも考えられます。そこで今回は、その仕組みと、それを悪用するプロセスの例について考えてみたので、紹介します。 今回紹介する問題は、以前このブログで指摘し、すぐに修正された非公開アカウントの情報が漏れる問題(Gunosy経由で記事を読むとTwitterアカウントやFacebookアカウントが推測可能な情報がサイト側に提供される仕組みについて)と類似の問題です。前回の指摘で少々改善されていたものの、結局同じようなリスクが発生しているとわかりました。 ただ

    Gunosyユーザーの興味関心情報が外部サイト管理者に漏洩する仕組みと想定される悪用例
    fugashi
    fugashi 2014/05/12
  • イビチャ・オシム、日本への提言。「メディアも選手も監督も準備せよ」(イビチャ・オシム)

    2月に装いも新たにスタートした『メルマガNumber』。 Number Webのリニューアルを記念して、1号分を無料公開します! 今回はイビチャ・オシムの「オシム問答」。日本代表への言及が多く、 読者からの反響も非常に大きかった4月25日配信分です。 オシムは現在の日をどう見ているのか、随所にうかがわせてくれます。 聞き手の田村修一氏とのやり取りも含め、ぜひお楽しみください。 〈読者の皆さまへ〉 ワールドカップが近づくにつれて、オシムの周辺が慌ただしくなるのはいつものことではありますが、今回はボスニア・ヘルツェゴビナが初出場ということもあり、日からの取材以上に地元ボスニアのメディアの取材や協会関係の仕事(直接彼が関わっていないにせよ)などでかなり慌ただしい様子です。 さて、「今週のオシム問答」ですが、ワールドカップまで2カ月を切ったこの時期であるからこそ、先に進むのではなく立ち止まるべ

    イビチャ・オシム、日本への提言。「メディアも選手も監督も準備せよ」(イビチャ・オシム)
  • bizyou.jp

    Buy this domain. 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

    bizyou.jp
    fugashi
    fugashi 2014/05/12
  • 「怒らない技術」より「怒る技術」を身につけたい

    私は割と怒りっぽい、というかいろんなことに不満を感じる。でも、上手に怒ることができないので、普段は怒らないようにしている。でもほんまは、もっといろいろ怒りたい。 怒るという行為を避けることはできるけれど、避け続けるとどこかで爆発する。http://news.nifty.com/cs/magazine/detail/po-20140427-12441/1.htmこういう記事を読まなくとも、怒らないようにすることはできる。 怒らないようにしようと心がけると、どうにもそのことから距離をとって、傍観者めいた姿勢になってしまう。そのこと自体から興味をそらし、自分にとってどうでもいいことだと見切りをつけてしまうことで怒りを「回避」してしるだけのような気がする。 あるいは「それはそういうもんだ」ということで受け入れてしまうことで怒りを回避することもある。これはそもそも怒るようなことじゃないんだっていう暗

    fugashi
    fugashi 2014/05/12
    周囲に対して怒るということは、自分の目標が達成できていないことの裏返しだと思ってます
  • ゲームの攻略WIKIやってて糞儲かるけど質問ある? : 【2ch】コピペ情報局

    2014年05月12日 13:38 話題 雑談 コメント( 86 ) ゲームの攻略WIKIやってて糞儲かるけど質問ある? Tweet 1:名無しさん@おーぷん:2014/05/11(日)08:09:45 ID:HCNEjfFEX まとめとか目じゃないな 2:名無しさん@おーぷん:2014/05/11(日)08:11:27 ID:kBzlrhwLg ダークソウル? 3:名無しさん@おーぷん:2014/05/11(日)08:11:55 ID:HCNEjfFEX 具体的なゲームは言えないがそれ以外なら答えられる 4:名無しさん@おーぷん:2014/05/11(日)08:12:57 ID:kBzlrhwLg 儲けるって言っても wikiって基ゲームのアフィリンクしか貼ってないじゃん 発売しちゃったらもうそんなに儲けられないんじゃね?と思うんだが どの広告で儲けてるのよ 5:名無しさん@おーぷん:

  • 積極的に取り入れたい9つのCSS3(+jQuery)テクニック

    CSS3(+jQuery)を使った、ちょっといいかも!と思うエフェクトを集めてみました。 まだまだ非対応ブラウザが多い CSS3 ですが、できるだけ積極的に使ってみたいなーとも思ってます。 まずはいろいろ試してみることからはじめてみましょう! CSS3 の登場で、いろんな CSS のトリックを使ったエフェクトが考えられてます。まだまだ CSS3 に非対応のブラウザも多いので、全てを CSS3 で表現する訳にはいかないのが現状ですが、私的には積極的にどんどん取り入れていきたいなーとも思ってます。 海外ブログなどで、色んな CSS3 を使った Tips が紹介されているので、その中からいくつかご紹介します。どれもサンプルを作って試してみたものばかりです。以下の環境で動作確認もしています。 Mac : firefox、Safari、Chrome Win : firefox、IE8、Safari、

    fugashi
    fugashi 2014/05/12
  • 2週間で美少女キャラがバズーカで戦うオンライン3Dアクションゲーム「ユニティちゃんバズーカ」を作ってみた!

    個人でゲームを作ったので紹介します! 「ユニティちゃんバズーカ」はブラウザで簡単に遊べる3Dアクションゲームです。ゲームのルールは簡単で、バズーカでクマを10匹倒すタイムを競うというものです。ゲームのジャンルはサードパーソンシューティングになります。 インストールやユーザー登録は不要です。PC用ブラウザでプレイ出来ますのでぜひやってみて感想とか改善点とか聞かせてください!積極的にバージョンアップしてこうと思っています! http://mikumikuplay.com/bazooka 紹介動画: ニコニコ動画版 http://www.nicovideo.jp/watch/sm23534924 YouTube版 https://www.youtube.com/watch?v=rwyqn2H7K-Y このゲームの開発にはUnityという開発ツールを使いました。Unityでは既存のアセット(ゲーム

    2週間で美少女キャラがバズーカで戦うオンライン3Dアクションゲーム「ユニティちゃんバズーカ」を作ってみた!
  • CSS Transitionsを使った3Dロールオーバーのアイデア (1/2)

    イギリスのフリーランス、アートディレクター/デザイナーであるアンソニー・グッドウィン氏のポートフォリオサイト。※2014年5月にサイトリニューアルされたため、Internet Archiveを参照。 3Dの動きがおもしろいマウスオーバー 3Dパーツを多用し、ダイナミックにコンテンツを見せる「DESIGN EMBRANCED」。いろいろな場所をついついマウスオーバーしてみたくなるWebサイトだ。CSS Transitionsを採用することで、各パーツのアニメーションはとても滑らかに、ストレスなく動く。制作者の実装へのこだわりが見える。 3Dパーツは、マウスオーバーやページ遷移、ローディングアイコンに使われており、ユーザーに強いインパクトを与え、一貫した世界観を演出している。

    CSS Transitionsを使った3Dロールオーバーのアイデア (1/2)
    fugashi
    fugashi 2014/05/12