Hello My Mobile @hellomymobile-blog - Tumblr Blog

remove top shadow on input

input[type=text] { /* Remove First */ -webkit-appearance: none; -moz-appearance: none; appearance: none; /* Then Style */ border-radius: 15px; border: 1px dashed #BBB; padding: 10px; line-height: 20px; text-align: center; background: transparent; outline: none; }

•18+ Adults Only

Watch Anya Live on Cam

Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.

✓ Live Streaming✓ Interactive Chat✓ Private Shows✓ HD Quality

Anya is LIVE right now

FREE

Free to watch • No registration required • HD streaming

字體大小會隨著螢幕轉向變大或縮小

一般在製作手機版或是自適應性網站時會加一個meta tag: <meta name="viewport" content="width=device-width,initial-scale=1.0">

解決辦法：在css的body中加入"-webkit-text-size-adjust:100%;"

#Css

CSS-利用text-overflow: ellipsis 限制文字的字數

STEP 1:

首先設定區塊的大小

.box { width: 300px; padding: 10px; border: #ef5c28 2px solid; }

STEP 2:

接著在文字的區塊使用 text-overflow: ellipsis; 注意：在使用text-overflow: ellipsis; 時，需要一併設定 white-space: nowrap; 及 text-overflow: ellipsis; 才會有效果。

.ellipsis { overflow:hidden; white-space: nowrap; text-overflow: ellipsis; /* for IE */ -o-text-overflow: ellipsis; /* for Opera */ -khtml-text-overflow: ellipsis; /* for Konqueror Safari */ -moz-text-overflow: ellipsis; /* for Firefox,mozilla */ -webkit-text-overflow: ellipsis; /* for Safari,Swift*/ }

#css #字數限制

PS play - 移動設計工具

電腦ps 遠程連接同步手機

http://isux.tencent.com/app/psplay

#工具 #PS

CSS-漸層產生器

http://www.colorzilla.com/gradient-editor/

#css

•18+ Adults Only

Watch Anya Live on Cam

Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.

✓ Live Streaming✓ Interactive Chat✓ Private Shows✓ HD Quality

Anya is LIVE right now

FREE

Free to watch • No registration required • HD streaming

CSS圓角產生器

http://border-radius.com/

#CSS

CSS三角形產生器

http://apps.eky.hk/css-triangle-generator/zh-hant

#css

移动应用界面设计的尺寸设置及规范

http://www.awnlab.com/archives/2095.html

#尺寸 #規範

css 字體大小

当竖屏的屏的时候显示效果不错，但是当横屏的时候，字体会变大，无论你怎么设置字体大小都无效，在webkit内核的浏览器中只需要-webkit-text-size-adjust:none就禁止自动调整

#css

下拉menu選單

http://caibaojian.com/mobile-nav.html

#menu

•18+ Adults Only

Watch Anya Live on Cam

Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.

✓ Live Streaming✓ Interactive Chat✓ Private Shows✓ HD Quality

Anya is LIVE right now

FREE

Free to watch • No registration required • HD streaming

Web Applications home screen icon 的圖片路徑

預設值為 57×57 <link rel="apple-touch-icon" href="/custom_icon.png"/> 其它裝置

#home screen icon

ios重置按钮样式

button,input[type="button"]{-webkit-appearance:none;*overflow:visible;}

#ios

Viewport

initial-scale：第一次進入頁面的初始比例 minimum-scale：允許縮小最小比例 maximum-scale：允許放大最大比例 user-scalable：允許使用者縮放，1 or 0 (yes or no)

#Viewport

隱藏底部 iPhone button bar，看起來更像 iPhone App

#iphone bar

設定載入頁面時 loading 圖片

#loading

•18+ Adults Only

Watch Anya Live on Cam

Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.

✓ Live Streaming✓ Interactive Chat✓ Private Shows✓ HD Quality

Anya is LIVE right now

FREE

Free to watch • No registration required • HD streaming

how to reset a form in jquery mobile?

方法一

$('input{type="button"]').click(function(e) {

e.preventDefault(); // prevent normal button action

$('input').not('[type="button"]').val(''); // clear inputs except buttons, setting value to blank

$('select').val(''); // clear select

$('textarea').val(''); // set text area value to blank

})

http://appcropolis.com/blog/css3/advanced-customization-jquery-mobile-buttons/

#JQM #reset form

slidermenu

menu 右→左滑出 or 左→右

http://plugins.adchsm.me/slidebars/

#jq pluging #menu

Trending Blogs

Last Seen Blogs

Hello My Mobile