• 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
279 wizyt
pytanie zadane 8 listopada 2017 w HTML i CSS przez Alex.Ironside Stary wyjadacz (14,730 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 (49,900 p.)
wybrane 15 listopada 2017 przez Alex.Ironside
 
Najlepsza

Może pug

komentarz 8 listopada 2017 przez Alex.Ironside Stary wyjadacz (14,730 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 (49,900 p.)
No przecież pug pozwala na wszystko co tu zrobiłeś.
komentarz 8 listopada 2017 przez JSHolic Szeryf (80,000 p.)
komentarz 10 listopada 2017 przez Alex.Ironside Stary wyjadacz (14,730 p.)
xmentor moglbys rzucic jakims linkiem z przykladem? Jestem w tym kompletnie zielony
1
komentarz 10 listopada 2017 przez xmentor Nałogowiec (49,900 p.)
komentarz 15 listopada 2017 przez Alex.Ironside Stary wyjadacz (14,730 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 Stary wyjadacz (12,870 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,730 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,730 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,730 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 111 wizyt
pytanie zadane 30 listopada 2017 w HTML i CSS przez Venglas Obywatel (1,150 p.)
+6 głosów
5 odpowiedzi 10,988 wizyt
pytanie zadane 9 kwietnia 2015 w HTML i CSS przez Greifrut Nowicjusz (190 p.)
0 głosów
2 odpowiedzi 55 wizyt
pytanie zadane 13 kwietnia w HTML i CSS przez RAD Obywatel (1,820 p.)
Porady nie od parady
Forum posiada swój własny chat IRC, dzięki któremu będziesz mógł po prostu pogadać z innymi Pasjonatami lub zapytać o jakiś problem. Podstrona z chatem znajduje się w menu pod ikoną człowieka w dymku.IRC

66,320 zapytań

113,057 odpowiedzi

239,193 komentarzy

46,585 pasjonatów

Przeglądających: 157
Pasjonatów: 2 Gości: 155

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.

...