Archivio

Posts Tagged ‘Sviluppo Web’

Joomla estendere la registrazione utente

22 giugno 2010

Recentemente ho avuto necessità di aggiungere alcuni campi nella gestione utenti di Joomla e di poterli gestire in fase di registrazione/modifica utente.

Dopo avere fatto una veloce ricerca fra le estensioni disponibili in rete non ho trovato niente che potesse fare al mio caso, quindi ho deciso di percorrere una strada non molto ortodossa, ovvero modificare direttamente i componenti core di Joomla. Questo metodo non è molto consigliato perché in caso di aggiornamento verrebbero perse le modifiche fatte. Come vedremo però le modifiche eseguite sono veramente poche e rimangono gestibili.

L’esempio trattato è quello di aggiungere il campo telephone ai dati utente, i passi sono essenzialmente quattro:

  • Modificare del database alla tabella jos_users aggiungendo il campo telephone
  • Modificare le core libraries per fare gestire il campo appena aggiunto
  • Gestione del campo nel front-end
  • Gestione del campo nel back-end

Prosegui la lettura…

Ad 1 persona piace questo post.

Informatica , , , ,

Convertire font ttf in eot per utilizzarli con il CSS font-face su Internet Explorer

6 marzo 2010

La direttiva CSS font-face sotto internet explorer funziona soltanto se i font da scaricare sono di tipo eot (embedded open type). E’ possibile convertire un font true ttf in eot per mezzo dell’utility ttf2eot che possiamo trovare a su http://code.google.com/p/ttf2eot/

Una volta scaricato e decompresso il pacchetto tgz dei sorgenti è possibile compilare l’utility con un semplice make non prima di avere installato il pacchetto build-essential sulla nostra Ubuntu.

Compilato ttf2eot è possibile utilizzarlo nel seguente modo

ttf2eot < font.ttf > font.eot

E’ possibile trovare anche un’esempio di codice html/css per l’utilizzo di font-face direttamente su http://code.google.com/p/ttf2eot/wiki/Demo

Informatica , , , , , , , , ,

Commenti condizionali per Internet Explorer

5 marzo 2010

Un piccolo appunto per ricordarmi le varie tipologie di commenti condizionali supportati da Internet Explorer per potere discriminare il codice html di una pagina a seconda della versione del browser:

<!--[if IE]>....<![endif]-->: verifica se il browser è Internet Explorer, indipendentemente dalla versione.
 
<!--[if IE 5]>....<![endif]-->: verifica se il browser è Internet Explorer solo versione 5;
 
<!--[if gt IE 5]>....<![endif]-->: verifica se il browser è Internet Explorer, versione superiore alla 5;
 
<!--[if gte IE 5]>....<![endif]-->: verifica se il browser è Internet Explorer versione 5 o superiore;
 
<!--[if lt IE 6]>....<![endif]-->: verifica se il browser è Internet Explorer versione inferiore alla 6;
 
<!--[if lte IE 6]>....<![endif]-->: verifica se il browser è Internet Explorer versione 6 o inferiore;
 
<!--[if !IE 5.5]>....<![endif]-->: verifica se il browser è Internet Explorer versione diversa dalla 5.5.

Informatica , ,

Installare Internet Explorer 8, 7 e 6 sullo stesso pc

4 marzo 2010

Sviluppando un sito web risulta utile testarlo sulle diverse versioni di browser tra cui anche quelle di Internet Explorer.
Di seguito riporto due utili link che indicano come installarle contemporaneamente sullo stesso pc.

Informatica , ,

Come centrare un div fixed sia in orizzontale che verticale

3 dicembre 2009

Con il seguente codice html / css è possibile centrare un div con attributo position impostato su fixed sia in orizzontale che vericale:

Prosegui la lettura…

Informatica , , ,

Css: div 100% in altezza

6 agosto 2009

Ecco un modo per avere un div che si estende per il 100% in altezza:

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
		<style type="text/css">
			html,body {
				height:100%;
				margin:0;
			}
 
			div.toptobottom {
				height: auto;
				min-height: 100%;
 
				margin-left: auto;
				margin-right: auto;
				width: 350px;
				background-color: #c080ff;
				color: white;
				text-align: center;
			}
 
		</style>
	</head>
 
	<body>
		<div class="toptobottom">
			Questo &egrave; il div che si estende per il 100% in altezza
		</div>
	</body>
 
</html>

Vedi l’esempio toptobottom.html.

Informatica , ,

Rendere trasparente lo sfono di un’immagine con gimp

5 agosto 2009
  • Selezionare lo sfondo da rendere trasparente con lo Strumento selezione fuzzy
  • Cliccare con il tasto destro del mouse sulla parte selezionata e scegliere Colori / Colore ad Alfa
  • Scegliere il colore da rendere trasparente dalla tavolozza e premere ok

Per funzionare l’immagine deve essere in formato RGB se così non fosse impostartlo da Immagine / Modalità / RGB.

Informatica , , , ,

9 Risorse Gratuite per Diventare Web Developer

30 luglio 2009

