タグ

html5とcss3に関するa_bickyのブックマーク (3)

  • TENTO - BLOG : TENTOの本『12歳からはじめるHTML5とCSS3』発売!

    2012年12月20日21:03 by S.Kusano TENTOの『12歳からはじめるHTML5とCSS3』発売! カテゴリTENTO オピニオン ‎TENTOのが発売されます。 タイトルは『12歳からはじめるHTML5とCSS3』。 惹句は「世界でいちばんわかりやすいウェブ・プログラミング!」です。 コピーとかキャッチとかは針小棒大が基ですし、編集者としてのぼくはそれがとっても得意なほうですが、このに関しては、気でそう思っています。 これは制作しながら気づいたのですが、じっさいに子どもに教えて、わかりづらいところもひっかかりやすいところもイヤになっちゃうところもわかった上でつくられるプログラミング解説書なんて、日はもちろん世界にもそうそうないはず。 書であつかっているのはHTML/CSSの基からJavaScriptの初歩まで。 12歳以下の子はもちろん、「プログラミン

    a_bicky
    a_bicky 2012/12/25
    欲しい
  • 光から移動まで、すべてCSSで作る光るアニメーション

    ゲーム型キャンペーンサイト「URBAN RESEARCH Christmas 2011」 意匠部ME課あらため、HTMLファイ部所属となった比留間です。 今回は、先日リリースした「アーバンリサーチ」のキャンペーンで 「アーバンサンタ」からのプレゼント、というサイト制作に携わりました。 簡単にキャンペーンの概要を説明すると、Webとアーバンリサーチの店舗が連動して先着でクリスマス限定のキャンドルをもらえるというキャンペーンです。 内容はサイト内に隠されたプレゼントボックスを見つけ出して、それをアーバンサンタにおねだりする、 というとてもシンプルなゲーム型キャンペーンサイトになっています。 さらに抽選でおねだりした商品がもらえるので、ぜひぜひ参加してみてください。 さて、今回この記事でご紹介したいのは、 このキャンペーンサイトで使用した「CSSで作る光のアニメーション」の作り方を 簡単に説明し

  • Create an iPad optimised game

    With 3D CSS transformations Fish and sea illustrations by Val Head Tutorial Time required : 1 hour Pre-requisites : Basic JavaScript, HTML and CSS What is covered : Moving elements in 3D, basic interactivity, animation, sound HTML5 canvas is of course brilliant. But it has to be said, performance on iPads (and most other devices) leaves much to be desired. The GPU accelerated canvas in iOS 5 is a

    Create an iPad optimised game
    a_bicky
    a_bicky 2012/08/12
    GPU accelerated canvas よりも CSS 使った方が 60 FPS のアニメーションを実現できるよって話みたい
  • 1