5509

Pocket WifiをUSB接続して給電しながらモデムとして使う(Mac)

超いまさら感のあるPocket Wifiネタなんですけど、Pocket WifiをUSBで繋いで給電(充電じゃない)しながらモデムとして使う方法ってあんまり知られてないんですかね。

※ 追記:設定しなくても繋がる人もいるようです。
何が原因なんでしょう???

確かにどこにも載ってない気もする・・・少なくとも僕の検索方法が悪いのか見当たらないし、知り合いも店員にそれは出来ません的なことを言われたとか言ってた。

そんなわけで誰かの検索にひっかかるように記事にしておきます。簡単だよ!
この記事はE-mobileのPocket Wifiについて書いているので、Softbankのやつはちょっと違うと思います。(アカウントとかパスとか)

Read more

コピペで実装する「ユーザーに優しいドロップダウンメニュー」

ドロップダウンメニューが便利な場合もありますが、ドロップダウンしてるエリアからカーソルが離れた際の素っ気なさときたら・・・
とりあえずサンプル2つ用意したので比較してみてください。

比較用サンプル

素っ気ないドロップダウンメニュー
優しいドロップダウンメニュー

ちょっとした気遣いで優しいUIに

彼女(彼)とバイバイしたあと見えなくなるまで見守ったりしませんか?名残惜しい的なのでもいいです。振り返ったとき既にいないとか寂しいじゃないですか。そういう気持ちって重要じゃないですか。

UIにもそういう小さな優しさというか思いやりを持たせてあげましょう。普通のことですけどね。カーソルが離れてもすぐ消えずにちょっと待ってくれるドロップダウンメニューを簡単に実装できるコードを用意したので、ちょっとした優しさを持ってコピペで使ってやってください。

Read more

ドットコーダーセッション5 「ワイワイガヤガヤアクセシビリティ」

ワイワイガヤガヤアクセシビリティ

最初に言っておきます。
「アクセシビリティ」と聞くとどうも固そうなイメージがある方が多いと思うのですが、ドットコーダーの基本方針はゆるふわやで・・・気軽にどぞー

3月に始めたドットコーダー勉強会も10月で5回目になりました。月替わりでテーマを変えていて、10月のテーマは「アクセシビリティ」です。

今回もゲストをお呼びしてますが、セミナー形式だけでなく、
みんなでワイワイガヤガヤしながら アクセシビリティのことを考えてみましょう。

  • 音声読み上げブラウザで読み上げるとどうなるの?
  • 動画はアクセシビリティ的にどうなの?
  • alt属性の良い書き方って?
  • JIS改訂ってあったけど何に気をつければいいの?
  • そもそもアクセシビリティって?

アクセシビリティは全然わからない、なんか対応した方がいいような気がするけど、どうすればいいかわからない、そんなコーダー・デザイナー・ディレクターなど、どんな方でも気軽にご参加ください。

日時

2010/10/16 15:00~18:00

場所

大阪研修センター

概要

ショートプレゼン、質疑応答・ディスカッション

対象

フロント関連の方、ディレクター、デザイナー、むしろ興味ある方

出演者

  • アルファサード 持田 徹 さん()
  • NPO法人しゃらく 小嶋 新 さん()
  • みるく さん()
    優しく 楽しく 幸せに アクセシビリティ
    アクセシビリティをもっと身近に感じていただけるよう、音声読上げのデモ等を体感していただきます。そして、「これだけは実践しよう!」という基本中の基本をお話します。

参加費

1000円

参加表明

Tweetviteからどうぞー

サブドメインのトラッキングなんて基本の基本で、いまさらなんですけど、いつも忘れるもんで…記事にすれば忘れないんじゃないかとかそういう感じです。

埋め込みコードの修正

コードの発行のときに「複数のサブドメインがある 1 つのドメイン」を選択するか下記のコメント部分を追加します。

フィルタの作成と適用

ふつうは新しくプロファイルを作ると思うので、新しいプロファイルを同じドメインで作成して下図のようなフィルタを作成して適用します。

サブドメインフィルタの設定

これでもう忘れることはないでしょう。。きっと。

jQueryでbackgroundPositionを取得するときの注意

$(‘hoge’).css(‘backgroundPosition’)だとIEで値が取れないんですね、不便か。

XとYを別々に取得したい

値の検証

var bgPosDef = $('#hoge').css('backgroundPosition');

IE8まで(9は未検証)

console: null(空)

Firefox, Chrome, Safari, Operaなど

console: 50px 50px

IEは返されるデータがない!こういうところがみんなが嫌いな所以ですかね。IEはbackgroundPositionではなくて、backgroundPositionXのようにXかYを指定して個別に引き抜きます。

var bgPosX = $('#hoge').css('backgroundPositionX');
var bgPosY = $('#hoge').css('backgroundPositionY');

XとYを取得する

計算を行う場合は、数値にしておく必要があるのでついでに。

var bgPos = bgPosDef.split(' '), // 半スペで分ける
  // bgPos[0] == X, bgPos[1] == Y
  bgPosX = 0,
  bgPosY = 0;
bgPosX = bgPos[0].replace('px', '');
bgPosY = bgPos[1].replace('px', '');
// pxを削除する

IEはpxを削るだけです。

bgPosX = $('#hoge').css('backgroundPositionX').replace('px', '');
bgPosY = $('#hoge').css('backgroundPositionY').replace('px', '');

条件分岐で分ける

var bgPosDef = $('#hoge').css('backgroundPosition'),
  bgPosX = bgPosY = 0;
if ( bgPosDef ) { // backgroundPositionの値が取れた場合
  var bgPos = bgPosDef.split(' '),
  bgPosX = bgPos[0].replace('px', '');
  bgPosY = bgPos[1].replace('px', '');
} else { // 取れなかった場合
  bgPosX = $('#hoge').css('backgroundPositionX').replace('px', '');
  bgPosY = $('#hoge').css('backgroundPositionY').replace('px', '');
}

これくらいはjQueryで対応してくれてもいいような気がしないでもない。。

Author

nori
nori
- UI Engineer
Location
- ,