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

QNAP/Linux PHP Programming 00 - Introduction

The article is an introduction for readers who have experiences on coding, such as C/C++ programming. Hence, common programming syntax, naming policy, or coding style are omitted in this blog.

QNAP/Linux Tool - PostgreSQL / phpPgAdmin

In QNAP/Linux Tool - Create PostgreSQL Account and Database, we have create an user account "nas" and a database "testdb" through commands. Sometimes you just want to take a glimpse on the status of PostgreSQL, phpPgAdmin is an useful Web tool.

Login PostgreSQL through phpPgAdmin Web UI with account "postgres"

QNAP/Linux Tool - Create PostgreSQL Account and Database

Since several developers share the same QNAP machine to write PHP and PostgreSQL programs, you should obey following steps to create individual db account. From now on, each programmer uses your own db account to develop PHP/DB Apps.

用固態硬碟 (SSD) 升級QNAP TS-212P - 超靜音

QNAP TS-212P安裝傳統SATA HD (兩顆Mirror RAID0) 的結果是 ...

http://www.qnap.com/i/_images/product/items/117_1.png

QNAP/Linux Tool - Setting PostgreSQL and PHP Environment

To make your PHP easily connect to PostgreSQL installed in QNAP, you can use ipkg (install Optware IPKG) command to install PHP-PostgreSQL interface (php-pgsql).
[~] # ipkg install php-pgsqlInstalling php-pgsql (5.2.17-2) to root...Downloading http://ipkg.nslu2-linux.org/feeds/optware/cs08q1armel/cross/unstable/php-pgsql_5.2.17-2_arm.ipk
Installing php (5.2.17-2) to root...