Category Archives: Html

29Gen/16
smartimage

SmartImage – Facile manipolazione delle immagini

Nello sviluppo di Siti Web spesso ci imbattiamo nella necessità di gestire le immagini caricate tramite script Php. Soprattutto se i nostri utenti hanno possibilità di caricare foto profilo o altro, spesso e giustamente non stanno a sistemare l’immagine prima di caricarla.

La classe SmartImage ci aiuta ridimensionando, ritagliando (croppare), convertendo, ottimizzando e ruotando le immagini automaticamente. Se utile è possibile anche inserire un Watermark.

Una volta scaricato la classe inseriamola nella root del nostro Sito Web. Richiammiamo la nostra classe dove ci serve utilizzando il classico include così:

<?php 
include "SmartImage.class.php"; 
?>

Leggi tutto…

31Dic/15
Font Awesome

Font Awesome

Oggi andremo a parlare di Font Awesome, una raccolta di simboli usabili e di facile utilizzo per noi sviluppatori.

Possiamo prendere la struttura che abbiamo preparato nell’articolo Posizionamento con Css e inserire qualche icona che Font Awesome ci mette a disposizione.

Vi faccio un esempio:

il codice è il seguente:

<i class="fa fa-bar-chart-o fa-3x"></i>

Leggi tutto…

29Dic/15
Posizionamento css

Posizionamento con Css

Basta guardare un pò nel web per capire che i template che si trovano sono al 99% strutturati con i “div”. Questi con la potenza dei css possono dar vita con poco codice a vere e proprie strutture per un sito web.
Anche se oggi si trovano davvero un numero elevatissimo di template già belli e pronti, questo metodo è utile anche per i contenuti stessi.

Partiamo da un codice base di una semplice pagina html:

<html>
<head>
<title>Posizionamento con css</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="container">
	<div id="header">
    header
    </div>
	<div id="main">
    	<div id="sx">
    	barra sx
        </div>
        <div id="body">
        corpo della pagina
        </div>
    </div>
    <div id="footer">
    footer
    </div>
</div>
</body>
</html>

Leggi tutto…