Freehand è una tecnologia di base incorporata nel nucleo di Blocs, offre un modo più visivo per ridimensionare e posizionare gli elementi nell'area di disegno. Quando i controlli a mano libera vengono utilizzati per modificare gli elementi, classi personalizzate vengono scritti automaticamente in tempo reale che contengono i valori rilevanti in base al tipo di controllo a mano libera con cui si sta interagendo. Ciò offre un'esperienza di progettazione che sembra più libera, ma rispetta comunque i valori chiave del responsive web design e del Modello box CSS.
Controlli delle dimensioni
Quando un elemento Bric viene selezionato sulla tela di progettazione, il marcatore attivo che evidenzia l'elemento Bric può contenere controlli di modifica a mano libera. Questi controlli consentono di impostare la larghezza, l'altezza o il raggio dell'angolo dell'elemento selezionato semplicemente trascinandoli.
Il tipo di controlli a mano libera resi disponibili è dettato dal tipo di elemento selezionato. Ad esempio, un pulsante ti darà accesso al file larghezza, altezza e raggio dell'angolo controlli a mano libera, ma un elemento di testo come un paragrafo ti darà accesso al file larghezza e l' dimensione del font controllo a mano libera. La ragione di ciò è impedire che i valori vengano applicati agli elementi che in genere non li richiedono o non dovrebbero averli applicati.
Controlli di margine e spaziatura interna
I controlli a mano libera del margine e del riempimento sono inizialmente nascosti quando viene selezionato un elemento. Premendo e tenendo premuto il pulsante ⇧ chiave, li rivelerà. Il trascinamento di questi controlli consente di spostare e regolare liberamente l'elemento nell'area di disegno.
È anche possibile passare a un altro punto di rottura e personalizzare i valori di controllo a mano libera pertinenti per quella larghezza dello schermo specifica.
Assegnazione manuale di classi a mano libera
Quando si interagisce con un controllo canvas a mano libera, una classe a mano libera viene automaticamente generata e assegnata a quell'elemento Bric (a meno che non ne abbia già una). Tuttavia, è anche possibile assegnare manualmente una classe a mano libera a un elemento Bric. Per assegnare manualmente una classe a mano libera, l'elemento deve avere almeno una classe assegnata. Se l'elemento ha una classe, vedrai un simbolo a forma di chevron posizionato diritto del titolo del campo della classe nell'ispettore della barra laterale.Clic sinistro il chevron elencherà tutte le classi per l'elemento attualmente selezionato, permettendoti di selezionare su quale vorresti scrivere i valori a mano libera. Nota, se non sono assegnate classi all'oggetto, il gallone non apparirà.
Quando una classe viene impostata come classe a mano libera per un elemento Bric, il suo token tag apparirà evidenziato nel campo di immissione della classe dell'ispettore della barra laterale.
Le lezioni a mano libera possono anche essere copiate e incollate su più elementi, semplificando lo stile di più di un elemento alla volta.