Autorius Tema: CSS Tarpų klasė  (Skaityta 2799 kartus)

Neprisijungęs Modestas Vaitkevičius

  • Dalyvis
  • **
  • Įrašai: 2007
  • Karma: +57/-16
    • Žiūrėti profilį
    • Apie mane
CSS Tarpų klasė
« Įrašytas: 2013-07-19 22:38:49 pm »
Sveiki,
Kadangi pats dažnai susiduriu su tokiu dalyku, kad reikia elementams priskirti tarpus, tai nusprendžiau pasidalinti paprastu .css failu, kuriame yra nurodomos klasės su tarpu.. Nors ką čia kalbu - dedu CSS failą ir matysit patys :)


/*
Spacing CSS file
Author: [url=http://www.ModestasV.eu]www.ModestasV.eu[/url]
Licence: Free to use

.space-top-[5;100]
.space-bottom-[5;100]
.space-left-[5;100]
.space-right-[5;100]
*/

.space-top-5 { margin-top: 5px;}
.space-top-10 { margin-top: 10px;}
.space-top-15 { margin-top: 15px;}
.space-top-20 { margin-top: 20px;}
.space-top-25 { margin-top: 25px;}
.space-top-30 { margin-top: 30px;}
.space-top-35 { margin-top: 35px;}
.space-top-40 { margin-top: 40px;}
.space-top-45 { margin-top: 45px;}
.space-top-50 { margin-top: 50px;}
.space-top-55 { margin-top: 55px;}
.space-top-60 { margin-top: 60px;}
.space-top-65 { margin-top: 65px;}
.space-top-70 { margin-top: 70px;}
.space-top-75 { margin-top: 75px;}
.space-top-80 { margin-top: 80px;}
.space-top-85 { margin-top: 85px;}
.space-top-90 { margin-top: 90px;}
.space-top-95 { margin-top: 95px;}
.space-top-100 { margin-top: 100px;}

.space-bottom-5 { margin-bottom: 5px;}
.space-bottom-10 { margin-bottom: 10px;}
.space-bottom-15 { margin-bottom: 15px;}
.space-bottom-20 { margin-bottom: 20px;}
.space-bottom-25 { margin-bottom: 25px;}
.space-bottom-30 { margin-bottom: 30px;}
.space-bottom-35 { margin-bottom: 35px;}
.space-bottom-40 { margin-bottom: 40px;}
.space-bottom-45 { margin-bottom: 45px;}
.space-bottom-50 { margin-bottom: 50px;}
.space-bottom-55 { margin-bottom: 55px;}
.space-bottom-60 { margin-bottom: 60px;}
.space-bottom-65 { margin-bottom: 65px;}
.space-bottom-70 { margin-bottom: 70px;}
.space-bottom-75 { margin-bottom: 75px;}
.space-bottom-80 { margin-bottom: 80px;}
.space-bottom-85 { margin-bottom: 85px;}
.space-bottom-90 { margin-bottom: 90px;}
.space-bottom-95 { margin-bottom: 95px;}
.space-bottom-100 { margin-bottom: 100px;}

.space-left-5 { margin-left: 5px;}
.space-left-10 { margin-left: 10px;}
.space-left-15 { margin-left: 15px;}
.space-left-20 { margin-left: 20px;}
.space-left-25 { margin-left: 25px;}
.space-left-30 { margin-left: 30px;}
.space-left-35 { margin-left: 35px;}
.space-left-40 { margin-left: 40px;}
.space-left-45 { margin-left: 45px;}
.space-left-50 { margin-left: 50px;}
.space-left-55 { margin-left: 55px;}
.space-left-60 { margin-left: 60px;}
.space-left-65 { margin-left: 65px;}
.space-left-70 { margin-left: 70px;}
.space-left-75 { margin-left: 75px;}
.space-left-80 { margin-left: 80px;}
.space-left-85 { margin-left: 85px;}
.space-left-90 { margin-left: 90px;}
.space-left-95 { margin-left: 95px;}
.space-left-100 { margin-left: 100px;}

.space-right-5 { margin-right: 5px;}
.space-right-10 { margin-right: 10px;}
.space-right-15 { margin-right: 15px;}
.space-right-20 { margin-right: 20px;}
.space-right-25 { margin-right: 25px;}
.space-right-30 { margin-right: 30px;}
.space-right-35 { margin-right: 35px;}
.space-right-40 { margin-right: 40px;}
.space-right-45 { margin-right: 45px;}
.space-right-50 { margin-right: 50px;}
.space-right-55 { margin-right: 55px;}
.space-right-60 { margin-right: 60px;}
.space-right-65 { margin-right: 65px;}
.space-right-70 { margin-right: 70px;}
.space-right-75 { margin-right: 75px;}
.space-right-80 { margin-right: 80px;}
.space-right-85 { margin-right: 85px;}
.space-right-90 { margin-right: 90px;}
.space-right-95 { margin-right: 95px;}
.space-right-100 { margin-right: 100px;}

Neprisijungęs justinas

  • Naujokas
  • *
  • Įrašai: 164
  • Karma: +16/-3
    • Žiūrėti profilį
