Archivi categoria: Responsive Design

Installare Bootstrap 4 come dipendenza di app Angular 5

E’ un pò di tempo che non scrivo un nuovo articolo per il mio Blog, oggi volevo riprendere con questo argomento: come installare Bootstrap 4.0.0-beta-2 come dipendenza di un progetto Angular 5.

1. Posizionarsi sulla root del progetto, tramite terminale Node.js eseguire il seguente comando:

npm install bootstrap@4.0.0-beta.2 –save –style sass

per chi non conoscesse bene le opzioni di node.js  –save permette di includere automaticamente il pacchetto all’interno della sezione delle dipendenze del progetto nel file package.json e –style indica il tipo di foglio di stile da usare nel nostro caso se si preferisce usare sass lo indichiamo.

2. Una volta terminata l’installazione del modulo bootstrap verrà segnalato un warning che indica che è necessario installare due dipendenze per far funzionare correttamente bootstrap che sono le seguenti:

npm install jquery@1.9.1 –save –style sass

npm install popper.js@^1.12.9 –save –style sass

3. Aprire il vostro angular-cli.json e aggiungere lo stile e gli script nel seguente modo:

"styles": [
        "styles.scss"
      ],
      "scripts": [
        "../node_modules/jquery/jquery.min.js",
        "../node_modules/popper.js/dist/umd/popper.min.js",
        "../node_modules/bootstrap/dist/js/bootstrap.min.js"
      ],

Continua la lettura di Installare Bootstrap 4 come dipendenza di app Angular 5

Responsive Design scegliere tra CSS3 media queries e UI Framework.

Visto che è da un pò di giorni che non scrivo un nuovo articolo, oggi vorrei iniziare un’argomento nuovo che riguarda l’UX Design delle applicazioni web, introducendo un tema molto attuale qual’è il Responsive Design.

Se volete capire di cosa si tratta vi rimando ai link precedenti, per praticità cerco di essere il più semplice possibile, riguarda tecniche di Design e Css che permettono all’interfaccia grafica di adattarsi in modo perfetto sia graficamente che funzionalmente al dispositivo in uso.

Questo risulta essere di fondamentale importanza e attualità, oggi, in un mondo delle telecomunicazioni, nel quale ognuno di noi,  visualizza e usa applicazioni grafiche con numerosi dispositivi.

Attualmente esistono in merito, numerosi UI framework, framework grafici dedicati a redere facile l’approccio a questa complessa problematica, per chi come me, invece non si accontenta e vuole realizzare un suo mini framework  può costruirsene uno personalizzato tramite le cosidette  media queries messe a disposizione dalle nuove specifiche CSS3.

Continua la lettura di Responsive Design scegliere tra CSS3 media queries e UI Framework.