タグ

関連タグで絞り込む (2)

タグの絞り込みを解除

アイデアに関するadamrockerのブックマーク (2)

  • cssとHTMLのみで擬似的な3D表示を実現するCSS 3D Meninas - かちびと.net

    これ凄いです。僕が知らなかった だけかも知れませんが、この動き でjs等も使用していないのは驚き でした。cssHTMLのみでマウス オーバーした際の画像に3D効果 を出しています。 動作はIE8、Firefox3、Opera9、Safari 3、Chrome4などで動作するそうです。 マウスオーバーし、左右に動かすと画像も動きます。 複数の透過レイヤーを重ねてhoverで動きを出しているみたい。何枚かの画像と下記のような画像を使ったcssスプライトを使って実現しているようです。 この効果はmootoolsやjQueryのプラグイン(mParallaxやjParallax)を使えば同じ表現を実現出来ます。 実用性は期待できませんが、cssHTMLだけっていうのが凄い。ソースは以下でご確認下さい。 Pure CSS 3d Meninas (説明ページ:CSS 3D Meninas)

  • イラストで見る20のイノベーション代表例

    皆さんが自分たちの立場で考えてみると、どのような日の社会を想像するだろうか。 2025年といえば、中高生は30代に、今年生まれた赤ん坊は大学生になっている。 「イノベーション25」の策定にあたって、「こんな発明、こんな社会の仕組みがあったら、こんな人がいたら、私たちの暮らし方、仕事の仕方、学び方は、こう変わる」といった、イノベーションでつくる2025年の社会について国民の意見を募集した(※1)。 また、日学術会議は、2025年の社会の姿を明らかにした上で、それに向けて推進すべきイノベーションとその進め方について検討し、報告書「科学者コミュニティが描く未来の社会」を公表した(※2)。 そうして集まった国民や科学者の意見、科学技術予測調査等(※3)を参考にしつつ、20年後の日と世界を展望すると、2025年に目指すべき日の社会イメージが多数描かれるが、特にその中から夢のあるものとして以下

    イラストで見る20のイノベーション代表例
  • 1