Archivio Tag: html

20Lug/18
jquery menù

Jquery Menù (Pillola)

Torno per un Jquery Menù con l’aiuto di Jquery che spesso aiuta nello sviluppo di applicazioni.

Prometto che terminerò prima possibile la guida sull’ area riservata.

Oggi vedremo un ‘Jquery Menù‘ dinamico e molto flessibile. Questo perchè i menù sono una cosa fondamentale di un sito web e soprattutto di un’applicazione web.
Leggi tutto…

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…