1 / 13

Trend of Web Technology Design and Development

Trend of Web Technology Design and Development. Ferry Astika Saputra. Trend of Web Design. Adaptive and Responsive Layout Mobile-ready Layout Typography and Content Over Heavy Design. Adaptive and Responsive Layout. A fully responsive web layout allows

spike
Download Presentation

Trend of Web Technology Design and Development

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Trend of Web Technology Design and Development Ferry AstikaSaputra

  2. Trend of Web Design • Adaptive and Responsive Layout • Mobile-ready Layout • Typography and Content Over Heavy Design

  3. Adaptive and Responsive Layout • A fully responsive web layout allows • web designers and developers to keep one content set for every type of device, • while at the same time adapting the layout to give an optimal viewing experience for different resolutions • Typically, there have been four general screen sizes that responsive design has been aimed at: the widescreen desktop monitor, the smaller desktop (or laptop), the tablet, and the mobile phone.

  4. Example

  5. Example

  6. Mobile-ready layout • Smartphones and tablets can use swiping and other touch-centric navigation elements, and it would be unwise to let these intuitive app-centric features go to a complete waste on the web. Swipe it, tap it, and click it!

  7. Typography and Content Over Heavy Design • The art and technique of arranging type in order to make language visible. • Typography in web = the art and technique of arranging type in order to make content easy to read and ……

  8. Typography and Content Over Heavy Design • Web is shifting towards typographic compositions where the content is king and the user interface is minimal but relevant.

  9. Trend of Web Design • HTML5 and CSS3 Techniques • The Power of Ajax

  10. HTML5 and CSS3 Techniques • Thanks to HTML5, web developers from all over the world can now enjoy semantics, standards for movies, and more dynamic web support. • And with CSS3, they can now use awesome animations and other aesthetic elements that look stunning and cost next to nothing in terms of file size, which is great for page speed. It’s the new flash element that’s high in reusability and low on bulk. • Gradients, box shadows, and border radius are just the tip of the iceberg. Even 3D is now a possible and viable option, and techniques like filters (think Photoshop and 3D effects) are just around the corner! http://www.dazeddigital.com/projects/fuelband/

  11. The Power of Ajax • Ajax isn’t a technology. It’s really several technologies, each flourishing in its own right, coming together in powerful new ways. Ajax incorporates: • standards-based presentation using XHTML and CSS; • dynamic display and interaction using the Document Object Model; • data interchange and manipulation using XML and XSLT; • asynchronous data retrieval using XMLHttpRequest; • and JavaScript binding everything together.

  12. Model : Classic Web Apps VS Ajax Web Apps

  13. Synchronous VS Asynchronous Communication

More Related