Fatture Elettroniche via Web

[Dascos]

Prova dare un'occhiata al framework Bootstrap, potrebbe esserti utile per la grafica (tipografia, bottoni, ecc) e la responsività.
https://getbootstrap.com/

Grazie, è uno di quelli che sto cercando di studiare.
Piano piano cercherò di capirci qualcosa, nel frattempo cerco di mettere mano a quello che ho.
Ancora grazie

[optime]

ripeto, io farei un MVP con poche, essenziali funzioni ma che sia totalmente fruibile e graficamente a posto. Poi piano piano aggiungi funzioni (che innestare la grafica "dopo" è molto più faticoso).

[Dascos]

ripeto, io farei un MVP con poche, essenziali funzioni ma che sia totalmente fruibile e graficamente a posto. Poi piano piano aggiungi funzioni (che innestare la grafica "dopo" è molto più faticoso).

No. O meglio....la grafica è veramente banale da aggiustare (sapendo come si fa, ovvio....e io non lo so benissimo)
Per come l'ho strutturato io, il MVC di CI è rimaneggiato e ho una unica pagina di "struttura", ogni elemento ha un ID e tramite xajax o ajax manipolo il contenuto con altri pezzi di grafica semplice (un button, senza classi o stili, per esempio. O un div, senza classi o stili).

<!--default_action_fatture-->
<div id="container" class="cf">
	<div id="top-bar" class="cf">
		<div id="top-bar-info">
			<h1 id="site-title"><a href="{$this->config->config['base_url']}/">-- Fatture Web --</a><span style="color: #DC8300;">{$extra}</span></h1>
			<h4 id="site-description">Un Software</h4>
			<h1 id="site-title"><a href="https://www.dascos.info/">Da.S.Co.S.</a></h1>
		</div>
	</div>
	<div id="header" class="cf">
		<div id="situazione_mensile"></div>
	</div>
	<nav id="nav-main" class="cf">
        	<ul id="menu-menu-1" class="nav-main"  style="float: left"></ul>
		<ul id="menu-menu-2" class="nav-main" style="float: right"></ul>
	</nav>


    <div id="main" class="cf">
        <div id="sidebar-left" class="sidebar">
            <div id="widgets-wrap-sidebar-left">
                <div id="recent-posts-2" class="widget-sidebar frontier-widget widget_recent_entries">
                    <h4 class="widget-title" id="main_menu_smp" onclick="$('#div_contenuti_left').toggle() " style="cursor:pointer">Menu</h4>
					<h4 class="widget-title" onclick="xajax_execute('Main_admin', 'menu_iniziale');" id="main_menu_dsk">Menu</h4>
                    <div id="div_contenuti_left">
                       <!--LEFT-->
                    </div> <!-- // Left -->
                </div> <!-- // Recent-post -->
            </div> <!-- // Widget -->
        </div> <!-- // Sidebar -->


        <div id="content">
            <div id="div_contenuti_right" style=" overflow-y: auto !important; overflow-x: auto !important;">
                <!--RIGHT-->
            </div> <!-- // Right -->
        </div> <!-- // Content -->


    </div> <!-- // Main -->


    <div id="bottom-bar" class="cf">
        <span id="bottom-bar-text">Da.S.Co.S. &copy; 2013 - {$anno}</span>
		<span id="bottom-bar-text"> -- FattureWeb utilizza solamente cookies tecnici necessari per il corretto funzionamento del software</span>
    </div>


</div>
<div id="magic_moment" style="display: none"></div>

Questa qui sopra è la pagina, singola, che uso per costruire tutto il software. A ogni ID poi, in base alla Libreria (o alla sezione, se preferisci) vado ad assegnare il contenuto, che a sua volta è costruito con html semplice, senza classi o stili specifici.
Se cambio un css, cambia tutta la grafica (colori, dimensioni ecc) ma la struttura è sempre quella
Ad ogni modo è comunque un discreto lavoro, concordo

[Dascos]

Se cambio un css, cambia tutta la grafica (colori, dimensioni ecc) ma la struttura è sempre quella
Ad ogni modo è comunque un discreto lavoro, concordo

Aggiungi in coda una variabile get css con valori tra 1 e 3...
dev.fattureweb.com?css=1
dev.fattureweb.com?css=2
dev.fattureweb.com?css=3

Sono alcuni css su cui sto lavorando :-D
Per ora mi piace il 2 (tralasciando i residui verde/blu)

[Roby140569]

Grazie, è uno di quelli che sto cercando di studiare.
Piano piano cercherò di capirci qualcosa, nel frattempo cerco di mettere mano a quello che ho.
Ancora grazie

Bootstrap è molto semplice da usare e ti velocizza molto il lavoro.

Per questa webapp (guarda immagini allegate) ho usato Bootstrap, realizzando una grafica semplice ma chiara. Il cliente non aveva molto pretese a livello grafico, ma ritengo il risultato più che soddifacente.
Se puoi, occupati al più presto della grafica, metterci mano dopo è faticoso.

1.jpg

2.jpg

[Dascos]

Ho avuto un paio d'ore di tempo ieri e oggi e ho dato una "botta" alla grafica, che per ora è apprezzabile nello stile 3 ( https://dev.fattureweb.com/?css=3 )
Che dite, meglio?

[Roby140569]

Ho avuto un paio d'ore di tempo ieri e oggi e ho dato una "botta" alla grafica, che per ora è apprezzabile nello stile 3 ( https://dev.fattureweb.com/?css=3 )
Che dite, meglio?

Le mie cercano di essere critiche costuttive, quindi non prendertela, ma non ci siamo proprio: piccoli aggiustamenti non hanno cambiato la sostanza.
Cerca di mettere a punto una grafica più moderna e curata: riparti dall'inizio e rifai tutta l'interfaccia.


Hai mai provato ad accedere a questo sito da smartphone? Lì ci sono altri probemi. Per esempio, se clicchi su uno degli "scopri di più", ti si apre una finestra modale larghissima, illeggibile e ingestibile (non riesci a chiuderla se non fai scorrere la finestra finché non mi appare il pulsante "OK"). La larghezza fissa della finestra modale non va bene in una logica responsive.

Su Chrome lo vedo così.
chrome.jpg

Buon lavoro!

[Dascos]

Le mie cercano di essere critiche costuttive, quindi non prendertela

:-) Tranqui, se non avessi voluto critiche non avrei fatto alcuna richiesta

Cerca di mettere a punto una grafica più moderna e curata: riparti dall'inizio e rifai tutta l'interfaccia.

Ci sto provando mettendo insieme pezzi di codice e sostituendo l'esistente.

Hai mai provato ad accedere a questo sito da smartphone? Lì ci sono altri probemi. Per esempio, se clicchi su uno degli "scopri di più", ti si apre una finestra modale larghissima, illeggibile e ingestibile (non riesci a chiuderla se non fai scorrere la finestra finché non mi appare il pulsante "OK"). La larghezza fissa della finestra modale non va bene in una logica responsive.

Su Chrome lo vedo così.
chrome.jpg

Buon lavoro!

Accesso via smartphone sì, ovviamente, sia in simulazione tramite vari tools che direttamente. Il problema della modale l'ho notato, sto cercando di sistemare in modo che non vada a impattare anche su altre cose/metodi che uso nel programma (lo stesso div viene usato sia per i popup che per altre info).
Dai, per ora grazie, pian piano sistemo