Inutile dire come una buona pagina di login deve essere in completa sintonia estetica col sito tutto.

Di seguito una carrellata di immagini di pagine di login raccolte qua e la su Internet. Magari possono farvi scattare il lampo di genio per il vostro prossimo progetto.

Mi sono ricordato che i designer e gli sviluppatori che seguo avevano pubblicato i loro workspace e così… ve li mostro! Buona visione.

Il primo che vi propongo è un vero e proprio libro, pubblicato online. Scritto e pensato da Rebecca Murphey, è in realtà una grande collezione di articoli con diversi contributi di sviluppatori e designer. E’ quello che offre un percorso quanto più vicino al classico libro con le pagine di carta. Si chiama jQueryFundamentals .

Il secondo link è riferito al miglior nome di dominio che un autore poteva scegliere per un blog interamente incentrato su jQuery: Learning jQuery. Il principale autore degli articoli, che non seguono, diversamente dal jQueryFundamentals, un ordine concettuale rigoroso (essendo propriamente un blog), è Karl Swedberg che ho potuto apprezzare per il linguaggio semplice e diretto, senza troppi fronzoli e divagazioni teoriche.

L’ultimo link è probabilmente il riferimento che preferisco. Su jQuery for Designers saltuariamente vengono pubblicati interessanti articoli, divisi per livello di difficoltà e profondità di analisi. Tanto codice commentato e tanti demo. Più, chi ama questa forma di comunicazione, diversi screencast che scatenano a volte discussioni accesissime che si rivelano poi preziose fonti per ulteriori approfondimenti.

Avete risorse da proporre?

Fresh & Clean

[Demo - Download]

Jenzoo

[Demo - Download]

Skeptical

[Demo - Download]

Big Square

[Demo - Download]

Blogum

[Demo - Download]

Possiamo così affidarci a fotografie, opportunamente ottimizzate per il web, o a immagini generate in qualche modo, tipo un pattern o uno stripe. A tal proposito vi segnalo 5 servizi web per generare questo tipo di grafica, in modo veloce e dai risultati eccezionali.

BG Patterns

Stripemania

TartanMaker

ColourLovers

Stripe Generator

Esistono svariate soluzioni che permettono di embeddare un font in documenti HTML. Io odio Flash, dunque non parlerò di sIFR. Recentemente ho potuto apprezzare la bontà di uno strumento quale Cufon.

L’ho recensito proprio in questi giorni per Programmazione.it. Ecco un estratto dell’articolo:

[...] Cufon, invece, è una libreria JavaScript, che permette di ottenere maggiore controllo sulla tipografia delle pagine, evitando l’uso di Flash e rendendo leggero la sostituzione dei font. Cufon è un script che si incorpora piuttosto facilmente nelle pagine web e che agisce lato client sfruttando l’elemento canvas. Ciò produce un vantaggio in termini di velocità di caricamento delle pagine e dell’effetto, e la possibilità di non rinunciare a parametri legati all’accessibilità.

[Via Programmazione.it]

Lo uso quasi regolarmente quando ho la necessità di ricorrere a font particolari e devo rinunciare alle ultime novità sulla direttiva @font-face di CSS3.

Una bella scoperta che volentieri vi giro è il sito cufonfonts.

E’ una collezione di font (piuttosto numerosa, per cui non faticherete di certo a scovare quello che più vi piace) utilizzabili con la libreria Cufon. Già convertiti, pronti al download e facilmente embeddabili nei vostri progetti. Fatene buon uso!

Photo Credits: Francisco Javier Argel

For example iPhone provides a great opportunity to choose a scheme color. Here are 3 applications with multi-touch interface. Have a god job!

CliqCliq

Visit iTunes

Color Expert

Visit iTunes

Color Unleashed

Visit iTunes

1. InstantShift
2. Chris Spooner
3. Max Voltar
4. David Leggett
5. BittBox
6. Alex Mangini
7. Andrew Egenes
8. Andy Sowards
9. Varkode
10. Luke Whitson
11. Tobias Mik
12. Circle Box Blog
13. Dan Rubin

Per certi compiti usare un plugin è una forzatura e rende il tutto leggermente più lento, in quanto il l’engine di WordPress deve provvedere a caricare ed eseguire tutti i plugin. Meglio eseguire codice scritto apposta. Il file functions.php potrebbe essere il posto ideale per piazzare lì alcune utili funzioni da utilizzare in lungo e in largo nel nostro tema.

Rispondiamo allora, in questo piccolo articolo, alla domanda del titolo: si può ottenere una lista di articoli related senza usare plugin? Certo. Nel mio blog uso il seguente codice.

L’idea è di partire dalle categorie in cui è inserito il post. Quindi estrarre da ogni categoria gli articoli collegati. La mia soluzione prevede il recupero a ritroso degli articoli più recenti, questo per evitare di doppiare gli articoli più letti che mostro in un apposito widget (test che ho effettuato!), a meno di casuale coincidenza. Ora gli approcci sono due:

1. inserire il codice all’interno del vostro file functions.php e richiamarlo nel punto esatto del vostro tema;
2. inserire il codice all’interno del file single.php.

L’opzione numero 2 mi è sembrata nel mio caso la più logica. Ecco il codice:

$_cats = get_the_category($post->ID);
if ($_cats) {
	$_catid = array();
	foreach($_cats as $_item) $_catid[] = $_item->term_id;
	$args=array(
		'showposts'=>5,
		'category__in' => $_catid,
		'post__not_in' => array($post->ID),
		'caller_get_posts'=>1
	);
	$_relposts_query = new wp_query($args);
	if( $_relposts_query->have_posts() ) {
		echo '<h3>Related Posts</h3><ul>';
		while ($_relposts_query->have_posts()) {
			$_relposts_query->the_post();
		?>
			<li><?php if(has_post_thumbnail()) echo get_the_post_thumbnail(get_the_id(), array(50,50)); ?><a href="<?php the_permalink() ?>" rel="bookmark" title="Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></li>
		<?php
		}
		echo "</ul>";
	}
}

Come potete notare uso la nuova funzione di WordPress relativa ai thumbnails. Per modificare il numero di articoli da mostrare settate il parametro showposts secondo vostre necessità (riferimento wp_query). Per il resto è davvero tutto molto semplice e risulterà chiaro a chi ha un pò d’esperienza con i temi di WordPress.

P.S.

Simile risultato può essere ottenuto giocando con i tag. Anzicchè prendere a riferimento le categorie, come nel mio caso, è possibile recuperare i tag con cui è stato postato un articolo e da lì recuperare i related posts. In tal caso date un’occhiata all’idea di Jean Baptiste Jung.