Animazioni in React con React Spring
React Spring è un'ottima per libreria per creare animazioni in React.
In questo articolo vediamo un paio di esempi basici.
React Spring è un'ottima per libreria per creare animazioni in React.
In questo articolo vediamo un paio di esempi basici.
Le timeline sono oggetti che hanno vari utilizzi di presentazione dati, e possono essere molto comodi.
In Flutter abbiamo il package timelines che ci permette di crearle in maniera facile.
gocron è un package per Go che ci permette di creare scheduler di vario tipo.
Premetto che non ho approdondito molto perchè mi è bastato il primo esempio un pò modificato.
Ve ne riporto una versione semplificata.
date_picker_plus è un package per Flutter che ci da estende le funzionalità del datepicker standard.
In questo articolo vediamo un paio di esempi.
cron4j è una libreria per Java che ci permette di creare degli scheduler in stile CRON.
In questo articolo la usiamo in Kotlin per creare uno scheduler all'avvio del server di Ktor.
Attraverso il widget MenuBar possiamo creare un classico menu in Flutter.
Può essere molto utile soprattutto in ambito desktop e mobile.
Oggi ne vediamo un esempio.
Quartz.NET è uno scheduler per .NET che si rifà al più famoso Quartz per Java.
Sono praticamente identici nel funzionamento.
In questo articolo ne vediamo un esempio in C#.
Flutter ci mette a disposizione showDatePicker per visualizzare un date picker.
Rispetto ad linguaggi/framework a cui siamo abituati, il suo utilizzo è un pò diverso.
Nelle ultime versioni React ha messo a disposizione Suspense, che in pratica ci forninsce un modo per visualizzare un loading durante il caricamento dei dati.
Ovviamente era possibile ottenere una cosa simile anche prima, solo che prima dovevamo scrivere un pò più di codice.
In questo articolo vi mostro due esempi per fare una comparazione.
Supponiamo di voler identificare il nome di una variabile in C#.
Quindi non il contenuto, ma proprio come abbiamo chiamato la variabile.
Per farlo possiamo usare nameof.
ShaderMask è un widget per Flutter che ci consente di applicare una "maschera" generata da uno "shader" ad un widget.
Detto così non vuol dire molto, quindi facciamo subito un esempio.
Supponiamo di voler identificare il nome di una variabile in C#.
Quindi non il contenuto, ma proprio come abbiamo chiamato la variabile.
Per farlo possiamo usare nameof.
InteractiveViewer è un widget per Flutter che ci permette di "interagire" con il widget, ad esempio dandoci la possibilità di zoomare o trascinare.
In questo articolo vediamo due esempi, uno che usa una immagine e l'altro no.
Non ci sono librerie da installare, e funziona anche su desktop.
L'altro giorno stavo cercando di fare il package con Maven di una piccola applicazione scritta in Kotlin (usando il framework Ktor).
L'applicazione funzionava a dovere, ma il package dava sempre errore.
C'era qualcosa nei test che fa Maven che non gli piaceva.
Ktor è un framework per Kotlin per la creazione di web api.
Facile da usare ha parecchie librerie a disposizione.
In questo articolo vediamo come impostare CORS.
I LimitedBox di primo acchitto potrebbero essere cosiderati uguali ai SizedBox.
In realtà ci sono delle differenze.
LimitedBox è un widget che vincola le dimensioni del suo figlio se non è vincolato dal suo genitore.
Questo può essere utile se si vuole creare un widget che verrà riutilizzato più volte.
Negli ultimi si sono inventati parecchia "roba" per la sicurezza, e hanno fatto bene.
Solo che ci sono alcune limitazioni che a volte rompono proprio!
Una di queste, in uno specifico è X-Frame-Options!
LayoutBuilder in Flutter ci permette di creare un layout che dipende dalla dimensione del parent.
Usandolo possiamo facilmente ottenere dei layout responsive.
In questo articolo ne vediamo un paio di esempi.
WPML è uno dei plugin più usati per la gestione delle lingue in Wordpress.
Ha diversi filtri/funzioni che lo rendono facilmente utilizzabile anche in un template custom.
Ad esempio wpml_current_language!
FractionallySizedBox è uno dei widget di Flutter usati per creare layout responsive.
Ovviamente non è l'unico, ma può tornare molto utile.
In pratica è un widget che imposta il child ad una frazione dello spazio che ha a disposizione.
Quando create un custom theme in Wordpress, di default molte cose sono disabilitate.
Ad esempio non avete la voce per gestire menu e widget nell'area admin.
In un precedente articolo vi avevo mostrato come attivare le immagini in evidenza.
Sipponiamo di avere dei nostri script da voler usare dentro Angular.
E di non voler creare una vera e propria libreria.
La cosa è possibile seguendo questi passaggi.
Copiate il vostro file JS dentro ad una cartella del progetto; ad esempio src/assets.
Quando visualiziamo le date dei post in Wordpress usando WP_Query, di default escono in formato inglese/americano.
Volendo è possibile formattarle/tradurle in italiano in maniera facile usando date_i18n.
Ad esempio io avevo bisogno di vedere la data in questo formato: 29 Febbraio 2024.
Apache PDFBox è un'ottima libreria per lavorare con i PDF in Java.
In questo articolo vediamo come usarla in Kotlin per unire più files PDF atraverso PDFMergerUtility.
Pillow è una libreria per Python per la manipolazione di immagini molto usata e apprezzata.
In questo articolo vediamo come usarla per convertire una JPEG in Webp.
In Wordpress abbiamo vari modi per visualizzare i dati nei nostri template, forse anche troppi.
Da quello che ho capito la maggior parte, se non tutte, si basano su WP_Query; il condizionale è d'obbligo.
Comunque in questo articol vediamo un esempio del suo utilizzo.
Apache PDFBox è un'ottima libreria per lavorare con i PDF in Java.
In questo articolo vediamo come usarla per unire più files PDF atraverso PDFMergerUtility.
In questo articolo vediamo come crare una casella di testo con auto completamento in Flutter usando flutter_typeahead!
Per installarla:
flutter pub add flutter_typeahead
Wordpress ci mette a disposizione la funzione wp_mail per mandare email da nostre funzioni personalizzate.
Una cosa fondamentale da fare prima è installare un plugin per il settaggio dei parametri SMTP.
Negli ultimi anni WhatsApp ha fatto diverse aggiunte, senza sponsorizzarle mai in realtà.
Tra queste ci stanno i vari modi per formattare il testo.
Magika è una libreria creata da Google, da quello che ho capito molto nuova, che identifica in maniera veloce il tipo di file che gli viene indicato.
Da quello che ho capito alla base c'è l'AI (strano), e per questo risulta molto più veloce di altre librerie.
In questo articolo vediamo la versione Python (ce ne è una anche per Javascript).
Possiamo sia installarla globalmente ed usarla standalone, che come libreria interna; cose che faremo noi.
In questo articolo vediamo come impostare una immagine fullscreen in Flutter; o quanto meno uno dei possibili modi.
Non sono richiesti plugin aggiuntivi, in quanto useremo semplicemenete:
L'immagine l'ho presa dal web "a caso".
In Python la funzione zip non ha nulla a che vedere con gli archivi compressi.
Ma ci permette di unire più iteratori, anche di diversi tipi, in uno unico, in modo da poter fare un'unica iterazione su tutti gli elementi.
StreamBuilder è un widget per Flutter che ci permette di aggiornare solo una parte della UI quando vengono emessi nuovi dati.
In genere viene usato quando ci sono operazioni asincrone che aggiornano i dati di frequente.
In questo articolo vediamo un esempio per cominciare ad usarli.
iText è una libreria per manipolare file PDF, compatibile con diversi linguaggi.
In questo articolo vediamo come usarla in VB.NET per unire diversi file.
Attraverso la classe CustomPainter possiamo facilmente creare un custom painter in Flutter.
In questo articolo vediamo coome crearne uno.
iText è una libreria per manipolare file PDF, compatibile con diversi linguaggi.
In questo articolo vediamo come usarla in C# per unire diversi file.
In un precedente articolo abbiamo visto come usare le DataTable in Flutter.
Volendo possiamo ottenere risultati simili con data_table_2, che porta con se diverse facilitazione scrivendo meno codice a mano.
Per back button intendo una qualsiasi azione per riportarmi alla schermata precedente.
In Flutter possiamo intercettare questa azione e fare un qualcosa; ad esempio visualizzare un dialog di conferma.
Il tutto grazie a PopScope!
Il widget DataTable ci permette di visualizzare i dati in forma tabellare in Flutter.
Può essere molto comodo, soprattutto se sviluppiamo app multipiattaforma.
Magari su device mobile mostriamo una lista, in altri ambiti la tabella.
Anni fa, nel 2017, scrissi un articolo su come deployare applicazioni Electron con electron-packager.
Ovviamente è cambiata un pò di roba, quindi oggi vi dico quello che ho fatto.
Prima di tutto installiamo il pacchetto non a livello globale, ma sempre nel nostro progetto.
In Flutter possiamo eseguire screenshot delle nostre app/widget usando il package screenshot!
È compatibile con tutte le piattaforme; testata su Android e Linux.
In questo articolo vediamo un esempio.
Di primo acchitto potremmo pensare ai classmethod di Python come a dei metodi statici.
In verità ci stanno alcune differenze:
Quando dobbiamo creare degli spazi tra i widget in Flutter abbiamo una paio di possibilità, come usare i padding o SizedBox.
Se vogliamo qualcosa di più conciso e flessibile possiamo usare gap!
showModalBottomSheet è un widget per Flutter con il quale possiamo creare un menu alternativo che compare da sotto alla schermata.
Potete usarlo anche come un menu aggiuntivo volendo.
In questo articolo ne vediamo un esempio.
GestureDetector ed InkWell svolgono praticamente la stessa funzione, cioè quella di eseguire un'azione su un widget.
InkWell ha un effetto ripple, ma GestureDetector è più flessibile e ci permette di fare più cose.
Quindi, come fare per ottenere un effetto ripple su GestureDetector?
In questo vediamo come usare Animation e AnimationController per creare un effetto flip su card in Flutter.
Non ci servono librerie esterne.
Inoltre l'ho testato sia su Android che su Linux.
Abbiamo già usato più volte PyPDF2, libreria per gestire i PDF molto usata in Python.
In questo articolo vediamo come usarla per unire tutti i files PDF che si trovano dentro una directory.
read è un comando built-in di Linux che legge lo standard input e lo "inserisce" nelle variabili.
Detto così magari non si capisce un granchè, quindi andiamo a fare qualche esempio.
In pratica Flutter ci mette a disposizione SelectableText per visualizzare del testo che possiamo selezionare, sia col mouse che con il tap.
Testato su Linux e Android.
Inoltre avremmo anche i tasti per il copy e select all.
Abbiamo già parlato di PHPPresentation, una libreria per PHP per la creazione/manipolazione dei file PowerPoint e affini.
In questo articolo vediamo come creare facilmente un testo come link.
Non mi soffermo all'installazione e configurazione, da per scontato che abbiate già tutto.
In questo articolo vediamo come passare dei dati tra componenti in Angular usando dei service.
Simuleremo il classico counter del carrello.
Ma faccio la solita premessa che si tratta di un esempio basico iniziale.
Il cascade operator in Dart ci permette di eseguire diverse operazioni in sequenza su uno stesso oggetto.
In verità è più facile un esempio che descriverlo.
wp_mail è funzione integrata in Wordpress per l'invio delle email.
Non è difficile da usare, ma il vero problema è che restituisce solo un valore bool, quindi true o false.
E non dice nulla sulla causa dell'errore.
Per ottenere una search bar animata in Flutter abbiamo diversi plugin.
Io ho usato searchbar_animation e mi ci sono trovato bene.
In questo articolo vediamo un esempio su come usarla.
Supponiamo di voler eseguire una funzione appena un widget, iin Flutter, viene caricato.
Nulla di più facile con addPostFrameCallback.
animated_text_kit è una libreria per Flutter che ci consente di aggiungere svariate animazioni ai testi.
In questo articolo vediamo qualche esempio.
faker è una libreria per Dart e Flutter che ci consente di generare dati fake per le nostre app.
Può essere molto utile in fase di mockup o quando non si hanno dati disponibili.
flutter_blurhash è una package per Flutter che ci permette di creare dei placeholder per le immagini.
L'effetto che vedremo in questo esempio è un blurhash fino a che l'immagine non è caricata.
Per installarlo:
flutter pub add flutter_blurhash
PrimeFlex è una libreria di utilità CSS che viene usata di base in PrimeNG e soci.
Ovviamente può essere usata anche al di fuori, in quanto si può installare senza problemi.
I record in Java corrispondono, sostanzialmente, alle data class di Kotlin.
Possono essere molto utili in quanto ci risparmiano parecchio codice.
In Dart abbiamo diverse funzioni che ci permettono di svolgere funzioni su liste e array.
Una di queste è fold, che si comporta come la funzione reduce con alcune differenze.
In sostanza fold itera su una collezione ed esegue le operazioni che noi gli diciamo.
Ho fatto un test su come creare una libreria custom in un progetto Dart, ma penso che la stessa cosa valga anche per Flutter.
Comunque vediamo come fare a creare un piccola libreria ed esportara.
Ho creato una cartella library nella stessa cartella del main del progetto.
Supponiamo di avere parecchi componenti/moduli in una nostra app React.
Quando li includiamo abbiamo sempre quei path relativi con N puntini davanti a seconda del livello in cui ci troviamo.
In realtà possiamo usare i path assoluti; ma cominciamo da un esempio standard.
In questo articolo vediamo come modificare un file excel esistente in Laravel.
Do per scontato che abbiate già installato la libreria PhpSpreadsheet.
In Flutter possiamo facilmente controllare se siamo in modalità debug o release usando alcune costanti.
La cosa può essere molto comoda per caricare dei parametri in fase di avvio,
Ad esempio l'url di una API da richiamare, oppure un token.
Eloquent è l'ORM di default di Laravel; ma essendo quest'ultimo un framework modulare e non monolitico, possiamo usare le sue "parti" anche in maniera autonoma.
In questo articolo vediamo proprio come usare Eloquent senza installare tutto Laravel.
shimmer, come si può intuire dal nome, è un package per Flutter che ci consente di creare, appunto, un effetto shimmer.
Molto spesso viene usato al posto del classico loading dialog.
In questo articolo vediamo come usarlo.
graphic è una delle varie librerie per Flutter per la creazione di grafici.
Non è difficilissima da usare, ma a livello grafico c'è di meglio.
fluttertoast è un package per Flutter specializzato nella creazione di toast.
E' compatibile con Linux, iOS e Web.
In sostanza volevo avere nella sidebar un link custom che mi rimandasse direttamente alla pagine create visualizzando direttamente quelle pubblicate.
Possiamo aggiungere link custom usando add_action e add_menu_page nel functions.php.
fl_chart è uno dei package per Flutter per la creazione di grafici.
E' molto completo, ha anche la possibilità di animare i grafici, ed è molto customizzabile.
Ovviamente tutto questo si paga con il fatto che non è facilissimo da usare.
Oggi mi sono divertito ad usare un pò di tool di conversione codici e roba simile.
Alla fine è uscita fuora la successione di Fibonacci in Go!
syncfusion_flutter_charts è uno dei package a disposizione per Flutter per la creazione di grafici.
Tra le altre cose funziona su tutte le piattaforme.
Però non lo trovo facilissimo da usare.
Angular 17 porta con se diverse novità.
Una di queste è @defer, che in pratica ci permette di caricare un componente/template in maniera con una lazy-loading.
Può essere molto comodo nel caso in cui un componente carichi parecchi dati.
In questo articolo vediamo un esempio basico.
Laravel ci mette a disposizione diversi helpers per la formattazione/visualizzazione dei numeri.
In questo articolo vediamo un pò di esempi.
Nello specifico sto usando la versione 10, ma non dovrebbero esserci problemi di compatibilità
I file STL sono molto comuni in ambito 3D, ma è possibile che abbiamo bisogno di leggerli anche in altri ambiti.
In questo articolo vediamo come farne il parsing con stl-reader.
In un precedente articolo abbiamo visto come creare una chat in Flutter usando un package apposito.
In questo articolo, invece, costruiremo una chat senza usare package appositi.
Da PHP 8 abbiamo la possibilità di usare gli Attributes, che sostanzialmente fungono da decorators/annotations.
Solo che non ho trovato banale il loro uso, quindi cerco di farvi un esempio basico esplicativo.
In pratica dobbiamo segnare come Attribute una classe che poi verrà "richiamata" da un'altra classe o da un metodo (cosa che farò nell'esempio).
flutter_chat_ui è un package per Flutter che ci consente di creare un sistema di chat.
Ovviamente ci aiuta nella parte di costruzione della UI, non si occupa del salvataggio dei dati su db.
Anche noi, nell'esempio qui sotto che ricalca quello ufficiale, non salveremo i dati su db.
Ma installeremo comunque varie librerie per renderlo il più possibile vicino alla realtà.
Con SQL Server 2022 abbiamo a disposizione la funzione GENERATE_SERIES, che in pratica genera una serie di numeri in un determinato intervallo.
Possiamo usare questa funzione anche per creare una time series.
I file .env sono file chiave:valore molto utili per dati che sono costanti in tutta l'applicazione.
Ad esempio token, credenziali database, ecc.
In questo articolo vediamo come leggerli in Flutter usando flutter_dotenv!
Da qualche tempo, che non so identificare, Windows mette a disposizione un suo package manager, che abbreviato si chiama winget!
In questo articolo vediamo come usarlo per aggiornare i programmi.
Premetto che sono su Windows 11 aggiornato, e che non da quando sia disponibile winget.
Hyper Effects è un package che ci permette di creare degli effetti sui widget in Flutter.
Inoltre è compatibile con tutte le piattaforme.
Supponiamo di avere su un db un campo che ha stringhe che vogliamo splittare.
Ad esempio un classico uno,due,tre (che magari sono tag di un qualche record).
In SQL Server possiamo splittare le stringhe usando STRING_SPLIT!
In questo articolo vediamo come usare la clipboard in Flutter usando il package clipboard!
E' compatibile con tutte le piattaforme; io l'ho testato in Linux e Android.
Finalmente la versione 17 di Angular ha portato un miglioramento nella formattazione condizionale!
Era anche ora dire....
In questo articolo vediamo due esempi di concorrenza in Dart, validi anche per Flutter.
In sostanza in Dart la concorrenza è supportata in due modi:
Qui sotto vediamo entrambi gli esempi.
Necessità strana in realtà, ma mi è capitato di dover troncare delle date.
In un caso specifico l'ho fatto direttamente da query; in SQL Server possiamo farlo con DATETRUNC!
Negli esempi, per la data di partenza, ho usato GETDATE per semplicità, ma potete usare quello che volete.
Di axios abbiamo già parlato svariate volte, anche perchè è la libreria che uso in genere in React.
In questo articolo vediamo come usare gli interceptors; sostanzialmente ogni richiesta HTTP verrà "intercettata" e verrà eseguito/impostato un qualcosa deciso da noi.
Nell'esempio uso React, ma in verità potete usarlo dove volete.
google_nav_bar è un widget per Flutter che da una navigazione bottom sicuramente più accattivante di quella standar.
In questo articolo vediamo come usarlo.
Per seguire l'esempio dobbiamo installare due packages:
flutter pub add google_nav_bar line_icons
Il secondo ovviamente non è obbligatorio, potete usare anche altre icone.
In questo articolo vediamo come customizzare i symbols nelle liste HTML.
Per farlo useremo solo CSS, senza librerie aggiuntive.
Go supporta nativamente la sintasst raw-string, ma ha alcune limitazioni in fatto di formattazione.
Ed è qui che arriva il package heredoc (qualcuno ha detto PHP?!?!).
Colly è una libreria per Go che ci permette di eseguire il web scarping delle pagine web.
In questo articolo vediamo un paio di esempi.
carousel_slider è una libreria per Flutter che ci consente di creare uno slider in maniera molto semplice.
Tra l'altro è compatibile con tutte le piattaforme.
Gli HashSet in Java sono delle collezioni con dati univoci.
E' possibile aggiungere o rimuovere elementi, ma non accetta elementi duplicati.
Partendo da un HashSet è possibile crearne uno non modificabile, nel senso che non è possibile aggiungere o rimuovere elementi.
Quando impostiamo le spese di spedizione e la spedizione gratuita in WooCommerce, succede che si vedono entrambe quando raggiungiamo il valore richiesto.
Ed inoltre la spedizione gratuita non è neanche selezionata.
In sostanza l'utente si deve accorgere della nuova voce nel carrello e selezionarla.
E non è una cosa bella diciamo....
frozenset è una funzione di Python che crea dei set immutabili.
In Python i set sono liste di dati non ordinato che non accettano duplicati.
Ma è sempre possibile aggiungere o rimuovere elementi.
animate_do è un'ottima libreria per Flutter che ci permette di animare i componenti.
E' compatibili con tutte le piattaforme al momento supportate da Flutter.
In questo articolo vediamo i passaggi per installare Webmin su Debian 12.
L'ho installato giusto qualche giorno fa su un server di produzione.