Web Programming Style - Useful Cases of CSS (2) CSS3 Selectors

CSS3 supports powerful selector to retrieve specific elements.properties and set values for flexible rendering. There are four different combinators for CSS selectors in CSS3:

Web Programming Style - Useful Cases of CSS (1)

Before writing web pages or Apps, you should learn CSS3 to design elegant and fluent UI for good UX. In this blog, several CSS codes are introduced for some partical cases. Futuermore, CSS must be seamlessly integrated with HTML5 and Javascript. All CSS style properties can be access by JS: object.style.property. E.g. body.style.background = "black" in JS codes.

Web Programming Hack - Dev Tool / Web Inspector (F12)

To learn web programming well, you should be eager to hack some well-designed web pages or sites. In this way, you may learn details from real cases.

• UI Design: how webmaster design a good-look page?
• Tool Integration: how HTML, CSS, JS, jQuery, ... are seamlessly integrated into the page?
• Geek Techniques: how websites design and protect their pages, e.g. ban the "right-click"?
• Commercial Operations: how Ads contents are put to interact with the page and users?
• ...

https://developers.google.com/chrome-developer-tools/

Web Programming Style - HTML5 as Layouts and CSS3 as Templates

To learn Web UI Design based on HTML and CSS, you should start from the http://www.w3schools.com/. A good design of web pages, sites and Apps is based on optimal tool integrations of HTML5, CSS3, JavaScript, SQL, Web API, jQuery, etc.

 

Web Programming Style - MVC (Model View Control)

Model–View–Controller (MVC) is a software pattern for implementing user interfaces. It divides a given software application into three interconnected parts, so as to separate internal representations of information from the ways that information is presented to or accepted from the user. ... Wikipedia

http://en.wikipedia.org/wiki/File:MVC-Process.svg