ضغط css تجميل وترتيب css


ضغط أو تجميل اكواد CSS :


  

/* ================= Supported layout/pattern: ================= */


/* -------- [1]. CSS Compressor -------- */

/* a. Normal */
#foo{margin:0;padding:0} /* comment */
#foo:focus{outline:none}

/* b. تجريد جميع التعليقات */
#foo{margin:0;padding:0}
#foo:focus{outline:none}

/* c. Super compact */
#foo{margin:0;padding:0}#foo:focus{outline:none}

/* d. الحفاظ على المسافة البادئة داخل `@query {}` */
#foo{margin:0;padding:0}#foo:focus{outline:none}
#foo{margin:0;padding:0}#foo:focus{outline:none}
@media screen and (max-width:400px){
  #foo{margin:0;padding:0}#foo:focus{outline:none}
  #foo{margin:0;padding:0}#foo:focus{outline:none}
}


/* -------- [2]. CSS Beautifier -------- */

/* a. Normal */
#foo {
  margin:0;
  padding:0;
}

#foo:focus {
  outline:none;
}

/* b. Replace double space indentation with a tab character or 4 spaces */
#tab-character {
 margin:0;
 padding:0;
}

#four-space {
    outline:none;
}

/* c. Break multiple selector */
#foo,
#bar,
.walaaa {
  margin:0;
  padding:0;
}

/* d. Space after `:` and `,` */
#foo {
  margin: 0 auto;
  background-image: linear-gradient(top, #333, #555);
  color: rgba(0, 0, 0, .4);
}

/* e. Inline bracket for single property */
#foo .bg {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:white url('img/bg-image.png') no-repeat 0 0;
}

#foo .bg-1 {background-position:0 0;}
#foo .bg-2 {background-position:100% 0;}
#foo .bg-3 {background-position:100% 100%;}
#foo .bg-4 {background-position:0 100%;}

/* f. Remove the last semicolon in single property */
#foo .bg {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:white url('img/bg-image.png') no-repeat 0 0;
}

#foo .bg-1 {background-position:0 0}
#foo .bg-2 {background-position:100% 0}
#foo .bg-3 {background-position:100% 100%}
#foo .bg-4 {background-position:0 100%}

/* g. Inline layout mode */
#foo .bg { position:absolute; top:0; right:0; bottom:0; left:0; background:white url('img/bg-image.png') no-repeat 0 0; }
8 التعليقات :
  • Unknown
    Unknown 14‏/01‏/2014, 10:56:00 م

    رمزيات بلاك بيري

    http://im32.gulfup.com/OXt5y.jpg

    http://im34.gulfup.com/zkUxZ.jpg

    http://im34.gulfup.com/nQo6m.jpg

    http://im32.gulfup.com/7DvkT.jpg

    http://im34.gulfup.com/QKyHw.jpg

    http://im36.gulfup.com/vtNKw.jpg

    http://im32.gulfup.com/vGdN9.jpg

    http://im32.gulfup.com/nrODv.jpg

    http://im40.gulfup.com/MDkgQ.jpg

    http://im36.gulfup.com/Trv4U.jpg

    http://im35.gulfup.com/xIz0d.jpg

    http://im34.gulfup.com/7SUb1.jpg

    http://im39.gulfup.com/Iq34A.jpg

    http://im33.gulfup.com/2dHyX.jpg

    http://im39.gulfup.com/jGhaz.jpg

    http://im39.gulfup.com/74zJi.jpg

    http://im37.gulfup.com/EPEoL.jpg

    http://im39.gulfup.com/H9UxJ.jpg

    http://im39.gulfup.com/25Mbd.jpg

    http://im32.gulfup.com/HP4nC.jpg

    انشاء الله تعجبكم الصووووور

    • مداد الجليد
      مداد الجليد 14‏/01‏/2014, 11:13:00 م

      شكراً لك,
      تقبل فائق إحترامي لك أخ محمد حقاً إنها صور رائعة شكراً جزيلاً لك

  • Unknown
    Unknown 28‏/02‏/2014, 2:16:00 ص

    ان هذه المدونة اعجبتني وارجوا منكم زيارة مدونتي المتواضعة لتعم الفائدة وده رابط مدونتي http://free444res.blogspot.com/

  • Unknown
    Unknown 07‏/03‏/2014, 5:45:00 م

    ارجو منكم زيارة مدونتي
    http://misrnews2.blogspot.com

  • Unknown
    Unknown 30‏/04‏/2014, 1:52:00 م

    إذا تهت في هذه الدنيا وكدت أغرق في بحر لذائذها
    وحاول الشيطان وجنوده خطفي إلى وحلهم الملوث
    هنا لن أستسلم ولن أركع
    ﻷ‌ن حب الله في قلبي يفوق عدتهم وعتادهم

    وإذا حاول دعاة التحرير
    نزع حجابي فلن أخضع لمطالبهم الدنيئه ﻷ‌ن حب العفاف والفضيلة غرسا على أرض قلبي

    وإذا أراد أعداء ديني قتلي فلن أرجع عنه ﻷ‌ن الشهادة أسنى مطالبي
    وإذا تكالبت الظروف سأطرق باب الدعاء حتى وإن طال الفتح
    ﻷ‌ن الله ربي
    ﻷ‌ن الله ربي

  • مدونة الكابتن
    مدونة الكابتن 29‏/05‏/2015, 8:25:00 م

    thanks

  • رياض الفرح
    رياض الفرح 04‏/04‏/2018, 9:15:00 م

    جيد شكرا لكم
    ممكن شرح تحسين التخزين المؤقت

    • مداد الجليد
      مداد الجليد 04‏/04‏/2018, 11:32:00 م

      العفو اخي ان شاء الله عن قريب

اضف تعليق
عنوان url للتعليق