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. 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. 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
6. 3.1 Good website, can be
better?
A good website can be better ?
Demo a good website
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. 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. 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/