مرحبًا ، اسمي دميتري كارلوفسكي وأنا ... مصمم. مصمم من كلمة تصميم وليس من كلمة ستايل (تصميم). أقوم بتطوير إطار عمل عالي المستوى $ mol . أحد المفاهيم الرئيسية التي هي Lego. أي أنها مجموعة من وحدات البناء الصغيرة جدًا بواجهة اتصال بسيطة وعالمية. من خلال الجمع بين هذه الطوب في مجموعات مختلفة ، يمكنك بناء تطبيقات من أي تعقيد.

ولكن لكي لا يبدو التطبيق وكأنه لحاف مرقع ، ولكن لكي يكون مقتضبًا وأنيقًا ، من الضروري أن تصنع هذه الأحجار بنفس الأسلوب ، ويمكن ترتيبها في أي تركيبة دون فقدان الدقة.

لذلك ، قمنا بتطوير مفهوم تصميم تم التحقق منه رياضيًا ، ويمكن التعرف على جوهره من ورقة الغش التالية:

بعد ذلك ، سأخبرك لماذا كل شيء على هذا النحو بالضبط ، ولا شيء آخر ...

المتطلبات

.

1. . , .
2. . , .
3. . , , .
4. . , .
5. . .

, .

1. . , 2 .
2. . , , .
3. . , .
4. . ( ) , , .
5. . , 6 , 40 css .

1. . , . , .
2. . , , ( ), — . .
3. . , . widow.devicePixelRatio. , "".

1rem, 16px. / . , . , . — 1rem, .

1rem. . , . 1rem, . 2rem, , .

, 2 , , . , . .

, . 1.5rem.

0.5rem . 8 , 2 4, , , , .

. , . , . , . , , , , , .

, . 1.5rem . , , 1-2 .

- , 0.5rem, .

, (, line-height: 1.5), , 0.5rem.

. . . , — .

, (, ).

, , . 1.5rem 1rem, , .5rem .

, . /, . — . :

1. , .
2. .
3. .

— , , . , .

0.5rem. : 0.25rem, 0.5rem, 0.75rem, 1rem.

, 1.5rem. 0.5rem . 0.25rem . , , 0.25rem: 0.75rem 0.5rem ( 0.75rem).

. . , , , , . . . , .

, 0.75rem, . ( , ) 1.5rem.

1em . 1.5rem . 16 — . , — , . , , 0.25rem , .

, . , . , , , .

, . . . , , . - - — , - - . $mol . !