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

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

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

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

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

@assassinateur في بداية حديثك عن ملف base، ومن ثم layout، والثالث components .. ظننتك تتحدث عن طريقة (١) SMACSS (سماكس) في البناء .. فهي تنقسم إلى خمسة مراحل، لكل واحدة منها ملف CSS معين يؤدي وظيفة محددة، والمراحل الثلاث الأولى هي: base، ومن ثم layout، والثالثة module (أي component بمصطلح آخر) ..

جربتُ قبلها طريقة (٢) Atomic Design، وكانت جيّدة ولكن SMACSS عمليّة أكثر..


١- https://smacss.com/

٢- http://bradfrost.com/blog/post/atomic-web-design/

نعم لقد قرأت هذه الطريقة سابقا وأخذت منها الكثير، أيضا ITCSS تقتبس منها المفهوم، غير أنّ IT تركز بشكل كبير على specificity بشكل كبير، أنصحك بالإطلاع عليها، أذكر أنّه يوجد فيديو مطول عنها في حساب المشروع على تويتر

تعديل: الفيديو https://www.youtube.com/watch?v=1OKZOV-iLj4

كنت اظن نفس قد تقدمت في تصميم المواقع وخاصة ال css

لكن لم افهم سوى نصف كلامك :D

ايمكنك مدي ببعض المراجع ل بتقسيم العناصر إلى components و ايضا BEM و ITCSS

نقطة نسيت التكلم عنها هو أنّ لا شيء من هذا يهم حقا عندما تبدأ التعامل مع web components حيث يملك كل عنصر style مدرج معه

حبيبنا اعتقد جملة تصميم ويب مفهومها اوسع من تعلم كتابة الاكواد ماهي إلا جزء من مهاراة يحتاجها مصمم الويب ، مثال ذالك اذهب الى ركن الكتب في A List Apart ستجد مبتغاك هناك الكثير لتتعلمه فتعلم كتابة الاكواد كتابين من ١٣ كتابا وستجد ٣ كتب استخدام تكنيك متقدم والبقية استراتيجيات لانتاج ويب قابل للاستخدام

أعلم، كلامي كان ردا علي مقالة الكتاب بخصوص تلك النقطة بالتحديد، تطوير الويب ينقسم من إطارات JS إلى تعلم UX إلى تعلم كيفية بناء صفحات سريعة ومناسبة لمحركات البحث وغير ذلك الكثير

اسف كان الرد كذالك للكاتب عذرا

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

-1

مُمْتَازُ هَلْ يُوجِدَ جَوْلَةُ اخرى او بالاحرى مُغَامَرَةَ اخرى لِتُخَوِّضُ فِيهَا

تطوير الويب

مجتمع خاص بمناقشة وطرح المواضيع والقضايا العامة المتعلقة بتطوير الويب ولغاتها المختلفة

20.6 ألف متابع