150 likes | 393 Views
MISC Topics. Hosting vs. Server Deprecation Always think semantics before style. Running your own server vs. paying for hosting. A common dilemma. Server Setup. Dedicated Computer ($100-???) Linux + Apache (free) Internet Service with static IP ( approx $100/month)
E N D
MISC Topics Hosting vs. Server Deprecation Always think semantics before style
Running your own server vs. paying for hosting A common dilemma
Server Setup • Dedicated Computer • ($100-???) • Linux + Apache • (free) • Internet Service with static IP • (approx $100/month) • Server upgrades require your attention • (I think I’m worth $125/hour)
Hosting • Economy • massively shared server on cloud • shared IP, folder redirects via provider DNS • $5/month • Dedicated/Managed • Real machine (rack mounted) with processor, memory, and static IP • $150+/month • Virtual & Cloud • Scalable – add more processors, memory, bandwidth • Virtual static IP, recycled via provider DNS • $40+/month
Facebook • PHP application run on Harvard server • Moved to economy host to become independent • Economy host would not scale up. • Switched to massive dedicated hosts • Currently, runs their own servers with custom architecture • “insourcing” • Probably about 30,000 high-end rack-mounted machines that are geo-distributed in at least 5 locations
Deprecation is a good thing Why certain tags turned bad and why one tag has made a comeback
The worst offenders • <font> • <blink> • <center> • <applet> • <frame> and <frameset>
The elusive <u> tag • http://www.martinrinehart.com/frontend-engineering/engineers/html/html-tag-history.html • Deprecated HTML 4.01 • CSS makes it obsolete, but <u> actually has semantic meaning • Indicates proper Chinese name • Widely used to indicate a misspelled word
The nightmare of Frames Page located at www.citi.com.zzz.net <!DOCTYPE html> <html> <frameset rows="25%,*"> <frame src=“http://www.citi.com”> <frame src=“phishing_login.html”> </frameset> </html>
The nightmare of Frames <!DOCTYPE html> <html> <frameset rows="25%,*"> <frame src=“menu.html”> <frame name=“content”> </frameset> </html>
Semantics over Style What is it? vs. how it should look?
The worst offenders • In marking up content with HTML or creating HTML structure, always ask yourself: • What is this content? • Never even consider this question: • What should this content look like?
Exercise • How should this be marked up? Boston Celtics Boston, MA TD Garden 1946 Brooklyn Nets Brooklyn, New York City, NY Barclays Center 1976 New York Knicks Manhattan, New York City, NY Madison Square Garden 1946 Philadelphia 76ers Philadelphia, PA Wells Fargo Center 1949 Toronto Raptors Toronto, ON Air Canada Centre 1995
CSS Cascading Style Sheets. What does “Cascading” really mean?
The Cascade • The most specific rules are applied first at the source (top of waterfall) • Any unspecified attributes cascade to the lower level, i.e., less specific, more general rules • Repeat until all CSS rules are examined • Any unspecified attribute gets the “default style” (the base of the waterfall) • Content flows down the cascade and the rules (like the rocks of the cliff) shape the presentation of the content (i.e., shapes how the waterfall will look).