web

Bootstrap 5 è la nuova versione di Bootstrap, il FOSS CSS framework per realizzare front-end responsive e mobile-first. La versione 5 ha rimosso jquery come dipendenza, e anche il supporto per iE 9 e 10.

Esseno il framework CSS di riferimento è bene scoprire come destreggiarsi nelle novità introdotte.

Learn Bootstrap 5 and SASS by Building a Portfolio Website

news, more news
css-tricks.com
Bootstrap 5 customize
Bootstrap 5 Icons
Bootstrap 5 grid system
Bootstrap 5 forms
Bootstrap 5 utilities API

Simple Calculator using Vue and Bootstrap 5
★ Free Bootstrap 5 Dashboard - Built with Flask and Docker

★ Style an input file with some help from Bootstrap and FontAwesome

6 Most Common Bootstrap Mistakes to Avoid in Web Development

Ten Years of Bootstrap

[via]

Bootstrap 5 - First Look

Full Bootstrap 5 Tutorial for Beginners

Learn Bootstrap 5 and SASS by Building a Portfolio Website - Full Course

WireGuard è una VPN estremamente semplice, ma moderna e veloce. Utilizza una crittografia all'avanguardia e mira ad essere più veloce, più semplice, più snella e più utile di IPsec, evitando la complessità tipica di queste soluzioni. Inoltre rende ad essere più performante di OpenVPN. WireGuard è progettato come una VPN di uso generale per l'esecuzione su interfacce embedded e supercomputer, adatta a molte circostanze diverse. Inizialmente rilasciato per il kernel Linux, è ora multipiattaforma (Windows, macOS, BSD, iOS, Android) e ampiamente implementabile.
Attualmente è in costante sviluppo, ma già ora potrebbe essere considerato come la soluzione VPN più sicura, più facile da usare e più semplice del settore.

come configurare un server a casa per la VPN con WireGuard

the easiest way to install & manage WireGuard on any Linux host!

[via]

Per condividere online del testo con qualcuno in modo strutturato, al di fuori della gestione di chat e social, taggarlo, tenerlo per dopo e pubblicarlo online ci sono servizi come:

Pastebin
Pastie Bin

Semplici, veloci, immediati, intuitivi. Quello che vi vuole anche nel caso di editing collaborativo.

Da vedere anche codezen.

Chrome Dev Tools Crash Course, in 1 ora, spiega tutto quello che c'è da sapere a livello iniziale e intermedio sullo strumento più efficace per fare diagnosi e sviluppo di pagine web.

Chrome Dev Tools Cheat Sheet
Chrome Dev Tools a Google

★ Chrome Journeys

Chrome DevTools - Crash Course

Versus permette di orientarsi nell'acquisto confrontando più articoli in base alle loro caratteristiche salienti risparmiando tempo e denaro.

Ad esempio con gli smartphone, dei quali le aziende propongono una gamma molto varia che risulta astrusa ed è difficile capire bene quale sia il più adatto alle proprie esigenze.

Ma ci sono anche tablet, laptop, PC e accessori, TV, audio, addirittura anche app.

Oppo Reno 2 VS Oppo Reno 4 Pro

Se ne sente parlare dappertutto, ma cos'è realmente il "SaaS" ?

Si definisce Software as a service un modello di licenza e "distribuzione" su licenza in cui i programmi sono ospitati centralmente. Una vecchia definizione era "software on-demand". E' soprattutto parte della nomenclatura di moda del cloud computing, insieme all'infrastruttura come servizio (IaaS), alla piattaforma come servizio (PaaS), al desktop come servizio (DaaS), al software gestito come servizio (MSaaS), al backend mobile come servizio (MBaaS), al datacenter come servizio (DCaaS) e la gestione dell'information technology come servizio (ITMaaS).

Le applicazioni SaaS sono tipicamente accessibili dagli utenti che utilizzano un thin client, ad esempio tramite un browser web. Il SaaS è diventato un modello di fruizione comune per molte applicazioni aziendali, tra cui software per ufficio, software di messaggistica, software per l'elaborazione delle retribuzioni, DBMS, gestionali, CAD, tool di sviluppo, gamification, virtualizzazione, contabilità, collaborazione, gestione delle relazioni con i clienti (CRM), sistemi informativi gestionali (MIS), pianificazione delle risorse aziendali (ERP), fatturazione, gestione delle risorse umane (HRM), acquisizione di talenti, sistemi di gestione dell'apprendimento, gestione dei contenuti (CM), sistemi informativi geografici (GIS) e gestione del service desk. Il SaaS è stato incorporato nella strategia di quasi tutte le principali società di software enterprise.

The SaaS Handbook – How to Build Your First Software-as-a-Service Product Step-By-Step

Su webgems.io si possono trovare le migliori risorse relative allo sviluppo web nei seguenti ambiti:

utility
server
ruby
python
php
javascript
HTML
general
full stack
frontend
design
CSS

Markdeep è uno dei tanti progetti di Morgan McGuire, un genio della grafica che ha lavorato per tutti i grandi player dell'industria, da IBM a Oculus, da Activision a Nvidia, da Unity a Mitsubishi.

La pagina dei suoi progetti è lunghissima e la qualità a livelli professionali e stupefacenti.

Con Markdeep si usa il linguaggio descrittivo stile markdown per realizzare qualsiasi elemento sulla pagina, passando da testo a immagini renderizzate direttamente via javascript. E' talmente semplice e intuitivo che non esiste quasi la necessità di imparare nulla, solo avere una guida di riferimento con gli esempi.

Online text to diagram tools

DOM (document object model) è il modello che descrive la struttura di una pagina web. Fa corrispondere ogni elemento di un documento HTML o XML al nodo di un albero. Occorre conoscerlo e tenerlo presente per implementare vari comportamenti dinamici via javascript.

Ma come fare esattamente ? Ce lo spiega questa pagina, ricca di esempi pratici esattamente come un javascript cookbook.

What is the HTML DOM?
Introduction to the DOM
wikipedia

JavaScript Array Methods Tutorial – The Most Useful Methods Explained with Examples

gitpod.io è un ambiente online con IDE che può essere lanciato da qualsiasi pagina di GitHub.

In pochi secondi, Gitpod fornisce un ambiente di sviluppo completamente funzionante, incluso un IDE VS Code-powered (Theia) e un contenitore Linux cloud-based configurato appositamente per il progetto in questione. E' la maniera più rapida in assoluto per provare un progetto il cui codice è su github, anche se occorre predisporlo.

tips & tricks
Frictionless Open-Source Contributions
rust in gitpod
php in gitpod

★ Learn GitPod

Full Stack Development with Svelte, Postgres, Vercel, and Gitpod

Online Github Work Environments - A Gitpod Review

Gitpod Basics Episode 2