WN - Webbsida för genrering av CSS

WN (https://www.wn.se/forum/index.php)

- Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)

- - Webbsida för genrering av CSS (https://www.wn.se/forum/showthread.php?t=1067292)

Bintang

2016-09-12 11:48

Webbsida för genrering av CSS

Kan nån rekommendera en webbsida (eller program) där man genererar CSS-kod genom att man förändrar text & layout genom dra & klicka (ok, dålig förklaring).

Som jag gör nu så ändrar jag i stilmallen, uppdaterar i webbläsaren, ändrar igen i stilmallen, o.s.v.
Detta är tidskrävande så jag skulle vilja ändra parametrar så att jag i realtid ser vad som händer med objekten.

SvanteH

2016-09-12 14:37

http://livestyle.io/ är ett exempel.

nim	2016-09-13 00:08

Vilken wysiwyg editor som helst?

Bintang

2016-09-14 08:53

LiveStyle verkade bra men jag fick det inte att fungera trots den enkla situationen.
Jag testar Stylizer som verkar bra.

webtigerteam

2016-09-16 10:58

Absolut enklast är om du lägger in ett litet script som uppdaterar sidan en gång per sekund. Samt har både text-editorn och webbläsarens fönster öppna samtidigt bredvid varandra.

Kod:

<script>

setInterval(function reload() {

  window.location=window.location.href;

}, 1000);

</script>

Glöm inte att ta bort scriptet när du är klar.

Bintang

2016-09-16 19:00

Tackar för det :)

ViktorPersson

2016-09-16 20:22

Rekommenderar https://www.browsersync.io/

* Uppdaterar CSS (utan sidladdning)
* Kan synca flera webbläsare samtidigt (t.ex. se resultat i desktop-, tablet- och mobilstorlek samtidigt).

Det finns demos på Youtube så förstår du lättare vad jag menar.

Alex	2016-09-17 15:31

Om du sitter med Mac så kan du testa LiveReload: http://livereload.com/

Alla tider är GMT +2. Klockan är nu 03:29.