WebTecNote
[js,iPhone,Android] コンテンツがwindow.innerHeightより小さい時にもアドレスバーを隠したい
- 2011-10-05 (水)
- Javascript
スマートフォンのブラウザアプリで画面の高さにきっちり収まる仕様で作っていると
高さが足りないのでwindow.scrollToしてもアドレスバーが隠せない。
でも隠した方が表示領域が増えるので何とかしたい。
単純に考えればアドレスバー分bodyの高さを増やせばいい、ってことなんですが…
- Comments: 0
- Trackbacks: 0
[css,js] Retinaディスプレイ対策
- 2011-09-07 (水)
- CSS
スマートフォンのRetinaディスプレイだとPCでくっきり見えてる画像がぼやけてしまう件。
500px × 300pxの画像をRetinaディスプレイでくっきりさせたいなら
1000px × 600pxの画像を作成してサイズを50%に指定すれば良い。
その方法を以下に列挙する。
- Comments: 0
- Trackbacks: 0
[css, css3, html] スマｰﾄフォン(iPhone, Android)ブラウザのバグまとめ
- 2011-08-15 (月)
- CSS
Androidの所為で工数が増えてウザイとか、AndroidのWebkitはWebkitじゃねぇとか
スマホのCSS3関係はどうしてもAndroidをdisる感じの内容になりますね！
特に明記がないものはすべてWebkitについてです。
見つけ次第順次追加予定。
タイトル変更、増えてきたので目次追加しました。
- 【css】 タップ時にz-indexを無視して下の要素に枠がつく(Android)
- 【html, css】 マルチバイト文字にfont-weight:boldが効かない(Android)
- 【css】 border-radiusのコーナーがジャギる(Android)
- 【css】 box-shadow、text-shadowでblurを0にすると描画されない(Android)
- 【css】 @keyframeアニメーションに関する不具合(Android)
- 【css】 @keyframeの100%で指定したスタイルが維持されない(Android, iOS3.*)
- 【css】 アニメーション開始時・終了時に一瞬だけアニメーションしている要素が消える(Android)
- 【css】 rgbaアニメーションで残像が発生する(Android)
- 【css】 transrateを使用したアニメーションがちらつく(Android, iPhone)
- 【css】 アニメーション開始時に関係ないところが点滅するようにちらつく(Android、iPhone)
- 【html, css】 JSやCSSで出力したマルチバイト文字が文字化けする(Android)
- 【html】 ソフトウェアキーボードやブラウザメニューを表示するとbodyのheightが削られたまま戻らない(Android)
- 【html, css】 テキストボックスに関するバグ(Android)
- 【css】 transitionでscaleを使用すると実行前のサイズに戻る(Android)
- 【css】 対応していないCSS3 Animationの指定をすると誤動作する（Android 2.2）
- 【css】 background-imageが２重に表示される
- Comments: 1
- Trackbacks: 3
[jQuery] ユーザエージェント(userAgent)判別プラグイン
- 2011-06-22 (水)
- jQuery
ユーザーエージェントからブラウザの情報をピックアップしてクラスを付与するjQueryプラグインを作ってみました。
パソコン・スマートフォンの他に、JavaScriptの使用が可能だと思われるゲーム機・テレビ・ガラケーのブラウザも判別対象としています。
- Comments: 0
- Trackbacks: 1
-
- まとめ
- ホームページビルダー
- 初音ミク
- 擬似クラス
- 楽天
- 1Column
- 2BOX
- 2ch
- 2column
- 2Helvs
- 3column
- 5BOX
- Actionscript
- Ajax
- Android
- Animation
- AntiSpam
- API
- apple
- Aptana
- Aqua
- ASCII
- Assets
- AutoExternalLink
- background
- backup
- BETA
- Blog Status
- breadcrumb
- Bubble
- bug
- Button
- calendar
- Calendarizm
- canvas
- Center
- Chain
- Chrome
- Class
- Click Event
- CMS
- ColorMeShopPro
- ContactForm
- Control
- Cookie
- CSS
- CSS3
- CSV
- Custom
- date()
- Demo
- Dojo
- domain
- Download
- Drag&Drop
- Dreamweaver
- dropdown
- Dummy Text
- Effect
- Elastic
- Error
- File API
- Filter
- filter.html
- FireFox
- Fixed
- Flash
- Floating
- foglio
- Form
- free material
- free script
- Function Reference
- Fx.Morph
- Fx.Scroll
- Fx.Slide
- Fx.Tween
- Game
- gettext
- get_posts
- GMarker
- Go-To-Top
- GoogleChart
- GoogleEarth
- GoogleMap
- GoogleSearch
- Hack
- Halves
- Highlight
- Horizontal
- HTML&XHTML
- HTML5
- HTML5API
- Icon
- IE
- illustrator
- infowindow
- iphone
- iScroll
- Javascript
- jQuery
- jQuery.plugin
- jsdo.it
- KML
- LeftMenu
- liquid
- ListMenu
- Localization
- login-system
- Magpie RSS
- Mobile
- mooFollow
- MooTools
- mooTyping
- number format()
- OnlineGame
- OOP
- OpenPNE
- Pagenation
- permalink
- Photoshop
- PHP
- ping
- plugin
- poedit
- Polyline
- prototype.js
- Regular Expression
- RightMenu
- rollover
- RPC
- RSS
- Safari
- Sample
- script.aculo.us
- scrollbar
- selection
- selectors
- SEO
- session
- Shortcode
- Sidebar Widgets
- slimbbs
- Smarty
- SmoothScroll
- strtotime()
- Symphony-CMS
- Tableless
- Tab Menu
- Tar
- Template
- Template Engine
- Template Tags
- time()
- TinyMCE
- token
- Tooltip
- Transparent
- Tutorial
- Tutoriarl
- userAgent
- Valid
- Validator
- vertical-align
- Web Browser
- Web Site
- Wiki
- window.open
- wordpress
- wp-custom
- wp-function
- wp-plugin
- wp-themes
- xampp
- XHTML
- XML
- Xserver
- YouTube
- YUI
- Zend Framework
- Zend_Form
- Zend_View
- zeromail
-
