CSS3: la proprietà border-radius

La proprietà border-radius delle specifiche CSS3 ci consente di gestire direttamente lo smussamento degli angoli del box. Niente più JavaScript né immagini per gli angoli! Questo articolo prevede una pregressa conoscenza dei fogli di stile. Se siamo completamente a digiuno potremmo non comprendere tutto fino in fondo. La proprietà border-radius …

Failed to decode downloaded font

La console dice: “Failed to decode downloaded font” e il nostro font non viene caricato. Perché? Il seguente è un codice CSS minimale che ci consente di utilizzare nella nostra pagina web un font scaricato in locale. Bene. Purtroppo però, sebbene il codice sembra essere corretto, nella console troviamo scritto: …

HTML5, CSS3, JavaScript, Ajax e jQuery

Un PDF e un e-book per i principianti che si avvicinano al mondo della programmazione lato client! Programmare per il web significa scrivere almeno due applicazioni: una chiamata client e una chiamata server le quali, comunicando tra loro, producono un’applicazione web. Bisogna quindi imparare a programmare sia un’applicazione client sia …

Resource interpreted as Font but transferred with MIME type application/octet-stream

Se nel nostro foglio di stile usiamo @font-face e quindi carichiamo true font nel nostro sito, può capitare che, pur funzionando, ci venga fuori un warning simile al seguente: Resource interpreted as Font but transferred with MIME type application/octet-stream Come risolvere? Andiamo nel file .htacces, nella root del nostro sito, …

Ebook: Programmare per il web, lato client (html, css, javascript, jquery, ajax)

Alla fine la parentesi è stata chiusa! Qui di seguito distribuisco in modo del tutto gratuito e secondo i dettami della licenza creative commons 3.0 italia, un ebook in formato PDF dedicato ai neofiti che tratta la programmazione web lato client, ossia come produrre codice per il browser che sia …

CSS3: border-image

Fino ad oggi non sarebbe stato possibile usare solo codice css per ottenere quanto mostrato nella seguente figura. Per sopperire a questa mancanza, il w3c ha introdotto la proprietà border-image. Attraverso border-image è possibile assegnare delle immagini ai quattro bordi di un elemento (ricordiamo che i bordi sono inizialmente nascosti. …