覚え書き
March 26, 2012
Diigo Bookmarks 03/26/2012
-
Breaking Development Orlando 2012: Web design and development for beyond the desktop
なんか急にこれ行かないといけない気がして来た。気だけ。
-
Another CSS image replacement technique – Nicolas Gallagher
"A new image replacement technique was recently added to the HTML5 Boilerplate project. This post explains how it works and how it compares to alternative image replacement techniques."
-
XtraFinder - Plugin for Mac Finder.
"Arrange folders on top."いかす。
-
Rosenfeld Media - The Mobile Frontier Book Site
"A book in progress by Rachel Hinman. Publisher: Rosenfeld Media. Anticipated publication date: 2012"
-
About HTML semantics and front-end architecture – Nicolas Gallagher
"A collection of thoughts, experiences, ideas that I like, and ideas that I have been experimenting with over the last year. It covers HTML semantics, components and approaches to front-end architecture, class naming patterns, and HTTP compression."
-
Pure CSS Clickable Events Without :target
"Click on the drop downs above. That's done all in CSS; no kind of javascript whatsoever. Pretty cool, eh? It's a fun use of the :active and :hover selectors."
March 19, 2012
Diigo Bookmarks 03/19/2012
-
Video, Mobile, and the Open Web ✩ Mozilla Hacks - the Web developer blog
"What I do know for certain is this: H.264 is absolutely required right now to compete on mobile. I do not believe that we can reject H.264 content in Firefox on Android or in B2G and survive the shift to mobile."
-
Blind ambition: plea for funds to keep free software project alive
"Teh says they need $200,000 to cover overheads and provide themselves with a modest living wage. Unless further backing was secured, Teh said it was likely he would have to look for other work later this year to support his family."
-
Future Friendly Style Guides - Luke Brooker Creative
"Websites are systems rather than pages and as soon as we stop perceiving them as that, the better."
-
Fashionably flexible responsive web design (full day workshop) // Speaker Deck
"He'll demonstrate how to separate design from layout and if you work with designs made in Photoshop, he'll show how to deconstruct a design into its components (colour, texture and typography) before reassembling it for a fluid continuum of devices from, mobile phones to desktops and everything in between."
-
"audio.js is a drop-in javascript library that allows HTML5's <audio> tag to be used anywhere."
-
cxpartners | Responsive Design & ROI - observations from the coalface
"As the approach matures and starts to be recognised as a valid mainstream approach to maximising ROI, we thought we'd share some of our observations from being at the coalface."
小惑星探査機「はやぶさ」レゴ完成
このへんの話の続き：
その後、「はやぶさ」レゴの発売が今年3月1日との案内が届いたのが、1月12日。当初はアマゾンで予約していて、先着1,000個の限定レアブロックというオマケには惹かれなかったものの、一般発売に先駆け2月1日に届くと聞き、予約先をCUUSOO STOREに変更。というのも、その時点では3月1日前後にCSUNに参加＆日本にいなくなる予定があったから、早く入手して組み立てられるならそれに越したことはない、と考えたのです。
果たして2月1日には無事に入手したのだけれど、仕事が忙しすぎてなかなか作れない日々が続きました。到着した時点で箱の写真を撮ったり、ブックレットに自分の名前を見つけては感動したりしたんだけど（なぜ@higammaさんの下なんだ！）。そうこうするうち、あらゆる忙しさが重なって海外出張はキャンセルという状況に陥り、さらには一般発売の3月1日を迎えてしまい......大変残念な思いをしました。
そんなわけで、仕事が落ち着いた（いや実はあまり落ち着いてない）昨日の午後、ようやく開封し組み立てた次第です。実際、組み立て始めたらあっという間で、多分1時間もかかってないのですが（ならもっと早くに作れよっていう）、まぁでもしんかい6500以来ぶりにつくるレゴはやっぱり楽しかったですね。ここがああなってナルホドねぇ、とか思いながら。驚かされたのはそのサイズで、箱から想像していたよりは随分大きかったです。あと、川口教授のミニフィギュアの表情に、にこやかに微笑んでいるのと、メガネがズレるほど焦って？いるのと2種類あったのが意外でした。
商品化に一票を投じた「はやぶさ」レゴ、実際に商品化が実現し、手元に届けられ完成したのを（先日棚板を取り付けた）DETOLFに納め眺めてみると、感慨深いものがありますね。嗚呼、アオシマのはやぶさプラモデルも早く作らなければ（色を塗らなければいけない時点で既に挫折中）。
March 18, 2012
Diigo Bookmarks 03/18/2012
-
A Simple Device Diagram for Responsive Design Planning | Metal Toad Media
"There are an ever-increasing number of devices with different screen resolutions to take into account with a responsive design, so we put together a simple but handy diagram that lists the most common device widths as of the present, along with overlays for potential device width ranges."
-
LukeW | Vector Images for Mobile
"As higher resolution screens continue to make their way to popular and increasingly affordable devices, the need for resolution-indendent (vector) graphics on the Web becomes more apparent. So I've been looking into what's possible on mobile browsers today."
-
Responsibly Responsive: developing the Greenbelt website | this is rachelandrew.co.uk
"If you look at the source the site has an HTML5 doctype however we are not, at this point, using HTML5 semantic elements. The reason for this being that I wanted to be able to support old browsers without the use of JavaScript or adding redundant mark-up."
-
Sass vs. LESS vs. Stylus: Preprocessor Shootout | Nettuts+
"In this article, we will be covering the various features and benefits of using three different preprocessors--Sass, LESS, and Stylus."
-
Focus Feedback | Yahoo! Accessibility Library
"Sometimes the focus outline is hidden to prevent the user from seeing it rendered broken, often the result of overflow:hidden on one of the container elements."
-
How Apple.com will serve retina images to new iPads « Cloud Four
"Perhaps most importantly, Apple isn't sitting on some secret technique to make retina images work well. Maybe they will provide better solutions in iOS 6. The way they handle images--downloading both sizes plus an additional HEAD request--may be the least efficient way to support retina displays."
-
We need a standard show navigation icon for responsive web design | Stuff & Nonsense
"I think we need a standard 'show navigation' icon for that button in responsive web design."
March 17, 2012
スター・ウォーズ エピソード1 ファントム・メナス 3D
昨日の夜、バルト9で『スター・ウォーズ エピソード1 ファントム・メナス 3D』を見ました。映画館で映画を見る、というのは久しぶりのことで、ついこないだまで「仕事が落ち着き次第『ミッション：インポッシブル/ゴースト・プロトコル』でも見に行こう」と思っていたら、とっくの昔に上映終了していたもんね。でまぁ本作については非3D版公開時に映画館へ足を運んだし、そのDVDも持っているし、3Dであることの価値に殊更惹かれてもいないのですが、単に大画面でスターウォーズが見れるというただ一点において、行かねばならないと思ったのでした。
21時45分という遅めの上映開始ゆえに、放映初日にもかかわらず劇場内はガラガラで、この先あと5本も3D化されるハズなのに果たして上映してくれるかしら？と不安に思ったほど。感想としては、3Dを意識して見ていたのは冒頭の20分ぐらいのもので、以後はまったく3Dな印象を持たずに見ていたのが不思議というか、人間の適応力って素晴らしいというか。確かに、3Dメガネをかけさせられているぶん、物理的な違和感というのはエンドロールまで少なからずあったと思うのですけど......それだけ本編に引き込まれていた、ということでもあるのかも。
March 15, 2012
Diigo Bookmarks 03/15/2012
-
Bruce Lawson’s personal site : What Users Want from Mobile, and what we can re-learn from them
"This tells us that speed is more important than aesthetics. So perhaps some of the time and effort put into media queries, viewports, avoiding scrolling, line length would actually be better employed reducing HTTP requests and optimising so that websites are perceived to render faster."
-
The new iPad, images and rounded corners | Boagworld
"First, with many app owners scrambling to update their apps to use high resolution graphics, the iPad retina display perfectly demonstrates the problem with designing for specific devices."
-
LukeW | Multi-Device Layout Patterns
"To get a sense of emerging responsive design layout patterns, I combed through all the examples curated on the Media Queries gallery site several times. I looked for what high-level patterns showed up most frequently and tried to avoid defining separate patterns where there were only small differences."
-
Downlevel Hidden / Downlevel Revealed | CSS-Tricks
"Downlevel hidden = Show only in some subset of IE < 10's Downlevel revealed = Show some subset of IE < 10's plus every non-IE browser."
-
Eric's Archived Thoughts: Negative Proximity
"the negation pseudo-class isn’t counted as a pseudo-class. It, like the univseral selector, doesn’t contribute to specificity at all"
-
Using CSS Selectors as Fragment Identifiers
"To expand linking possibilities, this document specifies a css() scheme for use in fragment identifiers of HTML and XML content."
ねごとにハマり中
少し前にTSUTAYAでねごとの1stアルバム『ex Negoto』を借りたんですが、以後ほとんどそればっかり聴いている感じ。息子と一緒に見ている『機動戦士ガンダムAGE』のアセム編で、オープニングに彼女らの2ndシングル『sharp #』（4月4日発売予定）が使われているのがきっかけで知ったのだけど、なんかメロディラインとか疾走感がすごく良くて。状況的には、チャットモンチーにハマったときと少し似ているかな。
でまぁ興味がわいて調べてみたら、メンバーの女のコ全員、千葉県出身じゃないですか。そこでまた一方的な親近感を覚えたりして。『ex Negoto』のなかでは、1stシングルとしてリリースされていた『カロン』もさることながら、なんといっても『メルシールー』がイイ！！ググって動画をいくつか見たりもしたけど、結構演奏してる様が僕には新鮮で、というのもボーカルのコが中央に立つのでなしに、4人が一列に並んでいて（ボーカルがキーボードも兼務してる都合もあるのかな？）、面白いなぁと。面白いと言えば、普段と演奏中のギャップもなかなかのもの。ドラムのコなんか結構激しく叩いている割に、トークではすごく普通っぽいんだよね......ギャップ萌え。
March 10, 2012
Diigo Bookmarks 03/10/2012
-
Choosing device sizes to support for your responsive designs | Matt Wilcox .net
"Don’t."
-
Adobe Shadow | preview mobile web - Adobe Labs
"Adobe® Shadow is a new inspection and preview tool that allows front-end web developers and designers to work faster and more efficiently by streamlining the preview process, making it easier to customize websites for mobile devices."
-
Responsive-Ready Content | Sara Wachter-Boettcher, Content Strategist
"From a design perspective, all this trouble over hierarchy and relationships might be easier if you design mobile versions of responsive sites first, using the general “mobile first” principles Luke Wroblewski recommends."
-
Everything you always wanted to know about touch icons · Mathias Bynens
"If you’re lazy and don’t really care about Android, legacy iOS versions, or performance, I suppose you could just use a single 114×114 icon, name it apple-touch-icon-precomposed.png and place it in the root of your website."
-
"Rather than adding stops (skip links) before blocks of content I thought that we could let users tab from one block to another while allowing them to navigate inside those blocks via arrow keys."
-
Vendor prefixes are not developer-friendly « Paul Irish
"The community to evangelize use of tools like Compass that protect authors from bad authoring practices and so folks who publish tutorials don't solely define their -webkit- styles."
JINS PC
一週間前にJINS新宿ミロード店でJINS PCを購入、置きっぱなしにして会社にいるあいだは使うようにしています。まだ一週間しか使っていないので、効果のほどを実感できているわけではありませんが（単に自分が鈍感なだけかもしれませんが）、「なんとなく」目が疲れにくくなったかもとは思います。もともと、眼疲労で困っていたとかそういうわけではなく......花粉の時期の訪れとともにJINS 花粉Cutという機能性アイウエアの存在をニュースか何かで知り、そのついででJINSというブランドに興味が湧いていろいろ見ていたらパソコン用のものもあった、と。なんでもディスプレイなどから発せられるブルーライトから眼を守
ってくれるそうで。ブルーライトとは何ぞや？って言うと、
- 可視光線の中で、380nm〜495nm（ナノメートル）の青色光を指す。
- 可視光線の中で、エネルギーが最も高い光。
- 眼の角膜や水晶体で吸収されずに、網膜まで到達する。
- LEDディスプレイの普及により、接触する頻度が急増。
......だそうです。まー仮に効果がなかったりそもそもメガネをかけること自体に馴染めなくても、3,990円という値段なら許せるかなぁと思い買ってしまいました。にしてもJINSって流行ってるんですかねぇ、店頭は結構な賑わいようでした。土曜の午後って時間帯のせいも多分にあったでしょうけど、僕と同じ目的で来店したのか、JINS PCを試しているひともいたし。ちなみに買ったのはグレーです（ぱっと見なぜかグレーというよりブラウンの印象）。あと、花粉Cutはスルー、実物を見た感じではやっぱりゴツく感じてしまったので。
March 5, 2012
Diigo Bookmarks 03/05/2012
-
CSS3 Pseudo-Classes and HTML5 Forms | HTML5 Doctor
"I want to talk about a very specific part of CSS3, one that works in perfect tandem with HTML5, specifically with the new form functions that are available."
-
Web Font Performance: Weighing @font-face Options and Alternatives
"The goal of this article is to look at the various web font implementation options available, benchmark their performance, and arm you with some useful tips in squeezing the most bang for your font byte."
-
"Worldspace Sync includes a new feature called CloudScale, the ability to use Amazon's cloud-based computing resources on-demand when an accessibility test is run, automatically scaling up the computing horsepower when it's needed during the test, and dialing it back down once the test is complete."
-
Flexible multiline definition lists with 2 lines of CSS 2.1 | Lea Verou
"what if we could insert <br>s from CSS? Actually, we can!"
-
Replacing the -9999px hack (new image replacement) - Jeffrey Zeldman Presents The Daily Report
"But despite its enduring popularity, Phark has drawbacks of its own: chiefly, a performance hit caused by the need to draw a giant 9999px box offscreen. (Yes, the browser really does this.)"
わが子を「メシが食える大人」に育てる
息子が4月からお世話になる予定の花まる学習会を設立、その代表を務める高濱正伸氏の著作『わが子を「メシが食える大人」に育てる』について。通わせることを決めた後で読んだのですが、改めて高濱氏の考え方を確認することができ、良かったなと思います。氏は「カンブリア宮殿」に出演したとかで知名度はそれなりにあるらしいけど、全然知らなかった......。僕は常々、息子を一日もはやく自立させることが必要だと思っていますが、その自立を
- 経済的な自立
- 社会的な自立
- 精神的な自立
に分けて整理をしつつ、これらすべてが達成できて初めて「メシが食える大人」になれる、と高濱氏は説きます。そうなるための基礎力として
- ことばの力
- 自分で考える力
- 想い浮かべる力
- 試そうとする力
- やり抜く力
を育む必要がある。そしてこれらを獲得するうえでは10歳までの期間が重要で、さもなくば以後の学力の伸びは厳しくなる、と語っています。いわゆる「10歳の壁」云々と関係あるのかしら、と思いつつも、上記5つの力が社会人になった後で具体的にどのような能力として求められることになるかを示したp.46〜47の俯瞰図は、とても腑に落ちました。
全入時代に突入し、大学に入ること自体の価値が社会的・相対的に下がりつつあるなか、「偏差値の高い大学に入って名の知れた会社に入り安定した仕事を得る」なんて生き方なり方法論が成立しにくくなる（今となっては単に廃れたどころか笑い話に近い？）ほど、この20〜30年の間で社会は急速に変化してきたと思います。僕は大学を卒業することの価値、あるいは大卒相当の学力の価値というものを否定はしないけれど、その後何十年と続く人生を「メシが食える大人」として生き抜くために本質的に必要なことは何なのか？そういったことを考えるのに良い一冊でした。
March 4, 2012
Diigo Bookmarks 03/04/2012
-
LukeW | Which One: Responsive Design, Device Experiences, or RESS?
"As more organizations realize they need to invest heavily in multi-device Web designs, the inevitable question of "how" comes up. Responsive Web design, separate sites, or something in between? Here's how I've tried to simplify this decision"
-
Core Mobile Web Platform Community Group
"The goal of the Core Mobile Web Platform Community Group (CG) is to accelerate the adoption of the Mobile Web as a compelling platform for the development of modern mobile web applications."
-
"We launched the Boot to Gecko project to enable the Open Web as a platform for mobile devices. We're making innovation possible by driving the development of new Web standards."
-
"Ringmark is a web-based test suite that measures how well a mobile browser supports the capabilities that modern mobile web apps require."
-
SourceTree is a FREE Mac client for Git, Mercurial and Subversion
"SourceTree is a FREE Mac client for Git, Mercurial and Subversion version control systems."
-
About normalize.css - Nicolas Gallagher
"Normalize.css is a small CSS file that provides better cross-browser consistency in the default styling of HTML elements. It's a modern, HTML5-ready, alternative to the traditional CSS reset."
Magic Window
しばらく前から、iPhoneで起動しておく時計アプリといえば、Magic Windowです。それまではもっぱらLiving Earthを愛用していて、それはそれで素晴らしかったのだけど、微速度撮影動画というのも、3時間おきに実際の雲の描き込まれる地球と同じくらい魅力的なわけで。再生する動画にはあらかじめ何種類か用意されていますが、別途購入することでバリエーションを増やすこともできます。自分はCity SkylinesのSeattleを買いました＆一番よく再生しています。単にSeattleが思い入れのある街ってこともあるけど、一筋の飛行機雲がゆっくりと流れて行くあたりがいかにも微速度撮影動画らしく、気に入ってます。
ちなみに、Magic Windowの起動中にiPhoneを立てかけておくスタンドは、@htagさんからタダでいただきました。以前から安くてシンプルなスタンドを探していて、@htagさんの使っていたものが良さげだなぁと思ったのです。具体的には100円で買えるiPhone用スタンドはかなりおすすめ - リニューアル式で紹介されているモノですね。自分も同じものを手に入れようと100円ショップのダイソーを探して回ったりもしたけれど見つからず、結果的に@htagさんの余り物をいただくことに......その節はありがとうございました。
