1
FEB
History API: cambia l’url senza ricaricare la pagina
Essendo un web developer non riesco a godermi i siti così come fanno tutti gli altri mortali. Mi pongo sempre delle domande:
- “Come funziona questo?”;
- “Come posso fare per ottenere le stesse cose?”;
- “Come posso migliorare queste funzioni?”.
Spesso ne passa di acqua sotto i ponti prima che trovi una risposta. Proprio in queste settimane ho finalmente scovato una soluzione a questa domanda: “Come fa Facebook a cambiare l’URL senza ricaricare l’intera pagina?“.
Se ci fate caso, quando scorrete le foto di un’album o cambiate pagina all’interno di un profilo, noterete che la pagina non viene ricaricata, eppure l’URL si modifica. Tutti sanno che ajax ci viene in contro per cambiare il contenuto di una pagina, ma quanti sanno come cambiare l’URL?
12
GEN
Codecademy, e impari a programmare
Credo che converrete con me nel pensare al “principio” come la parte più dura della nostra vita da programmatori.
Iniziare a programmare è molto difficile, insomma…
Non mi riferisco a quando si decide di imparare un nuovo linguaggio, ma proprio a quando ci si affaccia per la prima volta su questo affascinante mondo.
La difficoltà principale sta nel comprendere i meccanismi che stanno alla base del “linguaggio macchina”.
Da questa fase non ne escono solo i migliori, ma già si può notare una bella scrematura dei candidati programmatori.
Molti abbandonano perché proprio non riescono a capire i concetti più semplici ma fondamentali. Le guide che si trovano in giro, solitamente, sono un po’ troppo tecniche per i “nuovi arrivati”.
23
NOV
MotionCAPTCHA, l’antispam geometrico
Lo spam è forse la cosa più fastidiosa presente su internet. Bot che navigano 24 ore su 24 alla ricerca di possibili siti da riempire di spazzatura pubblicitaria. Blog, piattaforme, sistemi wiki: nessuno è al sicuro.
Fortunatamente l’uomo ha trovato rimedio (o quasi) a questo problema inventando i CAPTCHA.
I CAPTCHA più diffusi sono costituiti da caratteri quasi illeggibili che dovrebbero in teoria non essere compresi dai bot. Questo è il funzionamento: semplice ma – a quanto pare – efficace.
E se invece di usare i soliti CAPTCHA utilizzassimo qualcosa di molto meno convenzionale e sicuramente più divertente? Sto infatti per presentarvi uno plugin jQuery che vi consentirà di riconoscere gli esseri umani dai bot grazie a dei disegni tanto elementari quanto divertenti.
16
NOV
Trasformare una data in tempo Unix in PHP
Avere a che fare con le date è una delle situazioni più comuni quando si realizza un’applicazione. C’è spesso la necessità di capire in che ordine due eventi sono avvenuti l’uno rispetto all’altro.
Questo è un esempio elementare, ma si possono trovare situazioni molto più complesse come ad esempio quelle riscontrabili durante la realizzazione di un’agenda.
Salvare in un database una data in formato “umano” non è una buona mossa.
Diventerà difficile ordinare le tabelle utilizzando una colonna costituita da date (es.: ’22/07/1990′). Come possiamo cavarcela in maniera elegante ed efficiente? Semplice: utilizzando il tempo Unix (i secondi trascorsi dal 1° gennaio 1970).
Vedremo di creare 2 funzioni capaci di trasformare una data in tempo Unix e di riconvertire quest’ultimo in tempo umano.
La funzione DaiTempoUnix
31
OTT
Come creare linee diagonali con il CSS
A causa di una connessione non sempre velocissima, i webdesigner sono costretti spesso a trovare dei metodi alternativi per ridurre il tempo di download del sito. La fetta più grande dei tempi di caricamento, solitamente, è occupata dalle immagini.
Ci sono immagini ad alta risoluzione come le foto (e in quei casi più che comprimere non si può fare niente) ed immagini che appartengono alla categoria delle componenti grafiche del sito come ad esempio: pulsanti, icone, ecc…
In questo post vedremo come creare degli elementi diagonali in puro codice CSS, senza l’uso di alcuna immagine. Il risultato finale sarà il seguente:
Per crearlo useremo un “accrocco” con i bordi. Se ci riflettete tra un bordo inferiore ed un bordo laterale si crea una linea di separazione che guarda caso è diagonale! Ecco un esempio di due bordi colorati in modo diverso per rendere visibile quanto appena descritto.
21
SET
jQuery e gli elementi creati dinamicanente
Immaginate di creare un’applicazione che memorizza dei numeri di telefono. Non sappiamo quanti numeri l’utente abbia intenzione di salvare, ma deve essere accontentato in ogni sua necessità. Sia che abbia bisogno di registrare un solo numero sia che necessiti di memorizzarne un migliaio.
L’applicazione, se è fatta come si deve, permetterà all’utente di eseguire questa funzione restando nella stessa pagina, senza che mai questa venga ricaricata. Il modo migliore per creare un’applicazione simile è utilizzare jQuery. Grazie a questa libreria possiamo creare un form dinamico senza limiti.
Quando l’utente vuole inserire un nuovo numero gli basterà cliccare un tasto ed ecco fatto, il campo input è servito. Ma prevediamo anche un’altra possibilità: l’utente deve poter eliminare un campo appena creato. Sembra semplice, in fondo basta giocare con le parentele dei div e di un tastino elimina, ma non è tutto oro quel che luccica.
22
GIU
3 estensioni di Chrome per i Web Designer
La vita di un web designer è piena di soddisfazioni causate dall’essere riusciti a superare problemi di programmazione, oppure nell’aver trovato soluzioni semplici a necessità complesse (dopotutto sono questi i fattori che separano quelli che ci sanno fare con frontpage e gli dei della programmazione).
Possiamo essere bravi quanto vogliamo, ma un aiuto “meccanico” fa sempre comodo. Preferireste usare il notepad oppure programmi creati appositamente per la programmazione come NetBeans o simili? Non c’è dubbio, una mano dai software è sempre ben accetta.
Sulla falsa riga di questo concetto si fonda il post di oggi: Vedremo quali sono le estensioni per Chrome che ci possono aiutare nel nostro lavoro di web designer.
Il Righello
14
GIU
CodesPHP, per trovare e condividere snippets
Programmare è un po’ come costruire una casa: c’è da creare un progetto, costruire le fondamenta, tirare su i muri, ecc… Quando si costruisce un nuovo edificio, non si creano mica da zero le finestre, le porte, le mattonelle e le prese sui muri? No, queste cose esistono già, fatte da società specializzate.
Ma con questo cosa sto tentando di dire? Semplice: se qualcosa esiste già, perché crearlo da zero?
Ovviamente questa filosofia è applicabile alle minuzie, e non all’intero palazzo (sito).
Quali sono i principali vantaggi che ci sono nell’usare gli snippets? Per chi non lo sapesse uno snippet è un “piccolo script“, poche righe di codice atte all’esecuzione di una sola funzione.
30
MAG
Un video come sfondo del desktop con Windows 7
Su Windows Vista era consentito utilizzare un video come sfondo del proprio desktop; questa funzione purtroppo non è più disponibile su Windows 7. Nel caso desideriate comunque riattivarla su Seven, vi basta seguire le indicazioni contenute in questo minitutorial.
Una premessa innanzitutto: l’impostazione di un video come sfondo del desktop comporta il consumo di una certa quantità di RAM, quindi è consigliabile avere un computer moderno e con molta memoria.
Dopo questa doverosa premessa, il primo passo è quello di scaricare un apposito software denominato DreamSceneSeven.
Il programma di installazione va eseguito con i privilegi di amministratore (cliccate con il tasto destro sul file e quindi su “Esegui come amministratore”).
23
MAG
SMS gratis dalla rete!
Sul web sono molti i siti che consentono di inviare SMS gratis da internet, ma molti richiedono una registrazione per poter utilizzare il servizio. Girovagando per la rete, abbiamo trovato il sito che fa al caso nostro:
- Nessuna registrazione.
- Invio rapido, inserendo solo il numero del destinatario.
- Invio in quasi tutti i paesi del mondo.
- Unico limite: max 24 SMS al giorno, 1 per ogni ora.
Il sito in questione è www.sms-world.com, che consente l’invio a qualunque operatore in quasi tutti i paesi del globo terrestre. Ecco la procedura per l’invio degli SMS.
Andiamo nella Home del sito in questione, e dobbiamo indicare per prima cosa il paese dove si trova la persona a cui vogliamo inviare il nostro SMS, e, dopo aver effettuato la nostra scelta, clicchiamo su OK.