Có 60+ tài liệu thuộc chủ đề "thủ thuật cắt html"
tailieu.vn Xem trực tuyến Tải xuống
(see also Footbag Freaks web site) fixed-width layouts, 259–288 Halloween party page, 23–29 simple two-column layout, 149–214 three-column layout, 217–257 external style sheets . Footbag Freaks images . three-column layouts, 236–244 floated columns, 239, 284. font property and, 104 Footbag Freaks web site, 181 syntax illustrating, 10 use with links, 28. font-style property, CSS, 103, 371 font-variant property, CSS, 103,...
tailieu.vn Xem trực tuyến Tải xuống
Praise for Web Application Design Patterns. Pawan Vora has produced an amazing catalogue of the essential patterns for designing today’s web-based applications.. A generation has watched the Internet work its way into every part of society as talented designers and developers have explored new user interfaces and as the most robust design patterns have emerged through the refi ning fi...
tailieu.vn Xem trực tuyến Tải xuống
It ’ s important, however, to remember that web applications are developed using HTML and do not offer all the form controls available on popular plat- forms such as Windows and Macintosh. FIGURE 2.1 LinkedIn clearly lists the benefi ts of registering in the section “ LinkedIn helps you. EXPLAIN THE BENEFITS BEFORE LEADING USERS TO THE FORM. If they...
tailieu.vn Xem trực tuyến Tải xuống
Figure 2.37. This could be as simple as asking users to do something simple and specifi c (e.g. Web applications that show error messages on a different page force users to memorize the error(s) and the instructions to fi x them before returning to the form page containing errors. Showing error messages on the same page as the form eliminates...
tailieu.vn Xem trực tuyến Tải xuống
Alternatively, users may be emailed a link to reset their password ( Figure 3.36. Additional identifi cation questions may include information that only the account owner knows, such as the last four digits of his or her Social Security number, account number, and so forth ( Figure 3.37. The identifi cation FIGURE 3.36 Agile Commons (hosted by HiveLive) emails the...
tailieu.vn Xem trực tuyến Tải xuống
Although the application pages will fi ll up eventually, the fi rst time users access the application (or a new functionality within the application) they’ll see an empty page — a “ blank slate. This can be accomplished by explaining to users the best ways to get started via tutorials and help texts and/or show a typical screenshot of the...
tailieu.vn Xem trực tuyến Tải xuống
FIGURE 5.33 The TurboTax wizard uses “ Back ” and “ Continue ” actions to guide users to complete their taxes.. Figure 5.37. FIGURE 5.39 TurboTax Online allows users to save their information and offers them the option to return to the wizard from where they left off.. For performance reasons and to not overwhelm users with too many items,...
tailieu.vn Xem trực tuyến Tải xuống
FIGURE 6.30 The three common approaches to show sorting options are (a) links (designed to appear as tabs), as on Buy.com’s site. Divide search results into a sequence of pages and allow users to navigate through them using, at a minimum. Deciding the number of items to show on a search results page is a trade-off between scrolling and paging....
tailieu.vn Xem trực tuyến Tải xuống
In addition, consider showing items in a list view as well and allow users to switch between them ( Figure 7.23. However, allow them to change it to a different view per their preference ( Figure 7.24. FIGURE 7.23 When users click “ Calendar. When using a calendar control for navigation, highlight days with one or more scheduled events to...
tailieu.vn Xem trực tuyến Tải xuống
FIGURE 8.1 Yahoo! Mail offers users a rich-text editor for composing emails. FIGURE 8.2 Gmail offers users the option to switch the email text from rich text to plain text.. FIGURE 8.3 Blogger invites users to enter their posts in either rich-text or HTML format.. ALLOW USERS TO ENLARGE THE TEXT-INPUT AREA. In such cases, allow users to enlarge text-input...
tailieu.vn Xem trực tuyến Tải xuống
Pagination cues may also be used to indicate that users have reached the fi rst or last item in the set ( Figure 8.48. Additionally, a partial image of the previous or next item in the carousel may be shown ( Figure 8.49. CAROUSELS use visual effects (ANIMATIONS/TRANSITIONS), such as slide-left, slide-right, slide-up, and slide-down, to allow users to maintain...
tailieu.vn Xem trực tuyến Tải xuống
When using reputation levels, make it easy for users to determine how they can reach the next level. This keeps them interested and motivated to participate ( Figure 9.38. Many social networking applications, on the other hand, allow users to establish reputations through testimonials or recommen- dations that they receive. LinkedIn, for example, allows users to write recom- mendations for...
tailieu.vn Xem trực tuyến Tải xuống
translation then can be easily accommodated without affecting page lay- out ( Figure 10.3. For secondary data, it may be accept- able to truncate or expand the data based on the browser window’s width ( Figure 10.4. Designing visual elements that allow for text swell makes their reuse possible, regardless of the language to which the application is localized (...
tailieu.vn Xem trực tuyến Tải xuống
FIGURE 11.2 Two common approaches of referencing an external style sheet.. FIGURE 11.3 Washington Mutual allows users to change the text size by clicking on one of the text options in the top-right corner of the page.. Then, add presentation-related markup using style sheets such that the addition of style sheets does not limit the page’s accessibility.. or @import tag...
tailieu.vn Xem trực tuyến Tải xuống
The objective is not only to create a minimal number of “ invisible ” grids on the page but also to do it in a way that reveals the structure of the page visually and makes it easy for users to understand and fi nd different page ele- ments. One of the important reasons for using the GRID STRUCTURE pattern...
tailieu.vn Xem trực tuyến Tải xuống
Available from www.baekdal.com/. Available from www.slideshare.net/dmalouf/. Available from www.surl.org/usabilitynews/51. Available from www.surl.org/usabilitynews/32/. Available from. Available from blog.topix.com/archives/000106.html , March 31, 2006.. Why Use a Grid? Available from markboulton.co.uk/articles/detail/. Available from www.dmreview.com/dmdirect html , 2004.. Available from www.sitepoint.com/. Available from marcelo.sampa.com/marcelo-calbucci/brave-tech-world/A-10-improvement- on-conversion-w.htm, July 15, 2008.. Available from www.youtube.com/watch?v AmUPhEVWu_E , 2008.. Available from www.hesketh.com/publications/progressive_. Available from www.hesketh.com/publications/progressive_enhancement_and_. Available from www.smashingmagazine.. Available...
tailieu.vn Xem trực tuyến Tải xuống
It’s import- ant that questions listed in this section really are “ frequently ” asked questions and organized so that basic questions are answered before the advanced ones ( Figure Web.7. FIGURE WEB.6 QuickBooks Online incorporates application help as contextual help as well.. Depending on where users are within the application, clicking “ Help ” shows them the relevant section...
tailieu.vn Xem trực tuyến Tải xuống
There are several options for presenting FAQs ( Figure Web.8. If the list is relatively short, it is usually suffi cient to simply list questions and answers without requiring users to navigate to the answer.. If the list of FAQs is long (e.g., more than 30), organize them based on com- mon task categories, sections of the web application, or...
tailieu.vn Xem trực tuyến Tải xuống
permission of the copyright owner and the publisher.. Printed and bound in the United States of America . Trademarked names may appear in this book. Rather than use a trademark symbol with every occurrence of a trademarked name, we use the names only in an editorial fashion and to the benefit of the trademark owner, with no intention of. infringement...
tailieu.vn Xem trực tuyến Tải xuống
If you find yourself in the Animation Workspace, with the Objects and Timeline panel across the bottom, press the F6 key to change back to the Design Workspace. The Design Workspace is laid out such that the left side of the interface contains the tool- box, Projects , Assets , and States panels, and the Objects and Timeline panel. Along...