Tips and Tricks.
All #accessibility #cloud9 #codepen #concept #css #css-basic #css-flex #css-grid #data-url #html #html-form #inspirations #ios #javascript #lang-zh #layout #link #mobile #mobile-web #mysql #php #php-basic #podcast #progress-enhancement #python #resilient #resources #swift #ui-design #user-media #video #wordpress
2018-10-22
Normal file input triggers a select action sheet for use to choose the media source from either camera or photo album.
We can directly trigger camera UI without the select by using the capture="camera":
<label>
File with capture
<input id="take-picture" type="file" accept="image/*" capture="camera" >
</label>
2018-09-20
The following JavaScript enables the :active style.
document.ontouchstart = function() {};Then, we set the button to have transparent tap highlight:
.button {
-webkit-tap-highlight-color: rgba(0,0,0,0);
}2017-04-21
I created a web page to test if your mobile browser overrides the user-scalable meta configuration.