Tutorial CSS

Molto spesso, soprattutto quando si è alle prime esperienze in CSS, si scopre che quando vengono inseriti degli elementi flottati all'interno di un elemento, questo "perde" la sua capacità di adattare automaticamente (senza che questa venga espressa) la propria altezza in base al contenuto. Ciò che succede è che gli elementi flottati "estendono" il float anche al div parent con un conseguente disallineamento del layout che si sta costruendo. La soluzione più ovvia ma sbagliata, è quella di applicare la proprietà overflow:auto al div parent, al fine di farlo estendere tanto da contenere i suoi elementi child. Vediamo invece come eliminare questo inconveniente attraverso CSS.

Tutorial jQuery

Creare una pagina intro di loading per un sito web è una pratica giusta e sempre più diffusa, in particolar modo per quei prodotti basati su javascript che necessitano di alcuni istanti di caricamento per poter dare all’utente una migliore esperienza di navigazione. jQueryIntroLoader è pensato soprattutto per chi si avvicina adesso a jQuery e ancora non riesce a gestire al meglio le animazioni, per quanto semplici possano essere.

Tutorial Joomla!

Capita spesso che durante la realizzazione di un sito web ci si accorga di aver bisogno di qualcosa di semplice, che metta il nostro cliente nella possibilità di usare da solo il sito che stiamo realizzando per lui. Il modulo che vi presento oggi nasce proprio dal bisogno di una piccola interfaccia che esegua il "difficilissimo" compito di pubblicare un'immagine linkata ad una risorsa (interna o esterna che sia).

Tutorial Joomla!

In questo articolo vi presento un modulo per joomla sviluppato direttamente da noi.
Il suo nome è brainCarousel e permette di caricare dei carousel di immagini direttamente da una directory o scegliendo ogni singola immagine.

Il modulo è ancora ad una prima versione beta ma è già compatibile sia per le versioni joomla 2.5 che per la 3.2.x e successive.

Tutorial Ajax

In questo articolo vediamo come implementare un contatore di click dinamico in una pagina web al fine di monitorare alcuni link che ci interessano. Questa pratica può essere utile per vari scopi, sui quali adesso non ci soffermeremo. Vediamo quindi come creare un file di log per ogni link che vogliamo tenere sotto controllo. Questo file di log funzionerà come un mini database all'interno del quale verrà scritto il numero di click che un dato link ha ricevuto.

Tutorial Ajax

In questo tutorial vedremo come realizzare un semplice script per inserire una pagina di caricamento da mostrare all'apertura di un sito web. Una pagina di caricamento dinamica è un'accortezza utile sia per gli utenti di un sito, sia per i webmaster che con essa potranno nascondere all'utente tutto il processo di caricamento di un sito, dai contenuti, alle immagini, ai javacript, cosa che spesso rende addirittura impossibile la navigazione o una corretta interazione tra utente e applicazione. Inserire una pagina di loading è quindi una pratica corretta e molto spesso necessaria e chi è alle prime armi con l'uso di javascript potrebbe trovare un po' difficile questa operazione, quando invece è possibile ottenere un prodotto di tutto rispetto con poche righe di codice javascript, html e css.

Per ottenere il risultato finale ci avvarremo della libreria jQuery che facilita non poco la stesura del javascript necessario alla creazione di una loading page.

 

Tutorial Ajax

In molti lavori accade di dover realizzare una galleria fotografica e spesso vorremmo anche che questa fosse facile da amministrare ed aggiornare. Per venire incontro a queste esigenze abbiamo sviluppato un tool che permette di generare e gestire gallerie dinamiche in Ajax e PHP con caricamento asincrono.

Tutorial Ajax

In questo tutorial vedremo come realizzare un semplice form di contatto utilizzando una combinazione di linguaggi: HTML,CSS,Javascript, Json e PHP.
Questo modulo di contatto lavorerà in maniera asincrona, senza nessun reload della pagina ed è proprio per questa ragione che possiamo chiamarlo ajax form.

Requisiti

Utilizzando la funzione php per l'invio della mail, per poter utilizzare o semplicemente testare gli script sarà neccessario disporre anche di un server web con installato PHP alla versione 5

Tutorial jQuery

È impossibile ormai pensare ad un sito non responsive e di conseguenza anche ad un sito che fornisca immagini a giusta risoluzione per display ad alta densità, come il famoso Retina, montato di recente anche su device diverse dai tablet e dagli smartphone.

Per ovviare a questo problema sono disponibili alcuni plugin jquery, tra cui il nostro jQueryHDimg che fornisce immagini di misura diversa a seconda della densità dei display con i quali viene visualizzata la pagina. Il suo uso è veramente semplicissimo e intuitivo. Vediamo come fare.

Tutorial CSS
CSS

Durante lo sviluppo di un sito web spesso ci si trova davanti alla necessità di assegnare in maniera fluida un’altezza di valore 100% ad un div senza però conoscere la reale altezza della device che visualizzerà il prodotto che si sta realizzando. Questo potrebbe in alcuni casi dare problemi allo sviluppatore in quanto, a differenza della larghezza, le regole CSS non permettono di assegnare il valore 100% alle altezze. Per risolvere questo problema potremmo ricorrere ad un piccolo script JS ma è possibile ottenere lo stesso risultato anche soltanto attraverso del semplice CSS.

Pagina 2 di 7

Joomla SEF URLs by Artio