• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

HTMLowy odpowiednik SASS/LESS

+3 głosów
271 wizyt
pytanie zadane 8 listopada 2017 w HTML i CSS przez Alex.Ironside Stary wyjadacz (14,710 p.)
edycja 8 listopada 2017 przez Alex.Ironside

Witam. Czy jest cos takiego jak SASS dla HTML? W sensie przykladowo:

Pisze sb stronke i mam tam 10p jeden pod drugim. Uzywam Bootstrapa i zamiast pisac 10 razy p z odpowiednimi klasami, mozna by to wrzucic w petle a na wyrenderowanym htmlu dodac content. Ponadto jesli chcemy zmienic klase we wszystkich p mozna by to zrobic po prostu w petli.

Nie wiem w sumie jak praktyczne cos takiego by bylo ale podoba mi sie idea.

Wiem ze jest emmet i on ulatwia sprawe niesamowicie, ale mimo wszystko taki kod ktory bylby transpilowany i edytowalny bez musu ctrl-z-owania brzmi przydatnie.

Edit. Chodzi mi o cos w stylu:

html{ 
  head{ 
    title();
    meta();
  }
  body{
    header{
      h1{};
    }
    for(i=0;i<10;i++)
    {
      p{content/lorem}.col-md-4;
    }
  }
}

 

3 odpowiedzi

+1 głos
odpowiedź 8 listopada 2017 przez xmentor Nałogowiec (48,780 p.)
wybrane 15 listopada 2017 przez Alex.Ironside
 
Najlepsza

Może pug

komentarz 8 listopada 2017 przez Alex.Ironside Stary wyjadacz (14,710 p.)

Chodzilo mi bardziej o cos w stylu

html{ 
  head{ 
    title();
    meta();
  }
  body{
    header{
      h1{};
    }
    for(i=0;i<10;i++)
    {
      p{content/lorem}.col-md-4;
    }
  }
}

 

komentarz 8 listopada 2017 przez xmentor Nałogowiec (48,780 p.)
No przecież pug pozwala na wszystko co tu zrobiłeś.
komentarz 8 listopada 2017 przez JSHolic Szeryf (78,320 p.)
komentarz 10 listopada 2017 przez Alex.Ironside Stary wyjadacz (14,710 p.)
xmentor moglbys rzucic jakims linkiem z przykladem? Jestem w tym kompletnie zielony
1
komentarz 10 listopada 2017 przez xmentor Nałogowiec (48,780 p.)
komentarz 15 listopada 2017 przez Alex.Ironside Stary wyjadacz (14,710 p.)
O dokladnie o to mi chodzilo! Dzieki
+1 głos
odpowiedź 8 listopada 2017 przez marioosu Dyskutant (9,300 p.)

Jest coś takiego - Emmet

http://bedekodzic.pl/emmet-html-css/

 

Przykład ze strony:

wpisujesz: ul>li.item*5>a{CLICK HERE}

dostajesz:

<ul>
        <li class="item"><a href="">CLICK HERE</a></li>
        <li class="item"><a href="">CLICK HERE</a></li>
        <li class="item"><a href="">CLICK HERE</a></li>
        <li class="item"><a href="">CLICK HERE</a></li>
        <li class="item"><a href="">CLICK HERE</a></li>
</ul>

 

1
komentarz 8 listopada 2017 przez Kamil Łydka Dyskutant (9,370 p.)
Przecież napisał, że wie o Emmet. Czytacie? :P
0 głosów
odpowiedź 8 listopada 2017 przez CzikaCarry Szeryf (75,440 p.)
Systemy szablonów typu Twig, smarty czy blade?
komentarz 8 listopada 2017 przez Alex.Ironside Stary wyjadacz (14,710 p.)

Wlasnie chodzilo mi o cos innego. Cos w stylu

html{ 
  head{ 
    title();
    meta();
  }
  body{
    header{
      h1{};
    }
    for(i=0;i<10;i++)
    {
      p{content/lorem}.col-md-4;
    }
  }
}

 

komentarz 8 listopada 2017 przez CzikaCarry Szeryf (75,440 p.)
No mówię, w systemach szablonów możesz tworzyć bloki kodu :)

https://twig.symfony.com/doc/2.x/templates.html
komentarz 10 listopada 2017 przez Alex.Ironside Stary wyjadacz (14,710 p.)
O w morde. Teraz widze foreacha. Moge Cie troche pomeczyc pytaniami z tym Twigiem? W zyciu z tego nie kozystalem.
komentarz 10 listopada 2017 przez CzikaCarry Szeryf (75,440 p.)
Oczywiście. Twig jest to system szablonów. Jest wykorzystywany w backendowym frameworku Symfony, ale można go też używać jako oddzielną bibliotekę. Pamiętaj wtedy, że strona nie jest wtedy statycznym HTML'em, tylko potrzebujesz jakiegoś serwera obsługującego PHP (Apache czy coś innego), ponieważ Twig jest napisany w PHP'ie :)
komentarz 10 listopada 2017 przez Alex.Ironside Stary wyjadacz (14,710 p.)
Yhm. Czyli to jest glownie dla wspierania backendu?
komentarz 10 listopada 2017 przez CzikaCarry Szeryf (75,440 p.)
Zostało stworzone z myślą oddzielenia kodu PHP od HTML, ale dobrze też się spisuje przy problemach Twojego typu :)

Podobne pytania

0 głosów
0 odpowiedzi 108 wizyt
pytanie zadane 30 listopada 2017 w HTML i CSS przez Venglas Obywatel (1,150 p.)
+6 głosów
5 odpowiedzi 10,630 wizyt
pytanie zadane 9 kwietnia 2015 w HTML i CSS przez Greifrut Nowicjusz (190 p.)
0 głosów
2 odpowiedzi 45 wizyt
pytanie zadane 13 kwietnia w HTML i CSS przez RAD Obywatel (1,820 p.)
Porady nie od parady
Zadając pytanie postaraj się o odpowiedni tytuł, kategorię oraz tagi.Tagi

63,334 zapytań

109,595 odpowiedzi

228,945 komentarzy

44,064 pasjonatów

Przeglądających: 248
Pasjonatów: 15 Gości: 233

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...