EASEUP Guide Docs

Quick Look

• CSS Rules
• CSS CDN
• IMG Naming Standards
• Webpage Templates
• Directory Map
• Task Lists
• Classes

CSS Rules

Media Queries

The following media queries must be defined. also you can define your own media queries too.

@media only screen and (max-width: 1600px) {} // Optional

@media only screen and (max-width: 1200px) {}
@media only screen and (max-width: 992px) {}
@media only screen and (max-width: 768px) {}
@media only screen and (max-width: 600px) {}

@media only screen and (max-width: 400px) {} // Optional

Naming Standard

use the first class name not the second one or others

.class-name {
    property: value;
    true: true;
} 

.ClassName {
    False: Wrong;
}

.class_name {
    Incorrect: Unacceptable;
}

CSS CDN

There is a cdn for core css https://easeup.ir/assets/css/core.css

HTML

You can use in your HTML

<link rel="stylesheet" href="https://easeup.ir/assets/css/core.css">

or

CSS

use in your CSS

@import url("https://easeup.ir/assets/css/core.css");

IMG Naming Standards

<image-name>.<format>

setting.jpg         ACCEPTED
user-profile.png    ACCEPTED

user_profile.jpg    NOT ACCEPTED
userProject.png     NOT ACCEPTED
uSeR_pR$oF*i@e.jpg  =\

Webpage Templates

Here is the template of webpages.

<?php 

require "cfg.php";

?>

<!DOCTYPE html>
<html lang="<?php echo $lang; ?>">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="<?php echo CSS ?>foo.css">
    <title><?php echo $title; ?></title>
</head>
<body class="<?php echo $theme; ?>">


<script src="<?php echo JS ?>foo.js"></script>
</body>
</html>

Directory Map

|-- assets
|  |
|  |-- css
|  |-- font
|  |-- img
|  |-- js
|  |-- scss
|  |-- ts
|
|
|-- backup
|  |
|  |-- DataBase
|  |-- etc.
|
|
|-- bin
|  
| 
|-- config
|  
|  
|-- docs
|  |
|  |-- documentation
|  |-- IDEA
|  |-- templates
|  |-- Repo etc.
|
|
|-- lib
|
|
|-- logs
|
|
|-- pages
|
|
|-- script
|
|
|-- src
|
|
|-- test
|
|

Src

Including Classes, Source Files, DataBase, Core Processor, Main Functionality, etc.

Script

Includes smaller scripts (that use source files) like ajax processing, file uploading, etc.

Task Lists

• Clear (log)
• Log in the tag
• print_r (log with detail)
• Classes

Classes

Company (or Startup or Server)

Group (Room)

User

Chat (PV / Group chat)

Task

Challenge

Exam (Test / Quiz)

Contract (قرارداد)

Question (بخش کافه)

Roundtable (میز گرد)