Le novità di Ionic 8

Ionic, il popolare framework per lo sviluppo di Mobile App cross platform e Progressive Web Application(PWA), si rinnova ed arriva alle versione 8. Con questo upgrade Ionic migliora il theming, l’accessibilità ed il design di app iOS; inoltre aggiunge il nuovo componente Picker ed una semplice quanto utile funzionalità del front-end relativa all’inserimento delle password.

Migrazione e Upgrade ad Ionic 8

La maggioranza delle applicazioni Ionic 7 non richiede particolari update del codice sorgente, comunque puoi seguire la guida ufficiale disponibile al seguente link per migrare le tue Mobile App ad Ionic 8.

Web Accessibility

Al fine di essere sempre più aderenti alle Web Content Accessibility Guidelines (WCAG) e facilitarne la relativa implementazione, gli strumenti di accessibilità disponibili per lo sviluppatore sono stati migliorati aggiungendo due nuove funzionalità:

• Contrasto dei colori con una nuova palette per rispettare i contrast ratio di livello AA definiti dalle WCAG, ciò migliorare direttamente la leggibilità nelle applicazioni. E’ possibile visualizzare la nuova palette al seguente link.
• Per scenari particolari, alto livello di contrasto con una nuova palette per rispettare i contrast ratio di livello AAA definiti dalle WCAG; inoltre è possibile controllare il colore del testo in modo che da avere più sfumature dello stesso colore ( un concetto definito in Ionic come Stepped Color, la documentazione ufficiale è disponibile al seguente link). Puoi prendere dimestichezza con la nuova palette di livello AAA al seguente link.

Contattaci subito e senza impegno per assistenza e supporto su Ionic 8.

Light e Dark Palette nativamente disponibili nel progetto di sviluppo

In Ionic 7, e con le versioni precedenti, potevi aggiungere le palette light e dark copiando manualmente, all’interno della tua applicazione, i design token necessari . Una soluzione chiaramente difficoltosa e soprattutto non scalabile. Per questo motivo le due palette sono state rese nativamente disponibili semplicemente importando i relativi temi, in particolare la Light è già la palette di default in Ionic 8 mentre la Dark può essere importata con il comando:

@import '@ionic/angular/css/palettes/dark.always.css';

L’esempio è relativo ad Angular, puoi verificare al seguente link come importare il Dark mode negli altri linguaggi/framework di sviluppo come Javascript, React e Vue. Ovviamente qualsiasi tipologia di palette può essere personalizzata secondo le specifiche esigenze applicative.

Contattaci subito e senza impegno per assistenza e supporto su Ionic 8.

Aggiornamento alle specifiche di Design di iOS 17

Le specifiche di iOS 17 per il Design si sono evolute nel tempo, nello stesso modo si è evoluto Ionic al fine di rispettarne completamente i paradigmi. In particolare una funzionalità inserita in questo upgrade di Ionic è la possibilità di disabilitare i pulsanti di Action Sheet, una vista modale che presenta varie scelte da poter effettuare in base al contesto applicativo. Normalmente questi pulsanti erano sempre attivi, ora grazie al nuovo comportamento aggiunto al Material Design è possibile configurare le azioni e le abilitazioni per ottenere un’esperienza consistente in tutte le piattaforme di sviluppo. Per maggiori dettagli ti consigliano di leggere la documentazione ufficiale di Ionic.

Contattaci subito e senza impegno per assistenza e supporto su Ionic 8.

Picker

E’ disponibile un nuovo componente, Picker, che permette di configurare, personalizzare e creare una User Experience(UX) eccellente quando è necessario far scegliere l’utente tra differenti opzioni. Oltre alla personalizzazione degli elementi con variabili CSS, è possibile inserire facilmente prefissi e suffissi in una determinata opzione. Per un approfondimento puoi leggere la documentazione ufficiale disponibile al seguente link.

Contattaci subito e senza impegno per assistenza e supporto su Ionic 8.

Visibilità della password durante l’inserimento

Una funzionalità semplice quanto indispensabile, che normalmente viene realizzata ad hoc in ogni applicazione, è ora resa facilmente fruibile ed implementabile con una linea di codice:

<ion-input-password-toggle slot="end"></ion-input-password-toggle>

Per maggiori informazioni e per le opzioni disponibili puoi consultare il seguente link.

Glue Labs ed Ionic

Usiamo Ionic dalla sua nascita e realizziamo la tua Mobile App fornendoti una garanzia di 12 mesi da qualsiasi bug, inoltre ti forniamo supporto, assistenza e formazione avanzata in ambito cross-platform e Mobile App. Grazie alle competenze specialistiche maturate in tantissimi settori(leggi il Case Study di YouPol, la Mobile App della Polizia di Stato) e con numerosi Clienti ti abilitiamo all’innovazione ed alla trasformazione tecnologica della tua Mobile App con Ionic. Contattaci subito e senza impegno per un preventivo gratuito