Fino a qualche anno fa il mondo dello sviluppo software era orientato verso le applicazioni stand-alone installabili sui PC. Oggi l’orizzonte è radicalmente cambiato. Al centro c’è la Rete, e tutte le applicazioni si orientano verso di essa. Le applicazioni tradizionali hanno lasciato il passo alle web-application, veri e propri programmi online.

Ecco una serie di risorse gratuito che permettono di sviluppare un’applicazione web dall’inizio alla fine. C’è tutto quello che serve, dai tutorials, all’editor, passando per i server e le librerie per semplificare il lavoro di sviluppo.

1. Tutorials, HTML, CSS, XML, Javascript, Ajax, SQL
Tutorials per tutti (o quasi) i linguaggi coinvolti nello sviluppo di applicazioni web: HTML, CSS, XML, Javascript, Ajax, SQL e molto altro.
http://www.w3schools.com/

2. Kohana Framework Php
Invece di scrivere un’applicazione è meglio utilizzare un framework, ovvero una piattaforma, una “cornice” che faccia da guida allo sviluppo dell’applicazione. Il framework Kohana contiene tantissime classi, librerie, helpers già pronti e fornisce anche un modello (MVC) per organizzare al meglio il lavoro e separare i dati dalla rappresentazione.
http://kohanaphp.com/

3. jQuery Libreria Javascript
Un’applicazione web moderna non può fare a meno di interazione lato client con Javascript e Ajax. Uno dei problemi di questi linguaggi è la compatibilità tra diversi browser, vero incubo dei programmatori. jQuery è una libreria Javascript multibrowser che risolve questo problema. Semplifica enormemente l’interazione con la pagina html e permette di ottenere spettacolari effetti grafici con poche istruzioni.
http://jquery.com/

4. Gliffy Diagrammi Online
Durante la progettazione del software nasce la necessità di dare un aspetto grafico alla struttura logica del programma, sia per schiarirsi le idee, sia per condividerle. Per la creazione di diagrammi di flusso, ma anche diagrammi di topologia di rete, si può usare Gliffy, tool online potentissimo. I grafici possono essere memorizzati ed esportati in diversi formati.
http://www.gliffy.com/

5. XAMPP: Apache, MySql, Php in un solo pacchetto
XAMPP è la soluzione più semplice per installare con pochi click una vera piattaforma di sviluppo open-source, con Apache, MySql, Php e tanto altro.
XAMPP

6. Xp-Dev Spazio Online per Storage e Versionamento
Se il software viene creato in team si rende necessario uno spazio comune dove memorizzare i sorgenti ed accedervi tramite Subversion. Ma anche se lo sviluppo è individuale è necessario uno spazio dove memorizzare e versionare i codici. Xp-Dev fornisce sia lo spazio per un repository Subversion, sia strumenti per la gestione del progetto, come blog e bug/time tracker.
Xp-Dev

7. PsPad Editor
Ok, ora abbiamo tutto e possiamo iniziare a scrivere i nostri software. Manca solo una cosa: l’editor. PsPad è un editor gratuito, multilinguaggio (naturalmente Php incluso), con evidenziatore di sintassi. Supporta i progetti, è corredato di una serie di tools utilissimi (calcolatore di firma digitale, tabella ASCII, selettore di colori…)
http://www.pspad.com/it/

Qui c’è tutto quello che vi serve per iniziare a sviluppare applicazioni per il web. Mancano le cose più importanti: creatività, passione, determinazione che naturalmente ci dovete mettere voi.

Buon divertimento!

Segnala presso:
Aggiungi '9 Risorse Gratuite per Diventare Web Developer' a SegnaloAggiungi '9 Risorse Gratuite per Diventare Web Developer' a OKnotizieAggiungi '9 Risorse Gratuite per Diventare Web Developer' a DiggitaAggiungi '9 Risorse Gratuite per Diventare Web Developer' a FaceBookAggiungi '9 Risorse Gratuite per Diventare Web Developer' a UpnewsAggiungi '9 Risorse Gratuite per Diventare Web Developer' a NotizieFlashAggiungi '9 Risorse Gratuite per Diventare Web Developer' a Fai informazioneAggiungi '9 Risorse Gratuite per Diventare Web Developer' a Twitter

>>> Leggi l'articolo originale <<<

[Google Reader]

Convertitore caratteri speciali in html

14 luglio 2009

Postable è un interessante convertitore utilizzabile per includere in una pagina html del testo con caratteri speciali quali <, >, lettere accentate e altri ancora.

Melle immagini possimo vedere un esempio prima e dopo il trattamento.

postable1

postable2

Informatica , , ,

Unobtrusive Date-Picker Widget V4

10 luglio 2009

datapickerPer chi avesse bisogno di un datapicker in javascript posso consigliarvi questo che è a dir poco eccezionale. Di seguito alcune delle pricipali caratteristiche:

  • Accessibilità tramite tastiera
  • Gestione dei più disparati formati data
  • Unobtrusive javascript (neanche una linea di javascript da inserire nel codice html)
  • Gestione degli skin css
  • Gestione della selezione di intervalli di date
  • Possibilità di disabilitare alcuni giorni della settimana
  • Localizzazione
  • Possibilità di evidenziare alcuni giorni della settimana

Prosegui la lettura…

Informatica , ,