lập trình web chuyên nghiệp

... some of the enhanced WebKit CSS properties supported by Safari. ❑ Level 3: Dedicated iPhone/iPod touch Web site/application: A third level of support is to provide a Web site tailored to ... Personal Web Sharing option on (see Figure 1 - 11 ). When this feature is enabled, the URL for the Web site is shown at the bottom of the window. You ’ ll use this base URL to access your Web files ... Development Platform 12 You can add files either in the computer ’ s Web site directory ( /Library/WebServer/Documents ) or your personal Web site directory ( /Users/YourName/Sites ) and then access...

Ngày tải lên: 29/10/2013, 01:15

... of iPhone applications are based on Web 2.0 technologies, many Web developers will come to the iPhone platform and naturally think they are just creating a Web application that runs on a new ... touch are mobile devices. Despite the fact that you build apps using Web technologies, an iPhone interface is not a normal Web application interface either. iPhone is clearly the first groundbreaking ... with the computer. Web design is no different. All of the innovations that have transpired — such as AJAX and XHTML — have revolutionized the structure and composition of a Web site, but not...

Ngày tải lên: 08/11/2013, 00:15

... background: none; -webkit-border-image: url(toolButton.png) 0 5 0 5; } #backButton { display: none; left: 6px; right: auto; padding: 0; max-width: 55px; border-width: 0 8px 0 14px; -webkit-border-image: ... both box-sizing and -webkit-box-sizing definitions. Mobile Safari under iPhone 1.0 supported box-sizing , but 1.1.1 replaced support for that property with -webkit-box-sizing instead. ... definitions in iui.css for each of these elements: body > .toolbar { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border-bottom: 1px solid #2d3642; ...

Ngày tải lên: 08/11/2013, 00:15

... #FFFFFF; -webkit-border-radius: 10px; border: 1px solid #999999; text-align: right; font-size: 16px; } .row { position: relative; min-height: 42px; border-bottom: 1px solid #999999; -webkit-border-radius: ... font-family: Helvetica; background: #FFFFFF; color: #000000; overflow-x: hidden; -webkit-user-select: none; -webkit-text-size-adjust: none; } body > *:not(.toolbar) { display: none; position: ... text-decoration: none; white-space: nowrap; background: none; -webkit-border-image: url(toolButton.png) 0 5 0 5; } .blueButton { -webkit-border-image: url(blueButton.png) 0 5 0 5; border-width:...

Ngày tải lên: 08/11/2013, 00:15

Ngày tải lên: 15/12/2013, 11:15

... CSS2 styles. These include three so-called experimental properties ( -webkit- border-image , -webkit-border-radius , and -webkit-appearance ) and a CSS3 enhancement of the background property. ... normal Web site, -webkit-text-size-adjust: auto is recommended for improving the readability of text. However, if you are developing an application, you will almost always want to use -webkit-text-size-adjust: ... effective UI design: -webkit-text-size-adjust , text-overflow , and text-shadow . These properties are explained in this section. Controlling Text Sizing with -webkit-text-size-adjust...

Ngày tải lên: 15/12/2013, 11:15

