Category Archives: Linguaggi

Scrivere codice tramite smartphone: Touchcode

Pubblicato da

Disponibile per adesso solo per Android, Touchcode è un’applicazione per smartphone (o tablet) che permette di scrivere e modificare codice.
E’ supportata l’evidenziazione della sintassi, l’autocompletamento del codice per C++, C#, Python, Ruby, HTML, JavaScript, PHP e XML. Inoltre sono presenti la sempre utile ricerca incrementale, la sincronizzazione dei file (tramite Dropbox) e la funzionalità FTP.

Perchè usare un code editor su uno smartphone o su un tablet? Un po’ perchè l’ispirazione ad un informatico può arrivare ovunque e in qualsiasi momento e un po’ perchè certi progetti di tipo collaborativo potrebbero avere bisogno di interventi urgenti.
La versione Pro di Touchcode prevede il supporto alla piattaforma di social-coding GitHub

Link: Touchcode

Firefogg: transcodifica video, tutto con Firefox

Pubblicato da

Firefogg: transcodifica video, tutto con Firefox

Firefogg: transcodifica video, tutto con Firefox

HTML5 è il futuro (ma anche un bel presente) del web. I formati contenitori video utilizzati sono tre: WebM, Ogg Theora e MP4.
Se vogliamo utilizzare HTML5 per proporre un video e se vogliamo essere sicuri che un video sia visto con tutti i browser più diffusi, dobbiamo utilizzare almeno un paio di formati.
Ad esempio se vogliamo che un video sia fruibile in Internet Explorer, Chrome e Firefox dobbiamo transcodificare un video sia in formato Ogg che MP4 (si veda uno schema abbastanza aggiornato dei formati supportati qui).
Per i formati royalty free (Ogg e WebM) possiamo utilizzare un’estensione di Firefox chiamata Firefogg.
Premesso che la velocità di transcodifica dipende dalla potenza della macchina su cui si esegue l’operazione, Firefogg permette di convertire direttamente nell’interfaccia usuale di Firefox. Oltre alla scelta del formato, possiamo scegliere tra diversi settaggi di risoluzione (con l’indicazione della banda necessaria) oltre a poter inserire ogni sorta di metadata.
Insomma un tool pratico ed efficace disponibile direttamente all’interno di Firefox.

Link: Firefogg

Pears: il tema per WordPress che ti insegna l’ HTML e il CSS

Pubblicato da

Pears: il tema per WordPress che ti insegna l' HTML e il CSS

Pears: il tema per WordPress che ti insegna l' HTML e il CSS

WordPress è la piattaforma per blog più utilizzata al mondo. Ci sono migliaia e migliaia di template gratuiti in giro per il web per personalizzarlo e renderlo più vicino ai nostri gusti.
Ma come sono fatti questi template? E’ veramente così complesso barcamenarsi tra HTML e CSS?
Se a qualcuno è venuta mai la voglia di imparare e magari crearsi da solo il proprio template, Pears è il template ideale per imparare.

Non solo questo template fornisce un codice di base ma anche un’interfaccia pratica e divertente per modificare e testare al volo le modifiche.
Con un po’ di pazienza e voglia di sperimentare, in poco tempo si potrà padroneggiare il codice per creare un template su misura.
Veramente geniale.

Link: Pears

Centratissimo: un layout originale che sta sempre al posto suo.. al centro

Pubblicato da

Centratissimo: un layout originale che sta sempre al posto suo.. al centro

Centratissimo: un layout originale che sta sempre al posto suo.. al centro

Centratissimo è

un template web con scrolling fluido tra le pagine e capacità di adattare le proprie dimensioni in funzione di quelle della finestra in modo da risultare sempre perfettamente centrato.
Centratissimo è stato testato e funziona bene a partire da Firefox 3.x, IE8, Safari 4.x, Opera 10.x., Chrome 11.x

Per fare questo basta jQuery, un paio di suoi plugin e tanta pazienza.
Il risultato è un originale layout adattissimo per pagine di presentazione, mini-siti e compatibile con tutti i browser moderni.
Da tenere d’occhio.

Link: Centratissimo

PHP: gestione upload grandi file

Pubblicato da

PHP: gestione upload grandi file

PHP: gestione upload grandi file

La gestione dell’upload dei file con PHP può diventare un problema quando i file eccedono una certa grandezza.
Se c’è la necessità di inviare file di grandi dimensioni dobbiamo intervenire su alcuni parametri PHP che, di base, hanno impostazioni più prudenziali.
Il file di configurazione php.ini è il perno centrale per modificare queste impostazioni.

Prima di tutto bisogna permettere l’upload via HTTP quindi settiamo

file_uploads = On (oppure 1 oppure true)

Poi c’è la dimensione massima del file

upload_max_filesize = 20M

a cui associare la dimensione massima di TUTTI i contenuti uploadati, normalmente questo valore deve essere almeno del 40% superiore al valore precedente

post_max_size = 40M

Altro elemento importante da considerare è il tempo massimo in cui viene inviato il file.
Quindi si deve intervenire sul tempo massimo, espresso in secondi, di esecuzione dello script PHP

max_execution_time = 30

