The frontend - Topnew CSS v 2023

1. Grid system
2. Box
3. Colors
4. Shapes
5. Text
6. JS related

Wiki: Howto use Topnew\Db\Db v 2025.01.01

Topnew\DB\Db is a lightweight PHP wrapper around PDO that simplifies database queries.

pre{font-family:'Droid Sans Mono',monospace;font-size:.8em;background:#eee;padding:10px}b,.b{font-weight:700}

1 -

Wiki: Topnew\Util\Form v 2026.04.04

Topnew Form is a view helper class used to generate HTML form elements programmatically.

pre{font-family:'Droid Sans Mono',monospace;font-size:.8em;background:#eee;padding:10px}b,.b{font-weight:700}


Sample Usage:

Today we are going to make a user system, which will be used for login, user management, role permission, page access control etc.

1 - team

CREATE TABLE team (
id int NOT NULL AUTO_INCREMENT PRIMARY KEY,
id_up int NOT NULL DEFAULT 0, -- parent team id
name varch

6 - Javascript related

There are a list of CSS class binded with jQuery

6.1 span of any width / height

class=span data-w=300px

class=span data-w=30% data-h=100px