... Safari: ❑ box-shadow ❑ -webkit-box-shadow ❑ text-stroke ❑ -webkit-text-stroke ❑ text-fill-color ❑ -webkit-text-fill-color ❑ -website-appearance ( push-button ... CSS2 styles. These include three so-called experimental properties ( -webkit- border-image , -webkit-border-radius , and -webkit-appearance ) and a CSS3 enhancement of the background property. ... wide rectangular block shape. The -webkit-appearance: push-button property transforms the appearance to have a gradient gray push button look. The -webkit-border-radius rounds the edges...

Ngày tải lên: 15/12/2013, 11:15

... 0; padding: 0; width: 320px; height: 416px; font-family: Helvetica; -webkit-user-select: none; cursor: default; -webkit-text-size-adjust: none; background: #000000; (continued) c05.indd ... 2:47:03 PM12/7/07 2:47:03 PM Handling Touch Interactions and Events An essential part of any Web 2.0 application is the ability to respond to events triggered by the user or by a condition ... iPhone, keep in mind that the finger is not a mouse. As a result, the traditional event model that Web developers are so used to working with does not always apply in this new context. This is both...

Ngày tải lên: 15/12/2013, 11:15

... Helvetica; -webkit-user-select: none; cursor: default; (continued) c05.indd 113c05.indd 113 12/7/07 2:47:05 PM12/7/07 2:47:05 PM Chapter 5: Handling Touch Interactions and Events 114 -webkit-text-size-adjust: ... issues from occurring. Trapping for Key Events with the On-Screen Keyboard As with an ordinary Web page, you can validate keyboard input by trapping the onkeydown event. To illustrate, suppose...

Ngày tải lên: 15/12/2013, 11:15

... own user agent detection script available for download at trac.webkit .org/projects/webkit/wiki/DetectingWebKit . By linking WebKitDetect.js to your page, you can test for specific devices ... p.appendChild(t); } if ( WebKitDetect.isMobile() ) { var device = WebKitDetect.mobileDevice(); // String found in Settings/General/About/Version var minSupport = WebKitDetect.mobileVersionIsAtLeast(“1C28”); ... element defines a drawing region on your Web page that you then draw on using a corresponding JavaScript canvas object. The canvas element is part of the Web Hypertext Application Technology...

Ngày tải lên: 15/12/2013, 11:15

... + ‘KysrKwEJCAgJCgkMCgoMDwwODA8TDg4ODhMVDg4PDg4VGhMRERERExoXGhYWFhoXHR0aGh0dJCQjJCQr’ + ‘KysrKysrKysr/8AAEQgA4AEsAwEiAAIRAQMRAf/EAJ8AAAEFAQEBAAAAAAAAAAAAAAIBAwQFBgAHCAEA’ + ‘AwEBAQAAAAAAAAAAAAAAAAECAwQFEAABAwIEAwUFBQcEAQUAAAABAAIDEQQhMRIFQVETYXGBIgaRoTIj’ + ‘FLFCUnIzwdFiQyQ0B+GCkhWy0lODNRcRAAICAQMCBAUDBAMAAAAAAAABEQIhMRIDQVFhcYEikaGxEwTB’...

Ngày tải lên: 15/12/2013, 11:15

... reference movie created, and your Web server configured to handle video files (see the “Hosting Media Files” section), you are ready to reference them in your Web page or application. You link ... programming to create sophisticated charts and image effects, such as reflections, are available on the Web. Two particularly noteworthy libraries are the PlotKit and Reflection.js. PlotKit (see Figure ... complexity, it’s free, cross-platform, and can generate reference movies dynamically. Make sure the Web server that hosts the video files supports byte-range requests (which are sometimes referred...

Ngày tải lên: 15/12/2013, 11:15

... none; } .panel img.cui { margin: 0px 15px 5px 0px; border: 1px solid #666666; float: left; -webkit-border-radius: 5px; } .panel > div.cuiHeader { position: relative; margin-bottom: 0px ... 2:53:41 PM Integrating with iPhone Services One of the most intriguing ideas when creating a Web 2.0 application for iPhone is integrating the application with core mobile services, such as ... all, once you break those inside the browser barriers, the application becomes more than just a Web app and extends its functionality across the mobile device. However, iPhone service integration...

Ngày tải lên: 15/12/2013, 11:15

... Maps application rather than going to the public Google Web site. (On iPod touch, Mobile Safari links directly to the public Google Web site.) As a result, you can create a link to specify...

Ngày tải lên: 15/12/2013, 11:15

... Maps application rather than going to the public Google Web site. (On iPod touch, Mobile Safari links directly to the public Google Web site.) As a result, you can create a link to specify ... .rowCuiAddressBox { position: relative; min-height: 24px; border-bottom: 1px solid #999999; -webkit-border-radius: 0; text-align: left; } .rowCuiAddressBox > p.cui { box-sizing: border-box; ... none; } .panel img.cui { margin: 0px 15px 5px 0px; border: 1px solid #666666; float: left; -webkit-border-radius: 5px; } .panel > div.cuiHeader { position: relative; margin-bottom: 0px...

Ngày tải lên: 15/12/2013, 11:15

Ngày tải lên: 15/12/2013, 12:15

Ngày tải lên: 15/12/2013, 12:15

Ngày tải lên: 15/12/2013, 12:15

Ngày tải lên: 15/12/2013, 12:15

Ngày tải lên: 19/12/2013, 16:04