mobile web development frameworks

Today, I added a web operation interface to my account system to help my lover add operation records on her mobile phone. This system uses nbear for data access. The development is normal and the query records are displayed. I hope to display a table on my wife's mobile phone. The operating system of her

control looks ugly by default 5. Eliminate Transition splash screen. css{/* Set how inline elements are rendered in 3D space: Reserved 3d*/-webkit-transform-style:preserve-3d;/* (sets whether the reverse side of the element being converted is visible when facing the user: hidden) */-webkit-backface-visibility:hidden;}Turn on hardware acceleration Resolve page Flash White Keep your animations flowing . css {-webkit-transform:translate3d (0, 0, 0);-moz-transform:translate3d

This post was last edited by yangzhu230 on 2013-9-11 00:39If I said to recommend ZeptoYou must say "cut, this earth man knows, another title party"No suspense, straight to the point.I recommend the GMU of "Baidu"GMU is a Zepto-based mobile UI component library that provides webapp, pad-side, easy-to-use UI components!Ps:zepto is a lightweight JS library for modern browsers, compatible with jquery usageZepto is not compatible with IE, but because of th

CSS3 animations instead of JS animations Avoid using a large number of CSS3 gradient shadows on low-end machines to improve fluency by considering the downgrade effect HTML hierarchy remains simple enough Use the CSS Advanced selector and the wildcard selector as little as possible Keep it simple Online Performance Testing Assessment Tool User Guide Visit the Google pagespeed Online assessment website Enter the destination URL address in the Address bar and cli

. Net language APP development platform-Smobiler Learning Log: Develop a web form in a mobile APP. Smobiler is a development platform that uses the. Net language to develop apps in the VS environment. It may be more convenient than Xamarin. Style 1, Target Style The following operations are required to achieve the eff

Background 1: Sencha is a Web development framework for mobile devices. I personally recommend it. Combined with PhoneGap, it is easy to publish Native programs on various platforms, with good results. The framework provides a MVC-based development mode with moderate functionality. The operation efficiency is also cent

Bootstrap 3First, the use of HTML5 document typeIn order for Bootstrap to develop a website that is friendly to mobile devices and to ensure proper drawing and touch-screen scaling, the viewport meta tag needs to be added to the head of the Web page as follows:Third, on the mobile device browser, you can disable its zoom (zooming) function by adding user-scalable

Caching jquery and common styles to localstorage can reduce HTTP requests and optimize page load times, which can be implemented by the following code: To view write records: Packaged into JS Plug-ins: /** * Plug-in function: Use Localstorage cache js and CSS files, reduce HTTP requests and page rendering time, suitable for Web Mobile end H5 page production. * Plugin Author: zhangqs008@1

In fact, I don't want to write this article, but I 've been tossing it for a long time, alas... write down and give yourself a summary. in use. net when developing mobile web, it is obvious that a control is very useful, but. net does not provide, that is, textarea, multi-line input. I Googled and found an article about how to customize this control. The original Article is here. in addition, there is a rea

Until today, the world of JavaScript is still primitive.For example, Angular Ngview can not play nested.Tried Angular-ui-router, failed, due to conflict with $locationProvider Ngroute settings. Abandon it.Is. There is no technical difficulty that can not be overcome. If so, go around. So, there is still no.There are no technical problems that can not be solved. If so, let it not be a problem. So, there is still no.--------------------------When did you get a browser called Cheetah? The kernel o

Iscroll is a plug-in for Web development for mobile devices. Some of the effects that are common on mobile applications like zooming, pull-down refreshes, and swipe transitions can be easily implemented. The latest version of Iscroll is released in 2011.07.03 in 4.1. Version 7. The latest version is smoother than ever

1. Use Click to see a fixed hit area flash, resolved: Give the element a style as follows-webkit-tap-highlight-color:rgba (0,0,0,0);2. Is it nice to scroll through a long Web page with an iphone or ipad? But if it is a div, then set height:200px;overflow:auto; , you can scroll but completely without the sliding effect, very depressed. But since the use of the -webkit-overflow-scrolling: touch; style, it is completely possible to discard the third-part

HTML5 mobile web Application Development-SAP UI5 (7) In SAPUI5, components can be encapsulated using Component. To encapsulate a Component, the basic code of Component is as follows: sap.ui.define([ "sap/ui/core/UIComponent"], function (UIComponent) { "use strict"; return UIComponent.extend("", { init : function () { // call the init function o

Note 3 of mobile Web Front-end efficient development practices-code check task, During project development, the unified code style is very important for project collaboration and maintainability. Therefore, some plug-ins can be used to check the code style. The source files in this example include Sass files and JavaSc

ways to terminate tasks: Eslint.failaftererror and Eslint.failonerror. The former waits until all the checks have been executed before terminating, while the latter terminates immediately when an error occurs.Next, we introduce a code check for the Sass file using the Gulp-sass-lint plugin. First, install the plugin:NPM Installgulp-sass-lint--save-Dev adds a task to the gulpfile.js to check the Sass file for code as follows:varSasslint =require ("Gulp-sass-lint");//Introducing the Sasslint plug

1. Responsive Web Design(1). Discussion on media query specifies the device type for the style sheet through the media propertyCSS3 increases the condition when the device is placed verticallyCSS3 Add the condition that the Style.css style file will be loaded when the device screen is heavy 960pxReference CSS3 Media query: http://www.w3.org/html/ig/zh/wiki/CSS3 media Query-Width viewport widths-Height Viewport Heights-width of the device-width device

-overflow-scrolling:touch;}16, in the processing of iOS device Web page often encounter such a problem, when I click on the element, click on the area will be a flash of the situation. The solution is very simple, just need to add the following style to the elements of the situation can solve the problem. The code is as follows:-webkit-tap-highlight-color:rgba (0,0,0,0); This is a unique style for iOS devices, with the principle of removing the colo

For most web developers, HTML, CSS, and JavaScript are their most skilled development skills. However, developing a native mobile app is a completely unfamiliar area for them. Because developing a native app on Android,ios or Windows phone (app development company Ty300.com), you need to master a completely different

, fixed-width/blocks-level elements of the Overflow:scroll/auto failure, belonging to the browser bug, can be achieved by third-party tools. 9, ios5+ can be Scrollto (0,0) to automatically hide the browser address bar. 10, 11, allow the user to add to the home screen, and provide webapp support.12. CSS3 animation will affect your autofocus, so auto-focus should be done before the animation is executed, or discarded directly.13. Use media query to fit different screens.14, if involves more outsid

HTML5 mobile web Application Development-SAP UI5 (6) · In SAP UI5, use the i18n file to parse variables. For different language packs developed in the future, different i18n files are also available. Let's take a general look at how i18n is used in SAPUI5. First, create a file named i18n. properties. Write the following content: ShowHelloButtonText = SayHello Hel