how to make website better ? - hungnh
DESCRIPTION
i think , we should be think , better for website , it not a good website , it should perfect websiteTRANSCRIPT
![Page 1: How to make website better ? - HungNH](https://reader035.vdocuments.us/reader035/viewer/2022080209/54b745814a7959067e8b4578/html5/thumbnails/1.jpg)
How to make website better ?
Nguyễn Huy Hùng
![Page 2: How to make website better ? - HungNH](https://reader035.vdocuments.us/reader035/viewer/2022080209/54b745814a7959067e8b4578/html5/thumbnails/2.jpg)
Contents1. Subjects that I’ll talk in this seminar
SpriteUsing tags effectivenessResponse 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
![Page 3: How to make website better ? - HungNH](https://reader035.vdocuments.us/reader035/viewer/2022080209/54b745814a7959067e8b4578/html5/thumbnails/3.jpg)
Think and thinkNowaday, 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.
![Page 4: How to make website better ? - HungNH](https://reader035.vdocuments.us/reader035/viewer/2022080209/54b745814a7959067e8b4578/html5/thumbnails/4.jpg)
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
![Page 5: How to make website better ? - HungNH](https://reader035.vdocuments.us/reader035/viewer/2022080209/54b745814a7959067e8b4578/html5/thumbnails/5.jpg)
2.Use tags effectivenessUse minimum number of tags , but quality is
best
Demo
![Page 6: How to make website better ? - HungNH](https://reader035.vdocuments.us/reader035/viewer/2022080209/54b745814a7959067e8b4578/html5/thumbnails/6.jpg)
3.1 Good website, can be better?
A good website can be better ?
Demo a good website
![Page 7: How to make website better ? - HungNH](https://reader035.vdocuments.us/reader035/viewer/2022080209/54b745814a7959067e8b4578/html5/thumbnails/7.jpg)
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 ???
![Page 8: How to make website better ? - HungNH](https://reader035.vdocuments.us/reader035/viewer/2022080209/54b745814a7959067e8b4578/html5/thumbnails/8.jpg)
3.3 Server for mobileThe 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.
![Page 9: How to make website better ? - HungNH](https://reader035.vdocuments.us/reader035/viewer/2022080209/54b745814a7959067e8b4578/html5/thumbnails/9.jpg)
References
END , thanks for watching
References : http://www.stephentgilbert.com/mediaqueries/ http://www.1stwebdesigner.com/css/create-a-res
ponsive-website-video-tutorial/
https://github.com/sebarmeli/JS-Redirection-Mobile-Site
http://izwebz.com/