タグ

2011年12月20日のブックマーク (6件)

  • HTML5やクラウドなどを使えばここまでできる「モーグリのツイートキャッチ」

    一見するとフツーのよくあるキャンペーンサイトですが、Flash・Silverlight・Javaといった追加プラグイン的なものを一切使っておらず、その裏側ではHTML5のCANVAS・SVG・Geolocation要素など使えるものを使いまくっており、しかもクラウドやCDN(コンテンツデリバリネットワーク)をバックグラウンドで使用、見た目よりもはるかに技術的にがんばりまくっている……というサイトがこの「モーグリのツイートキャッチ」です。 モチーフとしては、「FinalFantasy XIII-2」にてモーグリを投げ飛ばして遠方のお宝を探索させる「モーグリ投げ」をちょっと違う形で再現しており、このモーグリ投げによってネット上からTwitter上のツイートを集めてくることが可能になっています。もちろんツイートを集めるためにAPIを叩く際にもがんばっていろいろ工夫しています。 Internet

    HTML5やクラウドなどを使えばここまでできる「モーグリのツイートキャッチ」
    b4takashi
    b4takashi 2011/12/20
    Internet Explorerを開発している会社と,XBOXを製作している会社が一緒だ,って始めて意識した.
  • 画像を一切使わずCSSで描かれた「けいおん!」の澪がマジですごい!

    今回紹介するのは、画像を一切使わずにhtml+CSSだけで「けいおん!」の秋山 澪を描いた技術デモ作品です。実際に作品を見てもらえば分かると思いますが、ものすごくクオリティが高くて普通に画像にしか見えないレベルです。久しぶりにCSSで絵を描く作品で驚かされたので、これはぜひ紹介せねばと思い記事を書きました。 「けいおん!」(K-ON!)は、軽音楽部で4人の高校生たちがガールズバンドを組み、音楽活動を行っていくストーリーで人気のかきふらい氏による4コマ漫画作品です。2年前にアニメ化、今月12月より映画が公開されている人気作品ですね。秋山 澪はその作品に登場するキャラクターです。その秋山 澪をまったくの画像なしで、html+CSSのコードだけで表現しています。 私も以前にCSSでドラえもんなど様々な作品を描いたりしましたが、はっきりいってhtml+CSSのコードだけで絵を描くのはとても大変です

    画像を一切使わずCSSで描かれた「けいおん!」の澪がマジですごい!
    b4takashi
    b4takashi 2011/12/20
    「これはすごい」ってのが,IE8をわざわざ起動して表示させないと分からないというのがまたすごい.
  • Webクリエイターボックスのデザインをリニューアルしました!

    2014年8月19日 Webサイト制作, お知らせ ブログを開始してほぼ2年!初めてデザインを変更してみました。古臭いコーディングとはさようならです。デザインコンセプト自体はそのままですが、より見やすく、使いやすくなっているんじゃないかな…と思います。リニューアル時のポイントや使ったプラグインなどをまとめておきます。 ↑私が10年以上利用している会計ソフト! リデザインの理由 ブログ立ち上げたばかりの頃は、日のブログをほとんど見たことがなく、日のWeb業界に知り合いもいなかったため、ブログを読んでもらうにはまず「インパクト」が大切だと思いました。記事の内容はもちろん大切ですが、一度見たサイトを覚えて頂くことも大切かな、と。なのでレイアウトも通常のブログとはちょっと変えて、大きなヘッダーで「なんか他のブログとは違う」デザインにしました。 ただそれでは読みづらい、使いづらいサイトになるだろ

    Webクリエイターボックスのデザインをリニューアルしました!
    b4takashi
    b4takashi 2011/12/20
    それっぽさを残しつつリデザイン,羨ましい.
  • 東日本大震災で記憶に残った写真:ハムスター速報

    東日大震災で記憶に残った写真 Tweet カテゴリ東日大震災 1:名無しさん@涙目です。(長屋):2011/12/19(月) 21:55:31.97ID:UFueGtK70 Six months in Japan http://jp.reuters.com/news/pictures/rpSlideshows?articleId=JPRTR2L48H 名無しさん@涙目です。(埼玉県):2011/12/19(月) 21:57:05.19ID:46o6m80H0 これしかねえわ、スケールが違いすぎる 60:名無しさん@涙目です。(WiMAX):2011/12/19(月) 22:08:32.84ID:OZAWaJ420 >>7の写真の近くに航空分署(県と市のヘリ3機)があるけど完全に飲まれた。 幸い職員はみんな無事だったけど県のヘリは流された。 料はクラッカーと水。2日で尽きた。 緊急援

    b4takashi
    b4takashi 2011/12/20
    風化させてはいけない,あの悲劇,あの希望.
  • The Frame: Japan marks 6 months since earthquake, tsunami

    TOKYO (AP) -- Last Sunday was the six-month anniversary of the day the massive earthquake and tsunami devastated Japan's northeast coast. Some 20,000 people are dead or missing. More than 800,000 homes were completely or partially destroyed. The disaster crippled businesses, roads and infrastructure. The Japanese Red Cross Society estimates that 400,000 people were displaced. Half a year later,

    b4takashi
    b4takashi 2011/12/20
    人間の地道な努力で瓦礫が片付けられ,自然の逞しい回復力で雑草が生えてる.塩害とかも乗り越えられそう.
  • WordPressでブログじゃないWebサイトを作るときのいろいろ(サンプル付き)

    とても長い記事になってしまいましたが、WordPress を使って、コーポレートサイトのサンプルを作ってみました。WordPress はブログだけじゃなくて、色んな Webサイトが作れますよね!今回は、私が WordPress でサイトを作る時にやっていることをまとめてみました。 今までこのブログの中で、いろいろな WordPress の Tips を書いてきました。でも WordPress を使った Webサイトの作り方そのものは、今まで書いた事がありませんでした。そこで今回は、 WordPress を使ってブログじゃない Webサイトをまるごとひとつ作って、私なりの作り方をまとめてみました。 今回のサンプルサイトでは、WordPress の固定ページ機能はもちろん、カスタム投稿タイプやカスタムタクソノミー(カスタム分類)を使って作っています。 ページを表示する為に使っているテンプレート

    b4takashi
    b4takashi 2011/12/20
    カスタム投稿タイプとか知らなかった,分かりやすい.