13

io sono un felice utente di DAT.gui per il debug e controlli di grafici che sto lavorando a livello locale, ma ho bisogno di qualcosa che ha fondamentalmente la stessa funzionalità di controlloDAT.gui - pronti per la produzione alternativa

  • iNT o galleggiare gamma con un cursore
  • scegliere un colore

ma ho bisogno di essere po 'più personalizzabile in modo che io possa lo stile in modo da soddisfare il nostro prodotto ed eventualmente aggiungere nuove funzionalità.

C'è qualcosa di simile là fuori?

+0

Btw, mi sono reso conto che alcune persone potrebbero conoscono la risposta, ma non sa che cosa è DAT.gui, ecco il link http://workshop.chromeexperiments.com/examples/gui/ # 1 - Uso di base – kodisha

+1

Cosa c'è di sbagliato nella modifica del file CSS di dat.GUI? –

+0

@JosephLennox, niente, questa è la mia ultima risorsa. Ma ricordo che quando guardavo il codice sorgente ho visto pochi posti nel codice in cui impostavano le proprietà CSS direttamente dal codice. Preferirei qualcosa con una chiara separazione di codice, stile e modelli. Per quanto ne capisca perfettamente lo stile per dat.GUI, funziona davvero bene come controller per demo ed esperimenti. – kodisha

risposta

7

Dato che dat.GUI soddisfa già le vostre esigenze, la soluzione migliore è quella di attenervisi. È concesso in licenza con lo Apache License V2, quindi è possibile modificarlo, trasformarlo in un progetto closed-source, ecc. È anche possibile rilasciare il nuovo codice con una licenza completamente diversa (vedere Wiki per il confronto delle licenze).

Per quanto riguarda la modifica dello stile e l'aggiunta di funzioni, non c'è nulla che ti impedisca di aggiungere i tuoi stili CSS per sovrascrivere i valori predefiniti o aggiungere le tue caratteristiche js.

Modifica: guardando la sorgente, sembra che gli stili siano impostati nel file style.scss nella directory gui. Quindi è possibile modificare questo e ricostruirlo, o semplicemente pasticciare con il file css di output stesso e quindi ricompilare l'intero pacchetto (la pagina di origine ha le istruzioni per questo).

+1

Grazie, vedi la mia risposta a Joseph sopra ho appena scritto. La personalizzazione della DAT è la mia ultima opzione, se non c'è già nient'altro. – kodisha

+0

@kodisha Nota la mia modifica. DAT.gui ha già una separazione di stile da js. Devi solo ricostruire il pacchetto dopo aver modificato il css fornito o scss. –

7

Un'altra opzione è controlkit. Come mostrato nell'immagine qui sotto, ha molte opzioni per manipolare e visualizzare i dati; Coloratori e cursori inclusi.

enter image description here