La gestione di questi processi implica il consumo di molta memoria. per cui è meglio intervenire anche su questo parametro.

memory_limit = 128M

Link: PHP

PyroCMS: il CMS costruito su base CodeIgniter

Pubblicato da

PyroCMS: il CMS costruito su base CodeIgniter

PyroCMS: il CMS costruito su base CodeIgniter

Ci sono decine e decine di CMS in giro. Ci sono quelli per chi vuole solo usarli senza alcun problema di installazione e configurazione e poi ci sono quelli che apparantemente sono altrettanto user friendly ma che stimolano la fantasia dello sviluppatore.
Rientra in quest’ultima cerchia PyroCMS sviluppato sul noto framework PHP CodeIgniter.
Che significa? Avere subito un prodotto moderno, efficiente e maturo per un immediato utilizzo ma anche un’ottima base per pensare “in grande”.
Ancora non ho provato PyroCMS ma il fatto che sia basato su CodeIgniter mi piace molto perchè ne amplia le possibilità e le prospettive.
Tra l’altro l’azienda che ha rilasciato PyroCMS è proprio uno dei maggiori supporter di CodeIgniter, quindi è assicurato il costante aggiornamento ai nuovi rilasci del framework.

Del CMS ci sono due edizioni: Community e Professional.
Entrambe godranno sempre degli aggiornamenti ma la prima, gratuita, non ha la possibilità, ad esempio, della gestione multi-sito e dei temi di amministrazione.
Lo userò sicuramente per qualche progetto e proporrò una recensione più ampia.

Link: PyroCMS

HTML KickStart: HTML5, jQuery e tutto quello che serve per produrre pagine web moderne

Pubblicato da

HTML KickStart: HTML5, jQuery e tutto quello che serve per produrre pagine web moderne

HTML KickStart: HTML5, jQuery e tutto quello che serve per produrre pagine web moderne

HTML KickStart è un ottimo pacchetto per iniziare a sviluppare pagine web secondo i più moderni dettami.
Al suo interno abbiamo tutto quello che occorre per scrivere codice sfruttando HTML5 , jQuery, CSS3, Tabs e altro senza dover utilizzare decine di righe di codice. O cercando risorse in giro per il web.
Niente vieta di aggiungere questo pacchetto al nostro progetto per riscriverlo pulendone il codice.
Sul sito ci sono chiari esempi su come sfruttare le potenzialità di HTML KickStart e non dobbiamo preoccuparci per la sua compatibilità perchè è perfettamente utilizzabile su tutti i browser più moderni.

Link: HTML KickStart

deCSS3: simulare i browser che non supportano CSS3

Pubblicato da

deCSS3: simulare i browser che non supportano CSS3

deCSS3: simulare i browser che non supportano CSS3

CSS3 ha aperto un mondo di possibilità agli sviluppatori del web.
Questi però si devono scontrare con un nocciolo duro di navigatori del web che ancora usano browser che non supportano i fogli di stile di nuova generazione.
deCSS3 è un bookmarklet che si aggiunge ai browser moderni per simulare il comportamento (ad esempio) di Internet Explorer dalla versione 6 alla 8.
Attualmente deCSS3 funziona solo con Safari e Chrome ma presto il supporto dovrebbe essere esteso anche a Opera e Firefox.
Gli sviluppatori sono alla ricerca di collaborazioni.

Link: deCSS3

Un PDF reader in Javascript

Pubblicato da

Un PDF reader in Javascript

Un PDF reader in Javascript

PDF.js è un esperimento in HTML5 per creare un lettore PDF senza l’ausilio di codice nativo.
Lo scopo di questo esperimento è quello di creare una piattaforma conforme agli standard web per la visualizzazione e l’utilizzo dei PDF.
Dopo le batoste per Flash (che prima o poi verrà soppiantato in toto da HTML5) anche il mitico PDF sembra stia per essere levato dal monopolio di Adobe.

Link: https://github.com/mozilla/pdf.js
Demo: http://mozilla.github.com/pdf.js/web/viewer.html

PHP: adattare le immagini alla risoluzione dello schermo

Pubblicato da

PHP: adattare le immagini alla risoluzione dello schermo

PHP: adattare le immagini alla risoluzione dello schermo

Uno dei crucci di chi sviluppa per il web è quello di rendere la propria applicazione fruibile per la maggior parte dei dispositivi.
Questo significa o creare più versioni di una stessa applicazione o creare un unico layout che sia fluido e adattabile alle varie situazioni.
Ma le immagini?

Una tecnica per adattare le immagini alla risoluzione dello schermo è quella del sistema chiamato Adaptive Images che sfrutta Javascript e le librerie grafiche di PHP.
Il metodo è semplice

  • il javascript rileva la dimensione dello schermo e crea un cookie che ne immagazzina il valore
  • il file .htaccess intercetta ogni richiesta per file grafico .jpg, .gif o .png
  • questa richiesta viene inviata al file PHP che controlla se esiste una versione già “cachizzata” del file nella dimensione adatta
  • se non esiste nella cache, il file viene generato e inviato in output

Il sistema Adaptive Images richiede

  • Apache 2
  • PHP 5.x
  • GD lib

Link: Adaptive Images