-
Designing in the browser | Opinion | .net magazine
"1. We should spend design time working in the medium of HTML, CSS and JS. 2. Clients should be shown HTML and CSS mockups in place of static images as the final design deliverable where possible."
-
HTML5 adaptive images: end of round one | HTML5 Doctor
"But I don’t really care which syntax makes the spec, as long as it addresses the majority of use cases and it is usable by authors. I’m just glad we’re discussing the adaptive image problem at all."
-
"But let’s be clear: this is exactly how the WHATWG is supposed to work. Use-cases are evaluated and whatever Hixie thinks is best solution gets put in the spec, regardless of how popular or unpopular it is."
-
A List Apart: Articles: Responsive Images and Web Standards at the Turning Point
"When the WHATWG proposed a solution last week, many of the people involved in that discussion hadn’t participated in the RICG. In fact, some key decision makers hadn’t so much as heard of it."
-
ARIA-Group: a viable alternative for Fieldset / Legend?
"The roles “group” and “radiogroup” are well supported and may be used to group form controls in situations where one might use HTML’s fieldset – legend elements. It is advisable to include some visual cue via CSS to convey grouping too."
-
20 leading web designers' desks for your inspiration | Feature | .net magazine
皆さんオシャレだなぁ。早く広い書斎を手に入れたいです。
May 17, 2012
Diigo Bookmarks 05/17/2012
Shooting Star - EP
Owl CityのShooting Star - EPが発売されました。もともとこの夏には新しいアルバムが発売される予定だったのですけど、それに先行するかたちで4曲からなるミニアルバム？がリリースされたのは本当に嬉しい。発売当初は、日本のiTunes Storeで購入することができずイライラしたのだけど、ほどなく数時間？差で買えるようになって一安心（日本円では450円）。どんな手続きやら処理が裏で走っているのかわからないですが、そのあたりもう少しスマートに全世界同時発売できないものかな。で、肝心の楽曲のほうはいずれも粒ぞろい、アルバムの完成度の高さを期待せざるを得ない感じ。個人的なオススメはDementia (feat. Mark Hoppus)ですけど、タイトルチューンのShooting StarのほうがYouTubeで聴けるので、貼っておきますね。
というか、実はほかの曲もOwl City by OwlCityOfficial on SoundCloud - Create, record and share your sounds for freeで聴けるようになっていることに今さっき気づきました......これSetの名前ミスってますね。まぁしかし無料でこれだけ（目下46曲）自身の楽曲をSoundCloudで聴けるようにしてるAdamはナイス過ぎる。
May 13, 2012
Diigo Bookmarks 05/13/2012
-
BuildMobile | Creating a website for multiple screens
"Rather than the traditional flow where the designer designs first and then hands the PSDs over to the developer, more design iterations combined with development will be necessary as the site goes from conception to completion."
-
A non-responsive approach to building cross-device webapps - HTML5 Rocks
"As the UIs you build increase in complexity, and you gravitate toward single-page webapps, you’ll want to do more to customize UIs for each type of device. This article will teach you how to do these customizations with a minimal amount of effort."
-
Accessible Client-side Form Validation with HTML5 & WAI-ARIA
"All the screen readers I’ve tested only speak required once. Here aria-required is your fallback for browsers who do not support HTML5 like Internet Explorer."
-
Viewport Sized Typography | CSS-Tricks
"CSS3 has some new values for sizing things relative to the current viewport size: vw, vh, and vmin. It is relevant to bring up now, because it's shipping in Chrome 20 (canary at the time of this writing)."
-
The state of responsive advertising: the publishers' perspective | Feature | .net magazine
"This article has presented different issues and some solutions for the advertising and monetisation opportunity, specifically for publishers that are embracing responsive sites."
-
The top 8 web standards myths debunked | Feature | .net magazine
最後の"W3C = the CSS WG + some small insignificant WGs"てのはさすがにネタでしょうか。
May 12, 2012
気になる人力飛行機イベント、HPA Icarus Cup
TriManiaXの更新フィードで存在というか開催を知ったものの、それから仕事が忙しく詳細を確認するのが遅れていたのですが、何やらイギリスのほうで面白いイベントがあるようですね。その名もHPA Icarus Cup、人力飛行機による飛行競技会です。会場となるLasham Airfieldでの人力飛行50周年を記念してのことらしいですが、実際のところ今年は51年目。というのも、Southampton Universityでつくられた人力飛行機、SUMPACが飛行に成功したのは、1961年11月9日のことだからです（詳細はBBC News - Human-powered flight recreated for 50th anniversaryを参照されたし）。まぁ細かい話は置いておいて、とにかく日本の鳥人間コンテスト（や交流飛行会）を除き、このような競技会が企画されること自体ちょっと画期的ではないかと。今年7月13日から22日にかけての9日間、人力飛行のすべての側面をテストすべく、競技参加チームは以下の挑戦を行うようです（ちゃんとレギュレーションを読んだわけではないので超意訳）：
- 飛行時間レース（滞空時間を競う？）
- 200mスプリントレース
- 1kmレース
- スラロームコースでの飛行
- 離着陸の正確性
- 三角コースの周回距離
うーむ、これは面白そう。幸い鳥コンとも日程がかぶらないし、仕事の状況が許せば現地まで見に行きたいところ。気になるのは、鳥コンが存在するがゆえに人力飛行機の設計/製作が盛んな日本ならともかく、ほかの国や地域でこの競技に参加できるだけの実力を備えたチームがどれだけあるのか？ということ。実際に参加するとなれば、現地までの機体の搬入やら搬出だけでそれなりのコストが発生するわけで、単に技術力とか人的リソースのみならず、資金力を問われることになりそう。まぁイギリス国外、ヨーロッパ圏外からは辛いだろうな。蓋を明けたら出場チームはSouthampton University Human Powered Aircraft: SUHPAだけだったりして......というか、同じイギリスだし仮に自分が10年以上前に見学させてもらったAirglowがちゃんと保存されているなら、あっさり同機の優勝じゃね？とも思ったんですけど......なななんと、Airglowは50周年だった昨年にLasham Airfieldを飛んでたんですね！これはひょっとして本当にAirglowの参戦もあり得るのではないかな。久しぶりにMcIntyreさんに連絡とってみようかしら（あちらはもう僕のこと忘れてるでしょうけど）。
Diigo Bookmarks 05/12/2012
-
html5shiv and Serving Content From Code Repositories | Zoompf
Paul曰く："I 100% agree about not linking to Google Code. I mean, I'm not even convinced a proper CDN would be good either. I'll talk to Remy about changing the text on the html5shiv project page to recommend self-hosting."
-
Firefox 14: image long description via link using aria-describedby | The Paciello Group Blog
"When the image has focus the screen reader user can press enter to activate the link, because a link action showlongdesc is exposed on the image, it uses the URL from the link referenced via aria-describedby."
-
Which responsive images solution should you use? | CSS-Tricks
"There are a bunch of techniques going around for dealing with responsive images lately. That is, solutions to help us serve the right image for the occasion (e.g. size of screen and bandwidth available). They all do things a bit differently."
-
Bye, Bye Waterfall: 5 Steps to Implement Responsive Web Design
"An agile approach with responsive design considers these issues from the start, but will require more upfront wireframing, design and testing that are omitted in the waterfall process."
-
A separate mobile website: no forking way | Opinion | .net magazine
"The hype and the debates around responsive design are missing the real problem. The challenge for most organisations in the long run won't be maintaining multiple sets of frontend code for different templates. It will be maintaining variations of duplicate content."
May 6, 2012
アニメ版プラネテス
GWに見始めたアニメ版プラネテス、最終話まで無事見終えました。最初から最後まで通しでちゃんと見たのは、実は今回が初めてのこと。原作であるコミック版は、モーニングを毎週欠かさず買っていた時期にリアルタイムで読んでいたし、単行本も全巻もっているのですけど、アニメ版は断片的にしか見ていませんでした。絵柄のせいか、なんとなく自分は原作/コミック版派だっていう認識でいたけれど......やはり食わず嫌いはよくなかったですね。大まかなストーリーは原作と同じながら、脚本の出来が良いのかアニメ版限定の登場人物が素敵なせいか、どの回を取っても面白くて途中飽きることなく最後まで引き込まれました。テレビ放映が2003〜2004年だったことを考えるなら、今なお十分鑑賞に耐える内容というのは凄いクオリティだなぁ。今年3月になってEMOTION the BestでDVD-BOXがリリースされたのも納得できる感じ。
宇宙開発の描き方が極めて硬派である点が、自分にとってプラネテスが魅力的に映る理由として大きいと思います。そもそも物語の舞台背景としてスペースデブリ、宇宙のゴミが重要な位置づけとなっている時点で、思いっきり硬派（というか地味？）なわけですが......硬派に感じる端的な例が、登場する宇宙服。コミック版で描かれる宇宙服とは明確に異なるものの、とにかく一見して「格好よくない」のです。どちらかといえば不格好で、一連のガンダムシリーズとか、同じく宇宙を舞台にした漫画『MOONLIGHT MILE』に出てくる宇宙服と比べれば、およそ洗練されているとは言い難い印象を受けます。しかし顔を覆う部分が、頭部を防御すると同時に種々の情報を映し出すディスプレイとしても機能するなど、実用的で「実際の」宇宙服の延長上にあるかの印象を受けます。そういうところが僕には硬派に映り、ひいては作品全体にリアリティを醸し出しているのかなと。
また、宇宙を舞台にしたSF作品ではありながらも、そこで扱われているテーマは多種多様で、最終的にはオーソドックスな人間讃歌に仕上がっている点も、魅力としては大きいかと。話が進むにつれ、さまざまな疑問が見ている側の心の内に喚起されます。会社って何だ。仕事って何だ。正社員って何だ。契約社員って何だ。上司って何だ。部下って何だ。男って何だ。女って何だ。人間って何だ。家族って何だ。親って何だ。子供って何だ。大人って何だ。宇宙って何だ。地球って何だ。宇宙開発って何だ。夢って何だ。我が儘って何だ。現実って何だ。生き甲斐って何だ。幸せって何だ。死って何だ。生って何だ。愛って何だ。で、木星往還船を作るほどに科学技術が発展しようとも、結局のところ人は人でしか無く、愚かでしかし素晴らしい存在であるとの理解に至るんですよね。ゆえに、宇宙とか宇宙開発に普段あまり興味を持たない層にも受け入れられる内容に仕上がっていると思うし、むしろそういう人にこそ見て欲しいアニメかと。そんなわけで、アニメ版プラネテス「も」コミック版と同じかそれ以上にオススメです。あーノノかわいくて辛い（謎
May 5, 2012
Diigo Bookmarks 05/05/2012
-
Text masking -- The standards way | Lea Verou
"We have had a standards compliant alternative for this for the past 11 years and it's called SVG. It can also do much more than masking, if you give it a chance."
-
Accessible Client-side Form Validation with HTML5
"Connecting labels to inputs is easy! But what about required fields, error messages, and keyboard focus?"
-
"A11yBuzz is not a free-for-all. All submitted links must be approved by a human before they're displayed."
-
Data Points: How We Use Our Mobiles | Adweek
"Context is everything. Some mobile habits overlap, but there are significant differences in how consumers use their tablets and smartphones which marketers need to understand to effectively use the devices."
-
Stubbornella » Blog Archive » Cross-Browser Debugging CSS
"The most important thing to keep in mind is that error behavior is not defined in the spec."
-
Opera? Has the fat lady already sung about prefixes? - KevinjohnGallagher.com
"Out of the top 18000 websites, only 15 sites used both the Opera and Webkit vendor prefix, while a staggering 9129 websites only used the -webkit prefix. 66.01% of websites in the top 18000 won't display the same in both Opera and webkit even though both support the code to do so."
