Ho trovato una funzione per Javascript che ci consente di verificare la risoluzione dello schermo: window.matchMedia!

Dal nome già si può capire cosa fa.

In sostanza controlla se lo schermo combacia con la media query che si vuole controllare.

Quello che vogliamo fare è forzare il maiuscolo sulla prima lettera usando jQuery.

Abbiamo una input text, ed intercettiamo l'evento keyup.

Così, man mano che scriviamo, viene corretta la prima lettera.

In pratica voglio fare in modo che il testo di una pagina web non sia selezionabile con il mouse.

Possiamo farlo direttamente con CSS volendo, ed è quello che faremo.

Ovviamente, sarà sempre possibile prendere il testo dai sorgenti della pagina; ma almeno non sarà a portata di mano degli utenti meno scafati.

In pratica su alcune pagine ho la necessità di eseguire il collapse della navbar di Twitter Bootstrap quando si scrolla la pagina.

Quando un componente si espande, viene aggiunta la classe show, ed il componente viene visualizzato.

Quindi basta intercettare l'evento scroll e levare la classe CSS.

Ho aggiunto un nuovo strumento oggi, lo trovate qui (e nella sezione Toolset).

In pratica ci permette di convertire una immagine in base64.