كيف يتم تعديل css لمواقع مبرمجة باطارات مختلفه؟

الأمر بسيط من خلال الكلاسات والـ id، مثال في حالة استخدام إطار عمل Laravel Blade:

@extends('layouts.app')

@section('content')
  <div class="my-class">
    <h1>This is my website</h1>
  </div>
  <p id="my-id">This is a paragraph</p>
@endsection

CSS

.my-class {
  font-size: 2em;
  color: #000;
}
#my-id {
  font-size: 1.5em;
}

وإليك مثال من خلال مكون من مكتبة Livewire في لارافل حيث تستخدم كلاسات خاصة ببوتستراب من أجل تنسيق المكون، أو يمكنك كتابة تنسيق CSS لها كما في المثال السابق:

<x-confirmation-modal wire:model="confirmingUserDeletion">
    <x-slot name="title">
        Delete Account
    </x-slot>

    <x-slot name="content">
        Are you sure you want to delete your account? Once your account is deleted, all of its resources and data will be permanently deleted.
    </x-slot>

    <x-slot name="footer">
        <x-secondary-button wire:click="$toggle('confirmingUserDeletion')" wire:loading.attr="disabled">
            Nevermind
        </x-secondary-button>

        <x-danger-button class="ml-2" wire:click="deleteUser" wire:loading.attr="disabled">
            Delete Account
        </x-danger-button>
    </x-slot>
</x-confirmation-modal>

يتم تعديل CSS لمواقع مبرمجة بأطر عمل مختلفة على نفس الطريقة تقريباً

فمثلاً تستخدم هذه الإطارات نظام MVC حيث يتم فصل العرض (View) عن باقي مكونات التطبيق. يمكن لمطور الـ Frontend الوصول لملفات العرض وتعديل وسومها وأكواد CSS بشكل طبيعي.  يمكن إضافة فئات CSS خاصة لتجاوز أي تأثير غير مرغوب فيه من وسوم الإطار.يمكن تعديل أو إزالة وسوم الإطار إذا كانت تسبب مشاكل في التصميم.

في النهاية يقوم مطور الـ Frontend بالتعامل مع HTML/CSS بشكل طبيعي بغض النظر عن الإطار المستخدم .

Spring و Laravel و .NET Core جميعها أطر عمل لتطوير تطبيقات الويب والخدمات، الفروقات الرئيسية بينها تتعلق بلغة البرمجة المستخدمة والبنية الأساسية للإطار وميزات الأمان والأداء والتكامل مع تقنيات محددة.

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

غالبا ما لا يعمل مطور الواجهة الأمامية في مثل هاته التطبيقات، وإلا فيكون ذلك بصعوبة شديدة. نظرا لأن هاته الأطر هي أطر ويب شاملة يمكن بها بناء تطبيقات ويب شاملة تستخدم موجهات وسياقا يختص بالإطار نفسه. ولذلك فإن العملية ستكون معقدة قليلا، ناهيك عن أشياء مثل تحزيم ملفات الأصول وتخريجها لبيئة انتاجية وما نحو ذلك.

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

عدا ذلك، سيكون مجرد تعديل على سياق css وهيكلة HTML التي تعود على العمل عليها.