スマートフォンサイトの開閉するメニューとアクセシビリティ | Another Sky

2014/03/08 37 users アクセシビリティ VoiceOver iOS メニュー 実装

今週はスマートフォンサイトの実装を行いました。その中で、スマートフォンサイトではよく見られる、ボタンを押すとメニューが開閉する仕組みの実装がありました。実装後にiOSのVoiceOverを利用して動作を確かめたのですが、他のサイトを見ると上手く開閉することが出来ないメニューボタンがいくつか見つかりました。どのような問題が見られたか等をまとめてみたいと思います。 上手く開閉できないボタンの例 いずれ... 続きを読む

Grunt.jsでCSSの整形を行うgrunt-cssprettyを公開 | Another Sky

2014/02/17 55 users CSS grunt.js 整形 CSSプリプロセッサ 公開

一昨日実験を行ったCSSプリプロセッサやポストプロセッサで出力されたCSSの整形をGrunt.jsで実行できるプラグイン、grunt-cssprettyを作成しましたので本日公開いたします。 使用方法 npm install --save-dev grunt-cssprettyを実行し、プラグインをインストールします。その後、gruntfile.jsやgruntfile.coffeeにて設定を行い... 続きを読む

CSSプリプロセッサやポストプロセッサで出力されたCSSの整形 | Another Sky

2014/02/15 31 users インデント Autoprefixer Sass CSS 整形

SassなどのCSSプリプロセッサやAutoprefixerのようなポストプロセッサを利用すると、プロセッサ規定のインデントや改行方法でCSSが整形されます。これについては@myakuraさんがAutoprefixer ― CSSのベンダー接頭辞をいろいろする - fragmentaryの最後で懸念事項として上げられていましたし、僕も2011年の年末にSassで出力するCSSファイルを自社のCSS... 続きを読む

暇人＼(^o^)／速報 : さかなクン「頭の上に乗っている帽子ですけどね。　これ、実はハコフグなんです」 - ライブドアブログ

2011/12/17 22 users ハコフグ ライブドアブログ アラバマ州 Tweet さかなクン

さかなクン「頭の上に乗っている帽子ですけどね。　これ、実はハコフグなんです」 Tweet 1：名無しさん＠涙目です。(アラバマ州)：2011/12/17(土) 17:56:06.18 ID:mNSXzdNF0 さかなクンが帽子の秘密告白、ハコフグの「一生懸命泳ぐ姿」に刺激。 東京海洋大客員准教授で、タレントとしても活躍するさかなクンが12月16日、トーク番組「another sky」 （日本テレビ... 続きを読む