انتقل إلى المحتوى
↑↓للتنقل↵للفتحescللإغلاق
Claude+372Whisper+228LangChain+168Codex+223NotebookLM+276DALL-E 3+192DeepL+249n8n+208Topaz Video AI+153LlamaIndex+161
Better Typography logo
مهارة

Better Typography

مبادئ طباعة ويب واضحة وسهلة القراءة ومتاحة للجميع

0
حفظزيارة الموقع ↗

التثبيت

تتضمن سكربتات
https://github.com/jakubkrehel/skills/tree/main/skills/better-typography
تُفعّل عند

When choosing fonts, setting up type scales, styling text, or troubleshooting typography on web interfaces

المؤلف
Jakub Krehel

طباعة احترافية للويب

دليل شامل لتطبيق مبادئ الطباعة التي تجعل النص واضحًا ومتاحًا عبر الواجهات الرقمية. يركز على الاعتدال والوضوح: مقاييس أحجام منطقية، وتباعد مريح، وتباين كافٍ بدلًا من الزخارف المبالغ فيها.

أبرز المزايا

  • مقاييس أحجام وتسلسلات هرمية للعناوين تتدرج وفق المستويات الدلالية
  • تحميل الخطوط بصيغة .woff2 وخصائص CSS بدلًا من وسوم الميزات الخام
  • إعدادات ارتفاع السطر، وطول السطر، والتفاف النص لقراءة مريحة
  • معالجة مشكلات الطباعة على الهواتف، مثل تكبير حقول الإدخال في iOS وأحجام الخطوط المتجاوبة
  • أنماط إتاحة تشمل التباين، وتحديد النص، وميزات OpenType
  • تقنيات CSS لاقتطاع النص، والأرقام الجدولية، وتنسيق علامات الترقيم

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

التعليقات(0)

سجّل الدخول للتعليق

لا توجد تعليقات بعد، كن أول من يعلّق.

مهارات مشابهة

الإبلاغ عن هذا التعليق

لماذا تُبلغ عن هذا؟