Ako efektívne zmeniť CSS na existujúcej webstránke (tvorba doplnku) rubrika: Kódování: CSS

11 Mlocik97
položil/-a 10.10. 17:08

Zdravím,

majme existujúcu webstránku, a vy chcete vytvoriť doplnok, ktorá zmení CSS tejto webstránky. Ten kus JS, ktorý injectne CSS není problém, no problém je že DOM a CSSOM je tak chaotický, elementy rôznak zanestované, desiatky classov, proste humus, neznáte existujúce CSS, ktoré je tak dlhé a toľko krát preťažené, že sa neviete vysrať že čo je čo. A teraz potrebujete v takejto stránke spraviť zmeny v CSS.
Ako najefektívnejšie zistiť aké CSS vlastnosti treba prepísať, a na ktorých elementoch, aby ste dosiahli požadovaný výsledok (vzhľad webstránky)?

Komentáře

  • pavel.trupek : Možná by to chtělo nějak lépe rozepsat, čeho se snažíš dosáhnout. 12.10. 14:03
  • Mlocik97 : Chcem vytvoriť doplnok, ktorý zmení layout na existujúcej webstránke, ktorá není moja. 12.10. 15:40
  • pavel.trupek : Ano, ale ty chceš změnit stránku, víš, jak to provést technicky, ale nevíš, co chceš měnit? 16.10. 8:02
odkaz
6 dominios
odpověděl/-a 13.10. 10:32

Podla mna tu neexistuje ziadna "spravna" odpoved, resp. jednoduchy postup. Zlahcene by sa dalo povedat, na blbe zadanie len blbe riesenie :)

Ale k veci. V prvom rade by som pozrel, ci existujuci web pouziva nejaky framework (napr. bootstrap), ak ano, tak zistit ako sa da ten modifikovat, to ulahci vela prace. Potom to uz je len velmi vela pracnej roboty, zial, nic ine ako skusat metodou pokus/omyl zrejme dostatocne spolahlivo fungovat nebude. Treba postupovat sekciu po sekcii, widget po widgete a ked uz nic ine, snazit sa svoj CSS kod robit co najpresnejsi (nech aspon ten neafektuje ostatne veci viac nez nevyhnutne musi), v tomto pripade aj za cenu repetitivnosti (ak sa spravne pouzije nejaky preprocessor, tak ta repetitivnost bude len v outpute, nie v zdroje, takze to je celkom fajn). Z mojich skusenosti, zaciatok je rychly, potom pridu velke takmer az neriesitelne problemy ked to ma clovek chut vzdat a na konci to uz je celkom fajn. Clovek aj najde nejake konvencie/zvyky v tom kode v ktorych sa proste casom nauci chodit a uz to ide. Stale ale treba brat do vedomia, ze ak uz teraz tam je CSS bordel, hocico nove co sa prida, bude len este ovela vacsi bordel. Cistota a predpovedatelnost kodu sa bude zhorsovat snad az exponencialne :)

Druha moznost je mierne upravena prva: ak je pristup ku zdrojakom (napr. php kod, alebo samotne komponenty), skusat to robit uz rovno v nich. Sice sa to asi nebude dat vyriesit pridanim 1 CSS on the fly, ale malo by to byt celkovo bezpecnejsie. Napr. mat CSS po komponentoch a prepinat ho tym, ze nad rootom sa prida nejaka CSS classa.

Posledna moznost, ktoru by som preferoval, je proste zvazit, ci take nieco vobec robit. Skusit prehovorit zakaznika, ze to bude stat velmi vela penazi (za v podstate blbost), to uz je lepsie urobit komplet redesign, ktory uz bude pisany od zaciatku tak, aby sa tie farebne schemy/temy dali jednoducho menit. Koniec koncov sa z toho da vytazit ovela viac.

Pro zobrazení všech 4 odpovědí se prosím přihlaste:

Rychlé přihlášení přes sociální sítě:

Nebo se přihlaste jménem a heslem:

Zadejte prosím svou e-mailovou adresu.
Zadejte své heslo.