MoMA | Century of the Child
Home page. Avant-Garde Playtime|1910s–1930s Light, Air, Health|1920s–1930s Children and the Body Politic|1920s–1940s Regeneration|1940s–1960s Power Play|1960s–1990s Designing Better Worlds|1960s–2000s New Century, New Child, New Art|1900s–1910s 80|-65, 150|-75, 55|-220, 415|-150, 195|-230, 125|-360, 435|-300, 405|-490, 200|-520, 585|-370, 575|-150
アニメーションの美しいポートフォリオサイト – creamu
HTML5でサイトを作りたい。 そんなときに参考になるのが、「S5 Style」。アニメーションの美しいポートフォリオサイトです。 shogo Tabuchiさんというデザイナーの方のサイトですね。アーキタイプさんにいらっしゃるようです。 Processing.jsを使って、canvas内に描画しているようですね。Processing.jsは、jQueryの作者であるJohn Resig氏が公開したライブラリで、amachangさんの以下のエントリーに詳しく書かれています。 ブラウザでお絵描きプログラミング！ Processing.js 登場！ 簡単な描画ならすぐにできるようですね。ソースも読みやすいです。 サイトには音もついていて、サウンドデザイナーのCubic Roomさん作とのことです。こういうコラボは素敵ですね。 Flashサイトではない、新しい技術の参考になると思うので、一度見て
CBCNET | Topic » HTML5でのジェネラティブ・アート［Processing、JavaScript、チュートリアル］ （『ジェネラティブ・アート』の未刊の章）
HTML5でのジェネラティブ・アート［Processing、JavaScript、チュートリアル］ （『ジェネラティブ・アート』の未刊の章） 本記事はビー・エヌ・エヌ新社より刊行された「ジェネラティブ・アート」をスケッチするための解説書『ジェネラティブ・アート―Processingによる実践ガイド』の著者であるマット・ピアソン氏がCreativeApplications.Netでのスピンオフ企画として寄稿した原稿の翻訳版となります。「ジェネラティブ・アート」に興味がある方はぜひ本と合わせて御覧ください。 「ジェネラティブ・アート Processingによる実践ガイド」についてはこちらから。 This article is a Japanese translation of Matt Pearson’s Tutorial at CreativeApplications.Net, thanks
HTML5で自社サイトを電子ブック化するUSA Todayは新聞復活の先駆けとなるか?（小林 雅一） @gendai_biz
米国で数少ない全国紙の一つであるUSA Todayが、そのウエブ･サイト(ホームページ)の刷新に取り組んでいる。すでに公開されているベータ版を実際に使ってみると、従来の新聞社HPとは全く異なる作りになっていることが感じ取れる。 それは、もちろんパソコンからも閲覧できるが、主要なターゲット･デバイスは間違いなくタブレットである。筆者は実はパソコンから使ってみたのだが、本来ならキーボードやマウスを使うよりも、指によるタッチ操作の方が明らかに適している。 この新しいUSA Todayのサイトは従来の静的なホームページ(ウエブ･ページ)というよりは、もっと動的でインタラクティブなウエブ･アプリと呼ぶに相応しい。内容的には、活字(記事)と動画、写真、サウンドなどがバランスよくアレンジされており、そのUI(ユーザー･インタフェース:使い勝手)も非常に凝った作りになっている。 たとえば「スポーツ」から「
縦や横に長いサイト「高級ペライチ」1度は見ておきたいスクロール演出のまとめ32個！
HTML+CSS+JavaScriptでつくるサイトの定番演出「高級ペライチ」！ HTMLファイ部の「HTML5の鬼」ことほんだです。 カヤック社内では「高級ペライチ」という愛称で呼んでいる縦や横に長い1ページサイト。 スクロールに合わせたパララックスやアニメーションの演出が印象的ですよね。 今回は「高級ペライチ」とググると1位に表示される、 僕のはてブ「高級ペライチ」タグから厳選32サイトを紹介します！ まずは王道！縦に長い高級ペライチ
レスポンシブWebデザインとは (1/5)
スマートフォンやタブレット、PCなどあらゆるデバイスに対応する制作手法として注目されている「レスポンシブWebデザイン」。レスポンシブWebデザインの概念からサイト制作の基本まで、レスポンシブWebデザインによる制作案件を数多くこなす菊池 崇氏が解説します。（編集部） 本連載で紹介したレスポンシブWebデザインの基礎に加えて、画像や動画のレスポンシブ対応、パフォーマンス改善といった商用サイト構築のノウハウを大幅に加筆。さらに、解像度に依存しないレスポンシブWebデザインの考え方やスマートテレビ対応などの応用テクも盛り込みました。 レスポンシブWebデザイン マルチデバイス時代のコンセプトとテクニック 定価：2,625円 (本体2,500円)／形態：B5変 (232ページ) ISBN：978-4-04-886323-0 レスポンシブWebデザイン（Responsive Web Design）
3 Dreams of Black by Google Data Arts Team - Experiments with Google
This experiment is no longer active, but you can still learn about it on this page. “3 Dreams of Black” takes you on a journey through three dream worlds constructed through a combination of rich 2D drawings and animations interwoven with interactive 3D sequences. Throughout various points in these dream worlds, you can grab your mouse and guide the protagonist’s point of view through the experien
Instantly Beautiful Project Pages
ProductInstantly Beautiful Project PagesEver pushed a new project to GitHub and wished you had the time or talent to make a beautiful page for it? Stop wishing. We're proud to present the new… Ever pushed a new project to GitHub and wished you had the time or talent to make a beautiful page for it? Stop wishing. We’re proud to present the new GitHub Page Generator. To take it for a spin, go to the
CSS3でつくるええ感じのテキストボックス - jsdo.it - Share JavaScript, HTML5 and CSS
<div> <p>いつものテキボ</p> <form> <input type="text" id="always" name="always" /> </form> <p>CSS3は使わないテキボ。<br>backgroundやborderなどを指定</p> <form> <input type="text" class="textbox" id="design01" name="design01" /> </form> <p>角丸やグラデなどのCSS3での装飾を加えたテキボ。<br>入力テキストにはドロップシャドウ。</p> <form> <input type="text" class="textbox" id="design02" name="design02" /> </form> <p>transitionを用いたテキボ。<br>フォーカスで入力しやすくなる。</p> <for
ゼロからはじめるHTML5でのサイト制作／最終回 ほとんどのCSSを変えずにxhtmlとHTML5で同じレイアウトを作成してみよう - MdN Design Interactive
前回までの記事で簡単なレイアウトを作成して、xhtmlとHTML5でマークアップしたものからHTML5の新要素の説明を行い、アウトラインを確認してみました。最終回となる今回はxhtmlとHTML5のCSSをほとんど変えずに同じレイアウトになるように作成してみたいと思います。 HTML5でCSSを設定する場合は新要素に対応していないブラウザに対してどうするのか。まだ確定していないHTML5の要素が変更になった場合を考慮して、スタイルの設定を考えた方が後々の大きな修正を回避できるのでベターです。ただ今回のレイアウトはほとんど同じCSSを使うということで作成するので、多少気になる部分もあるかと思いますが、ひとつの例として見ていただければと思います。 解説：（有）ムーニーワークス 林 豊／田崎一成 前回まででアウトラインを確認したそれぞれのマークアップしたページのサンプルこちらにあります。 ●HT
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
コトバ
cmmntr.com
Kern Type, the kerning game
菊池 崇の実践！CSS3道場