CSS Beautifier & Minifier

გაასწორეთ არეული CSS მარტივი წაკითხვისთვის, ან მინიფიცირეთ იგი გასაშვებად — უსაფრთხო რეჟიმით, რომელიც არასოდეს ცვლის თქვენი წესების თანმიმდევრობას.

აბზაცი
შეკუმშვა
ჩასვით ან ჩაწერეთ CSS კოდი მის გასალამაზებლად ან მინიფიკაციისთვის.

თქვენი CSS ფორმატდება და მინიფიცირდება პირდაპირ ბრაუზერში. BroBroGo-ზე არაფერი იტვირთება.

ხშირად დასმული კითხვები

რა განსხვავებაა გალამაზებასა (Beautify) და მინიფიკაციას (Minify) შორის?

გალამაზება (Beautify) ხელახლა აკეთებს აბზაცებს და სივრცეებს თქვენს სტილებში, რათა მათი წაკითხვა და რედაქტირება გაადვილდეს. მინიფიკაცია (Minify) კი პირიქით — აშორებს ცარიელ ადგილებსა და კომენტარებს, რომლებიც ბრაუზერს არ სჭირდება, და ამოკლებს მნიშვნელობებს (მაგალითად, ფერებს), რათა ფაილი უფრო პატარა იყოს და სწრაფად ჩაიტვირთოს. გამოიყენეთ Beautify მუშაობის პროცესში, ხოლო Minify — პროექტის გაშვებამდე.

რას აკეთებს უსაფრთხო (Safe) და ოპტიმიზებული (Optimized) შეკუმშვის პარამეტრები?

უსაფრთხო (Safe) რეჟიმი მხოლოდ აშორებს ცარიელ ადგილებსა და კომენტარებს და ამოკლებს მნიშვნელობებს, ხოლო თითოეულ წესს ზუსტად იქ ტოვებს, სადაც დაწერეთ. ოპტიმიზებული (Optimized) რეჟიმი უფრო შორს მიდის და აერთიანებს დუბლირებულ სელექტორებსა და წესებს ფაილის კიდევ უფრო შესამცირებლად — ამან შეიძლება შეცვალოს წესების თანმიმდევრობა, ამიტომ იმ სტილის ფურცლებზე, რომლებიც კოდის რიგითობაზეა დამოკიდებული, გაშვებამდე გადამოწმება ღირს. /*! … */ ფორმატის კომენტარები ორივე შემთხვევაში ინახება.

შეცვლის თუ არა მინიფიკაცია ჩემი გვერდის იერსახეს?

უსაფრთხო (Safe) რეჟიმში — არა, თქვენი სტილები ზუსტად ისევე აისახება. ის აქრობს ზედმეტ ცარიელ ადგილებს, შლის ჩვეულებრივ კომენტარებს და გადაწერს მნიშვნელობებს უფრო მოკლე ეკვივალენტური ფორმით (მაგალითად, #ffffff ხდება #fff), ამასთან, არასოდეს ცვლის თქვენს ვენდორულ პრეფიქსებს ან თანამედროვე სინტაქსს. ოპტიმიზებული (Optimized) რეჟიმი ასევე აერთიანებს წესებს, რაც თითქმის ყველა სტილის ფურცელზე იდენტურად გამოიყურება, თუმცა გადამოწმება მაინც ღირს, თუ თქვენი კოდი წესების თანმიმდევრობაზეა დამოკიდებული.