تجربتي في تعلم تصميم الويب بشكل يومي – الجزء الثاني | أحمد شديد

في الشهور الأخيرة حاولت التعمق أكثر وأكثر في هندسة CSS من أجل تعلم أساليب جديدة في بناء المواقع. كان التحسن الأول التي لاحظته هو صغر حجم ملفات CSS فقد كان الملف الأخير الذي عملت عليه بحجم 15kb لكامل الموقع (بدون ضغطه عبر gzip بعد) لذا لاحظت التطور، وكانت الطريقة عبر تقسيم الملف إلى هياكل متعددة. إنطلاقا من ملف base الذي يتحوي على normalize وبعض العبارات التي أجدها أساسية دوما ومنها box-sizing

المرحلة الثانية كانت بتخصيص ملف layout وهو المسؤول عن هيكلة الصفحات فحسب، استخدمت flexbox وقلل الأمر حجم الملف من 12kb (عبر استخدام grid bootstrap) إلى 20 سطر وهذا تحسن كبير، ويعطيك سلاسة أكثر. خصوصا أني لم أكن متعمقا أكثر في flexbox حينها ولم أستخدم flex-basic و shrink وما إلى ذلك من الأمور المفيدة في التصميم التوافقي.

المرحلة الثالثة كانت بتقسيم العناصر إلى components وإضافة تعديلات بسيطة لكل عنصر عبر كلاس إضافي، استخدام BEM سهل الأمر أيضا.

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

أنا لم أعمل في فريق بعد، لذا لم أستفد بعد من كامل الفوائد الموجودة في ITCSS أو عبر اتباع git أو كتابة توثيق. لكن لها فوائد محلية كبيرة أيضا

أَنْتَ مُبْدِعُ صَدِيقَيْ لَكُنَّ لَمْ تَخْبَرْنَا هَلْ إنتهيت مِنْ 300 يَوْم