-
Can we track how many users with disabilities access our site? | Karl Groves
"Most persons with disabilities would really just rather that the Web just work for them."
-
Is the iPad mobile? « Boxes and Arrows
"our design team came to the realization that we should not necessarily think of it as design for mobile, but as design for tablet, or even more broadly: design for touch"
-
Replacing images when printing | 456 Berea Street
"Firefox (19 and older) is more of a mystery, however. Whether the image is printed or not seems a bit random."
-
"This specification defines a means for site developers to programmatically determine the current visibility state of the page in order to develop power and CPU efficient web applications."
-
LukeW | Device Motion in Application Design
"In my fifth video for Intel Software Partners on re-imagining desktop application design, I provide an overview of device motion and walk through a few ways we can take advantage of this set of capabilities in the desktop apps we create."
-
LukeW | New Layouts for the Multi-Device Web
"Designing for today’s Web means considering single-handed thumb use on smartphones, two handed touch interactions on tablets, mouse and keyboard input on traditional PCs, hybrid devices, and more. Web layouts have to evolve to support this new reality."
-
Links are not buttons. Neither are DIVs and SPANs | Karl Groves
"If it navigates, it is a link. Use link markup with a valid hypertext reference If it triggers an action, it is a button. Use a BUTTON element"
-
"Status: Fixed"
May 20, 2013
Diigo Bookmarks 05/20/2013
Movable Typeを使い続けて10周年
当覚え書き、Movable Typeを使って運用しているのですけど、最初の記事を書いたのが2003年5月20日のこと。なので、めでたくも本日で10周年を迎えたことになります。スゲエ！！「十年一昔」なんて四字熟語がありますが、その10年ですよ。人生が80年で終わるなら（もっと早く終わりそうだけど）実にその8分の1ですわ。よく飽きも（いや割と飽きてますが）浮気もせず（いやWordPressに乗り換えを検討したのは一度や二度じゃないですが）、10年も使い続けてきたものです（いや途中3ヶ月に渡り更新止めましたが）。正直、別のツールに乗り換えるのも面倒なわけで、どんだけものぐさだよって話もありますけど。ともあれ、こんな僕にシックス・アパートさんから豪華な記念品でも届いちゃったりしませんか。しませんね。
Movable Typeを導入するより昔、当然「ブログ」だの「ブロガー」なんて言葉が生まれる前は、ちまちま手打ち？否、手書きで覚え書きしていたわけで、当時の残骸は1998年10月から放置しており、今見るとつくりはWeb 0.1くらいだし内容も厨二病全開な感じがいい味出してますが（自嘲を込めた自画自賛）、Movable Typeを入れる前後で比べると、書き方なりスタイルが随分と変わりましたね。それまでは日々5〜6行という感じで書いていたのが、日に2〜3件のネタにつき短い文章で取り上げるようになって。覚え書きに割く時間的コストとの兼ね合いから投稿頻度が週に1〜2度になってからは、ネタ？を覚え書きするのはdelicious（その後diigoにスイッチ）からの自動投稿にまかせ、文章を書くときは概ね2〜3段落程度にまとめる感じになって現在に至るという。その間、コメント欄もトラックバック（死語）もすっかり廃れましたなぁ（遠い目
今後もMovable Typeを使い続けるか？については、まぁ短期的には確実に使い続けるでしょうね、何せものぐさですから。下手を打って既存の記事のURLが変わってしまうのもアレですし（データベースをSQLiteからMySQLに移行した時点で既に一度やらかしてます、覚え書きの重複コンテンツ参照）。それはそれとして、いい加減ガワっていうかテンプレート、ビジュアルデザインをなんとかしたいものです。かつてiPhone版も「なんちゃって」で作りましたけど、時代はすっかりマルチデバイス対応必須な感じですし......少なくともお仕事的には。先日、実験的にPocketボタンを置きたいがために個別記事テンプレートのDOCTYPE宣言だけHTML5のソレに書き換えるという暴挙に出ましたが、そろそろ真面目にサイトの全体設計を見直す暇が欲しいところ。
May 19, 2013
Diigo Bookmarks 05/19/2013
-
LayoutIt! - Interface Builder for Bootstrap
"Create your frontend code simple and quickly with Bootstrap using our Drag & Drop Interface Builder."
-
APOD: 2013 May 17 - The Waterfall and the World at Night
"Above this boreal landscape, the arc of the Milky Way and shimmering aurorae flow through the night. Like an echo, below them lies Iceland's spectacular Godafoss, the Waterfall of the Gods."
-
Paul Irish on Chrome Moving to Blink ∙ An A List Apart Blog Post
"Blink's been in Chrome Canary as of the day we announced it. The codebase was 99.9% the same when Blink launched, so no need to rush out and check everything. All your sites should be pretty much the same."
-
Stifling Web Design - David Bushell - Web Design & Front-end Development
"Rather than dropping everything we know -- which seems to be the sentiment behind the "RWD has killed Photoshop" notion -- we need to adjust our process so that we can develop alongside design. Agile, not waterfall."
-
"Keep your Mac application settings in sync."
-
nthWire · Mobile Testing Platform
"nthWire aims to provide you with access to an extensive library of different mobile devices from which you can configure custom profiles and test your work across them concurrently."
-
Display | The NASA Design Program | Features
"What follows is a heartfelt personal account from Mr. Danne on the obstacles and achievements of one of the century's most important and widely published design programs."
May 13, 2013
Diigo Bookmarks 05/13/2013
-
APOD: 2013 May 7 - Galaxy Cove Vista
"A short hike was needed to reach this rugged perch above a secluded cove in Julia Pfeiffer Burns State Park in California, USA. And a camera was needed for the long exposure required to bring out the faint light from stars and nebulae in the background Milky Way galaxy."
-
FROONT - Responsive web design, the visual way
"Design websites directly in the browser with a simple drag and drop interface"
-
Keeping The Big Small -- How To Avoid Duplicate Downloads In Responsive Images | Smashing Mobile
"Our old friends <object> and <embed>, both of which can be used to display images. If you load an image using these tags, it will display properly in the appropriate fallback conditions, but it won't otherwise be downloaded."
-
Web Designer Tip: Browserstack for Browser Testing | Web Designer Tips | Designbit
"The Android and Opera Mobile emulator behaviour is 100% similar to the real device. The iOS emulator is more than 99% similar. Moreover, our Android emulator has pre-installed device SDK provided by the device manufacturer, which makes it a perfect emulator."
-
Background notification hack for iPad and iPhone websites | Breaking the Mobile Web
"Safari on iOS freezes inactive tabs, but it honors the refresh meta declaration. After a reload, the tab is alive again while it is still in the background. A kind of "background tab resurrection" process."
-
It's all about the context | Feature | .net magazine
"Within our real-time connected, internet everywhere, multiscreen world, we are discovering that context matters more than ever."
-
WebAIM: Blog - 10 Easy Accessibility Tips Anyone Can Use
"To celebrate and to help promote accessibility, here are 10 simple accessibility tips that most anyone can implement today into their web site's HTML and CSS to make it more accessible."
May 12, 2013
Google ReaderからFeedly、ReadabilityからPocketへ
自分は基本的にフィード大好きっ子であり、故に情報収集はかなりの部分をGoogle Readerに依存してきました。なので、サービスが7月1日に停止されると発表（Official Google Reader Blog: Powering Down Google Reader参照）された当時はだいぶ怒り狂ったものですが（大げさ）、継続を求める署名に参加するなどしてもその後Google側に特に変化はなく、代替手段をみつけなければなりません。いくつか調べて回ったなかでは、Feverが面白いしさくらのサーバーでも動かせそうでしたが（Reeder3.0が対応したFever°はフィード購読のあり方を変えるかもしれないサービス | 代助のブログ参照）、しかし自分でインストールするタイプはいざというとき（DBが壊れたとか）に死ぬほど面倒そうで、ちょっと敬遠したい感じ。
結論としてはごく平凡ですが、Feedlyに移行先を決定。サービス停止の発表時にかなりの人がFeedlyに移ったみたいな話は聞いていましたが、自分のなかではだいぶ昔に試してあまり良い印象が無かったので避けてたんですね。しかしいざ試してみると、使い始めるのは拍子抜けするほど簡単だし（Googleのアカウントでログインするだけ）、見た目や使い勝手もGoogle Readerのそれに近づいている（デフォルトのビューをタイトルのみにすれば）。キーボードショートカットも豊富、Firefox/Chromeでそれぞれ専用の拡張アリ、iPhoneアプリの動作もまずまず......なので、当面はFeedlyで行こうかと。残念ながらReederがFeedlyに対応していないので、基本的にはWebブラウザで利用します（Firefoxでは開いたタブをピン留めしたりして）。
ちなみにiPhoneアプリについては、これまでBylineでもってGoogle Readerを使ってきました。iPhone版のReederが既にローカルRSSやFeedbinに対応したなか、いまだBylineについてはその行く末が不明確なままです。しかし、開発元であるPhantom Fishは3/14時点でTo clarify, I'm talking about feedly as a possible replacement for Byline to sync with.
とつぶやいていますから、期待して続報を待ちたいと思います。時間が経てば、Byline以外にもFeedly APIに対応したフィードリーダーは増えるでしょうし、ひょっとしたらReederのデスクトップ版も......などと期待。
で、ついでにというわけでは無いのですが、社内勉強会の影響から「あとで読む」系サービスも従来のReadabilityからPocketに移行することに。両者はサービス内容的にこれといって凄く違いがあったわけでも無いのですが、実際に試したところPocketのほうが奇麗に本文を抽出できたんですよね。同じページを登録しても、Readabilityでは不要な広告やらナビゲーションが残っていたのが、Pocketでは残っていなかったり。iPhoneアプリで直にPocketに登録できるものが多いのも魅力のひとつ（SmartNewsとか2chまとめとか）。MacのApp Storeで専用アプリが無料で配られてたり、割と芸が細かいところも気に入りました（モバイルSafariにブックマークレットを登録するフローとかね）。
May 8, 2013
Diigo Bookmarks 05/08/2013
-
APOD: 2013 May 5 - A Supercell Thunderstorm Cloud Over Montana
"The above supercell cloud was photographed in July west of Glasgow, Montana, USA, caused minor damage, and lasted several hours before moving on."
-
Talking about Rock Hammer — Stuff & Nonsense, And All That Malarkey
"Rock Hammer doesn’t include any form of grid system and I won’t be adding grids anytime soon. The reason? I’ve never been comfortable using a predesigned grid (It’s why I never used 960.gs or Blueprint before it.)"
-
Ice Cave In Skaftafell, Iceland | Amusing Planet
"They are safe to enter only in winter when the cold temperatures harden the ice."
-
"Your new browser testing list: IE9+, recent Chrome/Firefox/Safari, and iOS/Android. That should be your baseline. Graceful degradation is acceptable, and in fact highly encouraged."
-
"With features like regions, exclusions, balanced text, custom filers, and WebGL, content producers will no longer have to choose between reach and design. Working with National Geographic’s stunning visual content, Adobe has proven that the web of tomorrow will enable both."
-
The future of Adobe Fireworks « Adobe Fireworks
"Designing for the screen in 2013 is incredibly different to designing for the screen in 1998. As we considered adding new capabilities to Fireworks, we came to the conclusion that creating new, task-focused tools would better enable us to meet the future needs of web designers and developers."
May 6, 2013
あなたの人生を変える睡眠の法則
作業療法士の菅原洋平氏の著書『朝昼夕3つのことを心がければOK！あなたの人生を変える睡眠の法則』を読了。Kindle化されるのを待とうかとも思ったけど、店頭で立ち読みしてみてちょっと欲しくなったので。内容的には自己啓発書に近いながらも、専門用語が多めで科学的な裏付けのありそうな印象を受ける構成です。「朝昼夕3つのこと」というのは、
- 起床から4時間以内に光を見る
- 起床から6時間後に目を閉じる
- 起床から11時間後に姿勢を良くする
......これだけ。それぞれがどういう根拠に基づいているのか、はもちろん本書を読んで確認していただきたいところだけど。しかしこれを実践することで質のよい睡眠をとることができ、
- 脳がしっかり目覚めている
- 脳の中の記憶が整理されている
という2つの条件が満たされた結果、著者曰く内側からコンコンとやる気が涌き上がる
ようになるのだそうで。起床から4時間以内に光を見るというのは、起きれば嫌でも見る感じなので（出勤すれば外に出るし太陽光も浴びる）、特別なことでも何でもなく習慣化済み。だけど、2番目、3番目の項は初耳なので、ちょっと実際にやってみようかと。UP by Jawboneは今のところ朝6時にセットしていて、何時に寝ようとも起きる時刻は一定にしようと思っているのだけど、つまり昼の12時には目を閉じ、夕方17時に姿勢を良くするってことですね。あと夜更かしする場合、90分おきに1〜10分目を閉じ、かつ眠気の強まる午前4時ごろには眠ると良いらしい。
