Tag: Sviluppo Web

Joomla: wdbanner variant, modulo per banner a rotazione

lejubila11 commenti

Qualche settimana fa ho avuto bisogno di inserire su un’installazione Joomla dei banner che ruotassero dopo alcuni secondi (www.dodicesimouomo.net).

Girando in rete ho trovato wd rotation banner, che però dava problemi se il modulo veniva duplicato più volte nella stessa installazione e non gestiva banner di tipo flash di cui io avevo bisogno. Così ho provveduto a modificare il codice sorgente per adattarlo alle mie esigenze.

Continue reading “Joomla: wdbanner variant, modulo per banner a rotazione” →

Joomla estendere la registrazione utente

lejubila10 commenti

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

Continue reading “Joomla estendere la registrazione utente” →

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

lejubilaLascia un commento

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

Commenti condizionali per Internet Explorer

lejubilaLascia un commento

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.

Css: div 100% in altezza

lejubilaLascia un commento

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.

9 Risorse Gratuite per Diventare Web Developer

lejubilaLascia un commento

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