Web design and development trends


Published on

Web design and development trends

Published in: Technology, Design
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Web design and development trends

  1. 1.  Web development - a broad term for the workinvolved in developing a Web Application forthe Internet (WWW) or an intranet (a privatenetwork). Consist of:◦ Web Design,◦ Web Content Development,◦ Client-side/Server-Side Scripting,◦ Web-server and Network Security Configuration,◦ E-Commerce Applications.etc.
  2. 2.  Web design encompasses many different skillsand disciplines in the production andmaintenance of web applications. Basic Areas:◦ Web Graphic Design,◦ Interface Design,◦ Authoring,◦ Writing Standardized code,◦ Search Engine Optimization.etc.
  3. 3.  1989 - while working at CERN Tim Berners-Lee proposed to create a global hypertextproject, which later became known asthe World Wide Web. 1991 – HTTP, HTML1 1993 - W3C which is responsible to set webstandards, Mosaic 1994 – Netscape, HTML2, PHP 1995 – Mozilla, Internet Explorer, SSL, HTML3,JavaScript, Apache 1996 – Java, Flash, XML, CSS, Hotmail
  4. 4.  1997 – HTML 3.2, HTML4, RSS 1998 – CSS2 1999 – Ajax, Web Fonts 2001 – Wikipedia 2002 – Safari 2003 – iTunes Store 2004 – Firefox, Gmail, Facebook 2005 – Opera Mini, jQuery, YouTube 2006 – XML HTTP REQUEST 2, Twitter 2007 – First iPhone(iOS & Mobile Safari)
  5. 5.  2008 – Chrome, HTML5, Android 2009 – CSS3 (Exciting Features: Transitions,Transform, Animation, Gradient, Flexbox etc.),Firefox for Mobile 2010 – HTML 5 Date/time input types, AudioVideo Elements 2011 – WEBGL JavaScript API for 3D, ContentSecurity Policy, Touch Events, Chrome OS ,CSS3 Filters
  6. 6.  Web designers use a variety of different toolsdepending on what part of the productionprocess they are involved in. Web graphic designers use vector and rastergraphics packages for creating web formattedimagery or design prototypes. Technologies used for creating websitesinclude standardized mark up which could behand coded or generated by WYSIWYG editingsoftware.
  7. 7. Web Design and Development
  8. 8.  This is the next web design generation. With RWD a site is crafted to provide an optimalviewing experience—easy reading and navigationwith a minimum of resizing, panning, andscrolling—across a wide range of devices fromdesktop computer monitors to laptops to mobilephones. It is currently on top of the list of web trends. It has the ability to eliminate problems related tothe size of the layout. It looks promising in terms of working really wellon all of the devices and should make thingsbetter for all of the web designers.
  9. 9.  These new design standards are ever growingwith new features. W3C has made a lot of headway in garneringsupport from the most popular browsers. There are lots of good things for the future ofHTML5/CSS3 web development. Front-end designers were often overlookedpreviously but no more! Front Designers areGREAT! Their work have great importance tothe entire composition process.
  10. 10.  Steve Jobs famouslyrefuses to allow Flashon the iOS due to themany bugs and crashesit experiences,therefore HTML5 isgoing to be a must forthose who want todevelop apps and iOS-friendly websites.• After Steve’s remarks and Google started HTML5-friendly version of YouTube, many developersstarted to how important this system will become inthe near future.
  11. 11.  These days many websites have both vertical andhorizontal scrolling for their mobile versions, which isnot very user-friendly because of too much actualscrolling that a user has to make in order to see thewhole picture. Vertical scrolling will provide an easy and convenientway to navigate the website. It allows scrolling a pagedown with a header menu at the same time withouthaving to go back to see the menu, That is a vertical scrolling of buttons and menus withthe same kind of navigation for social buttons andshopping carts. Its very much user-friendly approach in optimizationof websites.
  12. 12.  Large buttons, headings, full-width imagesand full-sized sliders. As touch screens getting more and morepopular each day, oversizing of the objectsbecomes unavoidable. This trend semi-originates from thepopularity of Mac OS X icon designs. As developer began to launch websites fortheir Mac applications they enormous sizesicons in web too as represented in branding.
  13. 13.  This technique now comfortably rests withinmodern design culture. This style may lead to certain deceleration ofthe websites, because bigger items needmore graphics and it will of bigger size. If web designers face difficulties with thatproblem this trend may set out pretty soon.www.panic.com/transmit
  14. 14.  The popularity of iPhone, iPad along withAndroid-powered phones means designer haveto implement all touch commands on websites.
  15. 15.  Who can say they honestly don’t enjoy freedownloads? … NO ONE Web designers have been sharing their contentonline for years, but only recently has thisbecome a very popular trend among digitalartists. There have been some communities offering freedownloads for web and graphic designers. (Eg.downloadpsd.com, designmoo.com).
  16. 16.  This is all about 2D objects being placed on differentlayers and being scrolled in the same direction atdifferent speeds with the closest layers moving thefastest. That gives the impression of 3D. We will see a lot of parallax effects in the use of webdesign. Previously it was mostly related to video games. Nowadays it is being used as a refreshing addition tohighlight a special event such as product or websitelaunch, or integrated into general webpages like‘Home’ or ‘About’ to optimize the look and feel ofsomething standard. … and we all expect to see a lot of parallax scrollingeffects on regular websites.
  17. 17.  Fonts are a big part of the web designtradition. The most notable fonts includingArial, Helvetica, Georgia, and Trebuchet MShave been around for years now. Although they continue to in web standards,there are plenty of alternate options foradvanced webpage typography. There is a great deal of fonts to choose fromdue to widely available typography variations.And designers tend to prefer stylishtypography designs
  18. 18. • Typography is thefoundation of anywebsite so it is surelygoing to winimportant position inweb design.E.g. Typekit only requires a couple lines of code to be included indocument head and a designer can specify which font names toinclude and append them into your CSS. The best part on this is thatit relies on JavaScript, so the end user isn’t required to have the fontsinstalled.Another alternative is Google Web Fonts which behaves in asimilar manner to Typekit.
  19. 19.  Modal boxes are still fairly new to the Internet butthey’ve been appearing in desktop software foryears. The purpose of a modal window is to offer boxcontent (such as registration or login) on top of thecurrent page without loading onto a new one.
  20. 20.  Its simply because it remains the best tool forinteractive video, animation and 3D online. Many big brands will shift from Flash, toHTML5 and CSS3. BUT for entertainment siteslike small games, Flash is – and will remain! In gaming, there could be an even biggerreturn to Flash. Clients will try to steer thingstowards HTML5, because that’s where thehype is, but some may think its right to steerback towards Flash.
  21. 21.  The importance of social networking sites willcontinue to grow. Facebook, Twitter, Google+, Youtube,Pinterest, Path, Instagram, Tumblr, Spotifyetc. will continually success on their way.
  22. 22.  The set-up of many companies will be atypical. A new generation of designers and developerswill enter to the workforce in a flexible time witha variety of technologies at their fingertips, They will find jobs, network, and acquire newskills from their bedrooms, the corner café, orany place around the world. With a growing number of high-profile techcompanies embracing a mobile and distributedworkforce, employers looking for top-notchtalent need to re-evaluate their workplaceculture.
  23. 23.  This is something to expect from all webdesigners. ‘the simpler the trendier’. Front-end frameworks will be seen around.◦ Among them are such front-end frameworks asTwitter Bootstrap, WordPress, and many others.
  24. 24.  Stop compromising standards and rushingout poorly planned and poorly implementedprojects. Stop cutting corners and instead put in theeffort required to deliver your clientsexceptional value. Client will react positively on those attitudesand understand that websites are never trulyfinished, along with being more accepting ofan agile process.
  25. 25.  As web designers, they just don’t think tobuild websites. They should also offer aservice to clients. Developers shouldn’t be obsessed just withuser experience, code and design that andforget other important factors such as goodcommunication, understanding businessneeds and exceeding client expectations.
  26. 26. 2013 will increasingly find designers anddevelopers pushing the boundaries of newtechnology, experimenting, throwing awaywhat doesn’t work or that which has beenreplaced with something better, and workingout new best practices based on what we nowhave to work with.
  27. 27. Saroj Pandeysarojpandey.com.npBlog: weblog.sarojpandey.com.npisaroz.tumblr.comhttp://twitter.com/itscoolskyhttp://fb.com/isaroz