:::: MENU ::::
Browsing posts in: Development

Il Canvas in HTML5

HTML5_Logo_512Una delle caratteristiche salienti dell’HTML5 è sicuramente il nuovo elemento Canvas. Del tutto simile a qualsiasi altro tag HTML ma con l’unica eccezione che il suo contenuto viene renderizzato tramite Javascript. Canvas è quindi una “tela” digitale utilizzata per disegnare in maniera digitale. Avendo delle basi di Javascript, è possibile “disegnare” all’interno del canvas. Il funzionamento è abbastanza semplice: si definisce un <canvas> all’interno del body della pagina, vi si accede tramite Javascript, si crea un contesto e si inizia a disegnare. Fin qui, è tutto molto semplice.

Quando si utilizza un canvas, è importante capire la differenza tra l’elemento canvas e il contesto canvas (context), poichè tle differenza potrebbe portare confusione. L’elemento canvas è il tag HTML, il nodo DOM, che viene scritto all’interno di una pagina HTML. Il contesto è un oggetto con delle proprietà e metodi che puoi utilizzare per disegnare forme all’interno dell’elemento canvas. Il contesto può essere 2D o 3D. Ogni canvas contiene un solo context. Se ustiamo il metodo getContext() più volte, ritornerà come riferimento l ostesso oggetto context. Continue Reading


SASS: Syntactically Awesome Style Sheets

Scrivere un foglio CSS di per sé può essere divertente, ma i siti si fanno sempre più grandi e complessi e di conseguenza i fogli di stile sempre più difficili da mantenere. Si ci comincia a chiedersi se c’è un modo per non ripetere un sacco di codice CSS nel foglio di stile. La buona notizia è che la soluzione esiste e si chiama pre-processore. Utilizzare metodi di pre-elaborazione fa risparmiare un sacco di tempo e fatica, perchè:

  • Consente di utilizzare variabili che possono essere riutilizzate nel foglio di stile
  • Linguaggio e sintassi di alto livello che offre numerose funzionalità avanzate
  • I file CSS vengono compilati e caricati sul server Web di produzione

Ci sono due metodi di pre-elaborazione: SASS e LESS. In questo articolo vedremo tuttavia il metodo SASS, Syntactically Awesome Style Sheets. Continue Reading


Ottimizzare lo scrolling web è possibile?

Lo scrolling di una pagina web non sembra essere qualcosa legato alle performance. In effetti, quando i contenuti di una pagina web sono stati caricati, perchè dovremmo mai preoccuparci di quello che accade quando avviene lo scroll della pagina? La ragione è semplice: quando si “scrolla” la pagina, il browser deve ridisegnare per intero la pagina nel monitor. Questo significa un dispendio di risorse in termini di calcolo che potremmo minimizzare riducendo il lavoro del browser nel ridisegnare la pagina e di conseguenza massimizzare la performance della pagina. Continue Reading


@font-face: font personalizzati nel proprio sito web

@font-face è un’interessate caratteristica delle specifiche CSS3 che permette di caricare e di usare all’interno delle pagine web qualsiasi font non standard in maniera dinamica e scalabile. La proprietà @font-face è una delle regole appartenenti alle @-rules (@charset, @import, @media, @page, @font-face, @namespace) del CSS.

Alcuni benefici nell’uso di @font-face sono:

  • piena compatibilità con gli strumenti di ricerca
  • accessibilità e compatibilità con gli strumenti di screen readers
  • il testo viene riconosciuto dai traduttori automatici (es. google traslate)
  • pieno supporto per le proprietà CSS relative al testo: line-height, letter-spacing, text-shadow, text-align, e i selettori quali ::first-letter e ::first-line

Continue Reading


Cropping, clipping e Masking in CSS

In computer graphics, due operazione largamente utilizzate sono il crop e il mask. Entrambe le operazioni nascondono delle porzioni di immagini e se avete lavorato con SVG o con il Canvas HTML allora la terminologia non dovrebbe essere una novità. Il clipping definisce l’area visibile di un elemento: tutto ciò che sta intorno a quest’area non viene renderizzato e quindi “ritagliato”. La maschera invece, che viene applicata all’immagine, definisce attraverso il canale alfa la porzione di immagine da rendere “trasparente” e quindi non visibile. La trasparenza ovviamente può variare a seconda della quantità di colore della maschera.

Una novità nel CSS è proprio quella di applicare queste due operazioni al mondo HTML. Continue Reading


PHP vs Ruby vs Python. Quale linguaggio di programmazione scegliere?

Esistono molti linguaggi di programmazione e ognuno funziona per fare dei compiti specifici e unici. Ogni linguaggio ha un unico insieme di parole chiave e una speciale sintassi per organizzare i comandi. In questo articolo daremo un’occhiata a tre linguaggi molto popolari: PHP, Ruby, Python. Vedremo come funzionano, quali sono le differenze e dove vengono principalmente utilizzati. Continue Reading


La libreria GD in PHP

GD è una libreria grafica che viene fornito in bundle con PHP, a partire dalla versione 4.3.0. GD è un progetto open source, sotto la guida di Thomas Boutell. Maggiori informazioni si possono trovare sul sito libgd.org che contiene immagini e documentazione su l’ultima versione (2.1.00 alla data di questo articolo).

GD consente ai programmatori PHP di generare immagini dinamiche in formato JPEG e PNG, è scritta in C ed è disponibile per i sistemi Unix, Windows e derivati. Anche se la libreria viene comunemente usata con PHP, le implementazioni sono disponibili anche per altri linguaggi di programmazione, ad esempio il Perl. Continue Reading


Captology, ovvero la tecnologia persuasiva

brainwash-logo-big1

Può uno dispositivo tecnologico, come il computer o lo smartphone, farci cambiare modo di pensare o il nostro modo di comportamento? Può indurci a prendere delle importanti decisioni nella nostra vita? A quanto pare, la risposta è si.

Della propaganda e della persuasione, occulta o meno, si è parlato molto. Ma si è parlato meno di come l’interazione tra persone e macchine possa tradursi in una forma di persuasione.  Continue Reading


Regex: Espressioni regolari in PHP, parte 3

Negli articoli precedenti abbiamo visto come utilizzare le espressioni regolari (regex) per trovare, identificare o sostituire il testo, le parole o qualsiasi tipo di caratteri. In questo articolo, ho segnalato alcune espressioni regolari estremamente utili che ogni sviluppatore dovrebbe avere nel suo toolkit.

Per molti principianti, le espressioni regolari possono sembrare difficile da imparare e da usare. In realtà, sono molto meno difficili di quanto si pensi. Continue Reading


Regex: Espressioni regolari in PHP, parte 2

Nel precedente articolo abbiamo iniziato a parlare di espressioni regolari. In questo approfondiremo il discorso sotto l’aspetto più tecnico. Il linguaggio PHP ha al suo interno due diversi parser per lavorare con le espressioni regolari. Uno chiamato POSIX e l’altro PCRE, di cui parleremo. Le funzioni con il prefisso ereg_ riguardano il motore POSIX (che dalla versione 5.3 il POSIX è deprecato), mentre le funzioni con il prefisso preg_ riguardano il motore PCRE. Potete leggere la lista delle funzioni nella documentazione ufficiale PHP. Continue Reading


Pagine:1234

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close