Ats: CSS Tarpų klasė
« Atsakymas #1 Įrašytas: 2013-07-21 13:55:47 pm »
Meh :) Geriau naudoti CSS preprocesorių (SASS/LESS) ir norint pasidaryti šito daug lankstesnę versiją (su mixin'ais). O dabar tik daug šiukšlyčių ir HTML'e, ir CSS'e. O ką daryti, kai prireikia 7px... :)

Neprisijungęs Modestas Vaitkevičius

  • Dalyvis
  • **
  • Įrašai: 2007
  • Karma: +57/-16
    • Žiūrėti profilį
    • Apie mane
Ats: CSS Tarpų klasė
« Atsakymas #2 Įrašytas: 2013-07-21 17:22:56 pm »
Meh, kiek dariausi tai gerai labai sueidavo tokia klasė :) Taip, gal kažkam šiukšlės, bet geriau nei kiekvienam elementui atskirai aprašinėti tarpus :)

Neprisijungęs justinas

  • Naujokas
  • *
  • Įrašai: 164
  • Karma: +16/-3
    • Žiūrėti profilį
Ats: CSS Tarpų klasė
« Atsakymas #3 Įrašytas: 2013-07-21 19:05:03 pm »
Meh, kiek dariausi tai gerai labai sueidavo tokia klasė :) Taip, gal kažkam šiukšlės, bet geriau nei kiekvienam elementui atskirai aprašinėti tarpus :)
Na, kaip kam gaunasi... Visgi, per daug klaustukų, kuriuos jau minėjau. :)

Apskritai, gal ne kiekvienam atvejui tinkama, bet dabartiniam savo projektui pagaliau prisiruošiau naudoti Bootstrap (dar su tam tikru jam padarytu templeitu). Nuostabus daiktas – dabar dažniau naudosiu CSS frameworkus, ar bent atskirus jų komponentus (grid, etc.)

Manualai.lt Forumas

Ats: CSS Tarpų klasė
« Atsakymas #3 Įrašytas: 2013-07-21 19:05:03 pm »

Neprisijungęs Modestas Vaitkevičius

  • Dalyvis
  • **
  • Įrašai: 2007
  • Karma: +57/-16
    • Žiūrėti profilį
    • Apie mane
Ats: CSS Tarpų klasė
« Atsakymas #4 Įrašytas: 2013-07-21 19:58:12 pm »
Būtent ;) taip pat ir bootstrap neviskam tinka, nors yra superinis :)

Neprisijungęs Lukas

  • Administratorius
  • Herojus
  • ******
  • Įrašai: 7431
  • Karma: +232/-15
    • Žiūrėti profilį
Ats: CSS Tarpų klasė
« Atsakymas #5 Įrašytas: 2013-07-22 10:45:54 am »
Meh, kiek dariausi tai gerai labai sueidavo tokia klasė :) Taip, gal kažkam šiukšlės, bet geriau nei kiekvienam elementui atskirai aprašinėti tarpus :)

Na, kaip kam gaunasi... Visgi, per daug klaustukų, kuriuos jau minėjau. :)

Apskritai, gal ne kiekvienam atvejui tinkama, bet dabartiniam savo projektui pagaliau prisiruošiau naudoti Bootstrap (dar su tam tikru jam padarytu templeitu). Nuostabus daiktas – dabar dažniau naudosiu CSS frameworkus, ar bent atskirus jų komponentus (grid, etc.)


isvis dabar kai kuriami yra wen apps'ai tai viskas ant ivairiu frameworku stovi. pvz nauja savo psl dabar darau, tai naudoju

frontend:
twitter bootstrap
jquery
jquery keleta extensionu

backend:
http://www.micromvc.com/

ir jei dar kazko reikia tai is github'o koki dar mini framework'a pasiemi konkreciai uzduociai.

ir viskas :) Viskas tvarkingai rasosi, paprasta susirast kas negerai, saugumas visas apgalvotas, cache'ai sukurti, dizainas sukurtas.. jei nepatinka twitterio defaultine tema, tai susirandi kokia kita tema, biski css'a pakeitineji ir turi ka tik nori. Jei reikia kokiu nors data proccesinimo, tai koki api tam susirandi ir viskas.. nei savo serverio nedrozi, nieko nedarai. pvz pas mane daug image'u bus, tai galvoju su flicker'iu per api susiristi ar dropbox/google drive. kam man saugoti pas save failus, kai tokios kompanijos turi visa CDN'a 4 free :) flicker'is dabar isvis leidzia 4free 1Tb fotkiu saugot ;)

tas kodas kuris buvo idetas i 1 posta sakyciau taip: daug teksto del mazo dalyko, didzioji dalis tu klasiu bus tikriausiai nenaudojama ir vistiek salia bus uzkrautas koks css framework'as, kuris turi grid'a ir nereikia tada jokiu tokiu klasiu. O jei nori labai jau custom kazko, tai tada ir daraisi is esmes custom.
Jūsų draugas, kolega ir puslapio administratorius,

Lukas.

Gerda Photography
Serveriai.lt 50% nuolaida!
Free Hosting
Free Templates

Neprisijungęs Modestas Vaitkevičius

  • Dalyvis
  • **
  • Įrašai: 2007
  • Karma: +57/-16
    • Žiūrėti profilį
    • Apie mane
Ats: CSS Tarpų klasė
« Atsakymas #6 Įrašytas: 2013-07-22 11:09:58 am »
Lukai, taip gal ir netiks su kokiu nors framework'u, bet kai darai custom, tai tikrai gali prireikti ;)

Manualai.lt Forumas

Ats: CSS Tarpų klasė
« Atsakymas #6 Įrašytas: 2013-07-22 11:09:58 am »