How to make website better ? - HungNH

308 views

Published on

i think , we should be think , better for website , it not a good website , it should perfect website

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
308
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

How to make website better ? - HungNH

  1. 1. How to make website better ? Nguyễn Huy Hùng
  2. 2. Contents  1. Subjects that I’ll talk in this seminar  Sprite  Using tags effectiveness  Response website. 2. Write in techblog -Display: inline , block , inline-block , -Float: left vs text-align: center + display: inline-block. -power of Clear: both -Border-radius in IE7
  3. 3. Think and think  Nowaday, people who makes Website always follow MVC standard but when we think about the website’s speed, we only think about increase the speed in Model and Controller, but the View is also important, it takes 1/3 in MVC model.  A good website is a website that has not only good Model and Controller but also good View.
  4. 4. 1.Sprite  An image sprite is a collection of images put into a single image.  A web page with many images can take a long time to load and generates multiple server requests.  Using image sprites will reduce the number of server requests and save bandwidth.  Demo
  5. 5. 2.Use tags effectiveness  Use minimum number of tags , but quality is best  Demo
  6. 6. 3.1 Good website, can be better?  A good website can be better ?  Demo a good website
  7. 7. 3.2 Response Web and Better  The website can be better when we use response website  Responsive web design (RWD) is a web design approach aimed at crafting sites to provide an optimal viewing experience-easy reading and navigation with a minimum of resizing, panning, and scrolling-across a wide range of devices (from mobile phones to desktop computer monitors  Demo  Can be made better ???
  8. 8. 3.3 Server for mobile  The best thing is when we have a separate server for mobile that has the same databases.  Use very easily http://mobilewebrockstar.com/detect- mobile-browser/ , it help to detect when use mobile to view , after redirect to version mobile.
  9. 9. References  END , thanks for watching References :  http://www.stephentgilbert.com/mediaqueries/  http://www.1stwebdesigner.com/css/create-a-responsive- website-video-tutorial/  https://github.com/sebarmeli/JS-Redirection-Mobile-Site  http://izwebz.com/

×