CSS Registration Form

Di Patrick // 7, agosto 2008 // Pubblicato in CSS, HTML/HTML5, Risorse // Letto 1783 3 Commenti

In questo breve tutorial vediamo come stile e usabilità ad un semplice Form di Registrazione; utilizzeremo solamente regole CSS e codice XHTML corretto, ricordandoci alcuni TAG importanti come il TAB Index e Label. Il risultato che otterremo è visionabile nello screenshoot sottostante, mentre di seguito riporterò soltanto il codice XHTML al fine di mostrare come una volta renderizzato, il nostro Form sia snello, chiaro nell’interpretazione e facilmente implementabile. Alla fine dell’articolo troverete il link dal quale scaricare il Tutorial completo. A questo proposito riporto una risorsa molto utile, uscita in questi giorni dal nome Formy che di fatto si pone con un CSS Form Framework del tipo Plug and Play (scompatta, copia e pubblica) per ottenere Form usabili senza utilizzo di Table, DIV e altri TAGS. Vediamo l’immagine e proseguite nel Tutorial:

Continua a leggere »

Content Management System

Di Patrick // 28, luglio 2008 // Pubblicato in Risorse, Software // Letto 870 0 Commenti

Quante volte vi sarete chiesti quale sia il migliore CMS sulla piazza per gestire il vostro sito o magari quello del vostro Cliente? Allo stato attuale posso dirvi che la scelta è davvero ardua, soprattutto se prima di tutto dobbiamo fare una scelta economica e dunque valutare soluzioni Open Source o magari Commerciali. Oggi vedremo alcune soluzioni Free e non che interessano diversi linguaggi di programmazione e che ho personalmente provato e a volte utilizzato.

Prima di iniziare comunque vorrei suggerirvi di analizzare i prodotti presentati e di valutare la possibilità di costruirvi il proprio CMS in base alle vostre esigenze o quelle del vostro Target commerciale; noi dello studio Beat Fly nel corso di questi anni abbiamo realizzato da zero due CMS nei due linguaggi di programmazione più noti: il nostro SCPv3 in linguaggio ASP e il nuovo CHP in linguaggio PHP 5 al fine di colmare tutte le lacune di prodotti gratuiti, ma comunque scritti e strutturati da terze parti. Il focus del problema infatti è proprio l’avere un prodotto che rispecchi e che esegua quello di cui avete davvero bisogno, senza farvi perdere tempo inutile con funzioni che non utilizzerete mai. Dunque scegliere, anche se impegnativo di realizzare da soli la propria piattaforma non ha valore; sarete liberi e potrete ripagarvela quando e come vorrete. Comunque vediamo lo stesso alcune ottime soluzioni, dalla quali potrete prendere ispirazione sia come Layout/CSS sia come moduli dinamici e servizi

Continua a leggere »

280 Slides. Creare e condividere slide

Di Patrick // 23, luglio 2008 // Pubblicato in Apple, Risorse, Software // Letto 1059 0 Commenti

Sapete cosa adoro del Web? La possibilità che ogni giorno possa nascere un’idea, una risorsa, un prodotto magari open source che possa aiutarmi nel lavoro o semplicemente farmi dire: questo mi mancava; sto parlando di 280 slide, questo sito in stile Apple Keynote con il quale possiamo creare online le nostre slide, scaricarle in formato Power Point, condividerle nel Web, inviarle per Mail o consultarle nel nostro MAC/PC. La cosa che vorrei far notare è che il tutto è gratuito, intuitivo come ogni software Apple e sempre disponibile online anche senza il vostro Laptop. Con questa segnalazione ho voluto elargire una delle più belle, veloci e pratiche risorse a mio parere degli ultimi tempi, capace assieme ai vari tools di Google di farci sopravvivere anche senza la notra postazione personale. Consulta 280 slide.

DIV con altezza definita

Di Patrick // 21, luglio 2008 // Pubblicato in CSS, Risorse // Letto 1087 0 Commenti

Questo breve CSS snippet integra in sole tre dichiarazioni le regole fondamentali per definire un’altezza minima di un DIV; spesso ci troviamo a dover inserire alcuni Box con del contenuto testuale e vorremmo che avessero la stessa altezza, ma come sappiamo non stiamo parlando di Tabelle. Dunque dichiarando una altezza minima, una regola !important e una altezza in pixel possiamo ottenere questo risultato in ogni Browser; inoltre nel caso in cui il nostro DIV contenesse del testo maggiore della altezza definita, si allungherebbe di conseguenza in automatico. Lascio parlare il codice per esemplificare il tutto:

.myExample{
     min-height:100px;
     height:auto !important;
     height:100px;
}
Go Up
  Owner Patrizio Quatrini aka Beat Fly ™
Beat Fly Blog | tutorial photoshop jquery css php © - All rights reserved- Ideas 4 your mind is a Trade Mark ™