a2ikmのブックマーク - はてなブックマーク

技術トレンドを追わないという勇気
技術トレンドを追わないという勇気昨日、「第19回 HTML5+JS 勉強会【オレオレフロントエンド開発環境～際限なき修正を攻略せよ！～/甦れFlasher「swf2js」でswfをリアルタイムでcanvasに出力】」というイベントに参加してきました。そこで講師の沖さん(@448jp)が、�「技術は目的を達成する手段なので、あまり新しい技術に振り回されてはいけない。」的なことをおしゃっていて、それはそうだなと思いながら私が最近感じている事をすこし書き留めておこうと思います。技術トレンド圧力フロントエンド界隈ではJavaScript/node.jsの盛況もあって毎日のように新しいライブラリ/フレームワークやツールがリリースされています。そして、それらの技術に対してアーリーアダプター的なフロントエンダーが試してはブログやQiitaでレビュー内容を記事にしたり、TwitterやFace
a2ikm 2015/11/21
programming
リンク
スマートフォンとposition:fixedのバグ
スマートフォンとposition:fixedのバグ iPhoneではiOS5からAndroidでは2.2からposition:fixedに対応されてスマートフォンでも固定配置が利用できつつあります。と思いきや色々と落とし穴が多いのでまとめておきます。 Androidではuser-scala ble=noが必須 <meta name="viewport" content="user-scala ble=no" /> Androidではviewportにuser-scala ble=noの指定がないとposition:fixedが動きません。iPhoneではuser-scala ble=noの指定がなくてもposition:fixedが動きますがけっこう挙動が微妙なのでuser-scala ble=noは指定しておいたほうが良いでしょう。サンプル（user-scala ble=noあり）サンプル（us
a2ikm 2011/12/07
android

ios

web

css

tips
リンク
スマートフォンサイトをデザインする上で知っておくべき10のTIPS
スマートフォンサイトをデザインする上で知っておくべき10のTIPS iPhoneやAndroidのスマートフォンの仕様を知らないけどデザインしなくちゃいけなくなったというデザイナーさんに知っておいてもらいたい10(+1)のTIPSです。 1.実機で確認する当たり前のことですが作成したデザインを実機で確認して下さい。スマートフォンとPCでは目からの距離やDPIが違いますので、PCでは十分に見れたからといって実機で確認すると文字が小さすぎることなどがよくあります。書きだしたJPGをFTPでアップして確認してもいいですし、メールでスマートフォンに送って確認してもいいです。個人的にはDropboxで転送するのが手軽でおすすめです。 2.横幅は320pxもしくは640pxでデザインするスマートフォンでは基本横幅が320pxで表示されるのでデザインする際も320pxでデザインしましょう。ただ、Re
a2ikm 2011/06/20
web

desin

iphone

safari

tips
リンク
1