2月 2012
8件の投稿
JavaScriptエンジニア向け！スマートフォンで動くブラウザゲームの作り方 →
CSSの(-webkit-)pointer-event:noneを使えば対象要素のイベントを発生しないようにできる
うのらぼ。 - CSS Archive →
2012年のHTML5、CSS3、JavaScriptはこうなる 2012年1月20日 -... →
The Current State of HTML5 Forms · Wufoo →
このアプリのこの動きがたまらない！ ～UIが斬新なiPhoneアプリ特集～ -... →
» catch window focus for android | titanium mobile... →
iPhoneでは focus 等イベントを取得できますが、 Androidでは動きません・・・
タブグループからイベントを渡す方法で回避です。
minne（ミンネ）は、手作りの作品を展示・販売・購入できるwebのレンタルボックスです｜webのレン... →
HTML5で強調っぽい意味を表すタグ(strong、em、i、b、mark): ぺるたごブログ →
・strong→エラーメッセージや警告文。「強調」の意味はなくなり「重要性」を表す。
・em→文章を口頭で話したときに強く発音する部分。「強調」。
・i→専門用語、別言語の慣用句、心の声、船の名前、など。イタリックで表しそうなもの
・b→文書概要のキーワード、レビュー内の製品名、プログラムの予約語(？)、記事の前置きなど。前後のコンテンツから区別したいテキスト
・mark→検索結果のハイライト
1月 2012
16件の投稿
ソーシャルボタンプラグインを遅延ロード対応 - まちゅダイアリー(2011-08-29) →
配色決めにも利用できる！色について詳しく調べられるサイト「Color... →
ブログなどに埋め込みできるグラフ作成ツール「Google Image Chart Editor」 :... →
グラフを描画してくれるjQueryプラグインは、多分”jQuery Visualize”がベスト！... →
【スマホ】背景画像の位置指定は、-1pxとか1pxとかわざとずらしたりしてる。でないと、AndroidやWPでたまにすきまできたり切れたりする。
無印良品 青山3丁目 | 無印良品 →
見出しデザイン.com →
0-9: Android, iOSでのjQuery, jquip, zepto, jQ.Mobi,... →
0-9:
PCではなくAndroid, iOSのみの時間なので注意 http://jsrun.it/kyo_ago/1Akw 何も読み込まない状態 5~10ms http://jsrun.it/kyo_ago/pggf jQueryを読み込んた初期化時間 300ms~500ms http://jsrun.it/kyo_ago/jGTs jquip.events.css.ajaxを読み込んだ初期化時間 80ms~150ms http://jsrun.it/kyo_ago/e3B0 zepto load timeを読み込んだ初期化時間 80ms~150ms …
聞いたことは忘れる
見たことは覚えている
やったことは身につく
孔子
KUROIGAMEN(黒い画面) →
css2sass | Convert CSS Snippets to Syntactically... →
Welcome | graphic designer saucer →
Skeleton: Beautiful Boilerplate for Responsive,... →
lab » Blog Archive » [jQuery Plugin] AnimePng →
pngやjpgのタイルマップからアニメーションを表示できるjQueryプラグインを作成しました。
前のバージョンから何が変わったら一目でわかる機能比較表 | SIMPLE*SIMPLE →
UPrinting Business Card Giveaways →
12月 2011
28件の投稿
2011年スマホサイト制作関連メモまとめ
書かれていること： ・スマホのフロントエンド実装に関するTips（※ 自分がtumblrやtwitterでメモしてきたもの） ・メモ書きレベルの情報
書かれていないこと： ・高度なTips ・詳細な解説
—————————————————————— iOS / mobile safari...
jQuery Proven Performance Tips & Tricks, 2011 //... →
“window.onpagehide
window.onpageshow
この２つはなかなか面白い。基本LoadとUnloadに近い動きだが、mobile...”
– safariのwindow event - 不完全な死体
俺の CSS リセット: 2011 冬 - terkel.jp →
Pinterest →
スマートフォン(iPhone/Android)でhover (rollover) を実装したい -... →
【バグ】「GALAXY NEXUS...
現象： 「GALAXY NEXUS SC-04D」でtext-shadowを使うと、特定の文字が変な位置に飛ぶ。 たとえば「家電」とあった場合、「電家」となって、しかも電と家がほぼ重なりあった表示になってしまう。 いまいち発生パターンが不明で、「あ家電」とか「家電あ」の場合は大丈夫だったりする。 原因： CSSにtext-shadowを使用している場合に発生 対応： text-shadow 削除
jQueryでのDOM操作にはfilter()が便利ということに今更気づいた - with the... →
text-overflowはFirefox7から使える／複数行の時はJavaScriptで対応 -... →
NHK WORLD English →
25 Powerful CSS Tools & Generators for Designers... →
デザインのディテールはどんどんそぎ落とされていくんだろうなぁ グラデ、線、色、etc…
ios5 safariでhtml5のinput type numberの仕様変更 -... →
カフェ エ デセール モカザナ →
珈琲のおいしいお店みつけました。
mobily.pl - marcin dziewulski - portfolio →
マルチデバイスLab. - Multi Device Lab. →
Narnia Yacht Charter | Luxury private yacht... →
cultural solutions uk I Lincolnshire based... →
Kern Type, the kerning game →
カーニング チェック
iOS5で追加されるPrivate BrowsingモードとWebStorageの兼ね合い... →
[Android] Android標準ブラウザ HTML5&CSS3対応状況まとめ -... →
Droidcon 2011 - Android Design patterns →
CSS3 Patterns Gallery →
Mattari_panda hamalog: スマートフォン向けサイト作成時のSass活用法 →
mattari-panda:
この投稿はLess & Sass Advent calendar 2011の５日目の投稿です。このポストでLess & Sass Advent calendar 2011を知ったという方は一日目の投稿から読むことをお勧めします。
ここまでの４日間のAdvent calendarでSassに興味を持ち、導入意欲も湧いてきたかと思いますが、この辺りで実際に実務でどのように使っているかをスマートフォン向けサイトを例に紹介したいと思います。
ベンダープレフィックスの面倒さを解消
…