Sono andato alla ricerca del plugin perfetto e la scelta è caduta su Portfolio Slideshow.

Ho trovato questo plugin completo, grazie ai diversi settaggi messi a disposizione e soprattutto di facile utilizzo da parte del cliente. Infatti per popolare la gallery, basterà aggiungere le immagini nella galleria dell’articolo. 

Inoltre ti voglio svelare un trucco per aprire le immagini della gallery con effetto fancybox.

Prima della fine del tag head e dopo aver richiamato fancybox, aggiungi queste poche righe di codice:

jQuery(".slideshow-content a").fancybox();

Ti invito a visitare il sito ufficiale di fancybox per sfruttarlo al meglio.

Tu cosa utilizzi per realizzare gallery e slideshow in wordpress?

Scarica gratis il jQuery Mega Pack con tutti i miei tutorial jQuery!

Ho voluto raccogliere per te 10 temi WordPress Responsive Premium.

Good Minimal

Gridlocked

Rising

Reaction WP

Mercury

Super Skeleton WP

The Novelist

Knead

Funky WordPress Theme

Suco

Inoltre ti voglio anche segnalare una raccolta di temi wordpress responsive free.

17 High Quality and Free Responsive WordPress Themes

Scarica gratis il jQuery Mega Pack con tutti i miei tutorial jQuery!

Allora ho voluto risparmiarti la fatica e ho trovato per te 15 temi wordpress gratis che non hanno nulla da invidiare a quelli a pagamento.

Come al solito il mio consiglio è quello di scaricarli, vedere come sono stati realizzati, studiare le soluzioni grafiche adottate in modo da imparare e costruire qualcosa di completamente nuovo

Calenotis Magazine

Demo | Download

Ytterbiomoid

Demo | Download

Shuttershot

Demo | Download

Gamelizo Magazine

Demo | Download

Pengbos

Demo | Download

WordPress Anniversary Theme

Demo | Download

Minimatica

Demo | Download

Flip Folio

Demo | Download

Journal Crunch

Demo | Download

Framed

Demo | Download

Beauty & Clean

Demo | Download

Splendio

Demo | Download

Oleum

Demo | Download

Odin Thor

Demo | Download

Laguna

Demo | Download

Scarica gratis il jQuery Mega Pack con tutti i miei tutorial jQuery!

In particolare i due plugin sono Auto Post Thumbnail e Theme Test Drive.

Vediamo di cosa si tratta.

Auto Post Thumbnail

Hai un nuovo tema che utilizza le post thumbnail per le anteprime degli articoli? Oppure utilizzi un plugin per i post correlati con miniatura? Non hai mai inserito le post thumbnail e ora non sai come fare?

Auto Post Thumbnail allora fa al caso tuo: infatti questo plugin crea in automatico le immagini in evidenza per ogni articolo qualora tu non le avessi create prima.

Theme Test Drive

Permette di testare il nuovo template che stai creando direttamente sul blog on line. Tu amministratore vedrai il nuovo tema attivo e potrai lavorarci fino a quando non sarà completo, mentre gli utenti continueranno a navigare con il tema di default.

Conoscevi questi plugin? Pensi potranno esserti utili?

Scarica gratis il jQuery Mega Pack con tutti i miei tutorial jQuery!

Mi sono appoggiato a WPML, plugin molto ben fatto, dove anche un utente inesperto può facilmente tradurre quasi tutto il sito.

Ho detto quasi, perchè se nel sito hai dei testi inseriti tramite immagini, oppure codice testi inserito “a mano”, allora bisogna operare direttamente sul codice per avere la traduzione.

Nella documentazione del plugin non ho trovato nulla a riguardo e allora ho pensato di condividere con te la soluzione che ho adottato, che puoi vedere nel codice che segue:

La funzione strstr va a cercare nell’url della pagina la stringa ‘en’. Se la trova viene restituito il contenuto in inglese, altrimenti quello in italiano.

In questo modo potrai tradurre il sito interamente. Ti sei mai trovato nella mia situazione? Come ti sei comportato?

Scarica gratis il jQuery Mega Pack con tutti i miei tutorial jQuery!

Veniamo subito al dunque.

Il problema

Nell’home page del blog devo visualizzare i tre post più rilevanti rispetto alle tre categorie principali, disposti uno di fianco all’altro.

Il codice html/php riguardante una tab è il seguente

Per disporre i post uno di fianco all’altro si è utilizzata la proprietà float:left, associata alla classe home-article, come puoi vedere nel codice CSS.

Il problema è che il margine destro di 60 px viene assegnato anche all’ultimo post, e di conseguenza va a capo. Se fossimo in una situazione “statica”, basterebbe aggiungere una classe all’ultimo elemento e assegnare nel css margin-right:0.

Un’altra soluzione che può venire in mente è di utilizzare il selettore last-child, che però non è cross-browser.

La soluzione. jQuery e metodo last()

Quindi la soluzione è utilizzare jQuery e tramite il metodo last() prendere l’ultimo elemento della lista e assegnare la proprietà css voluta.

In questo modo verrà assegnato lo stile margin-right:0, solo all’ultimo elemento della lista.

Conoscevi questo metodo? Ti sei mai trovato in una situazione simile a quella descritta?

Scarica gratis il jQuery Mega Pack con tutti i miei tutorial jQuery!

Grazie ai template presenti si possono realizzare diverse tipologie di siti, come un blog, un portfolio e anche i siti a singola pagina.

Ecco alcuni template messi a disposizione dal sito.

Solo

Leverage

Quantum

Scarica gratis il jQuery Mega Pack con tutti i miei tutorial jQuery!

Con questo articolo voglio cercare di rispondere alle tantissime mail che mi arrivano dove mi viene chiesto: ma quale libro mi consigli per wordpress? jquery? web design in generale?

Con i libri che sto per elencare e che spero aumenteranno, voglio darti una risposta definitiva.

Categoria WordPress

Rockstar WordPress Designer

In questo blog si è visto più di una volta che wordpress non è solo blog e che si possono realizzare diverse tipologie di sito. Grazie a questo libro scoprirai come trasformare WordPress in un CMS completo. Vai a vedere la preview per capire quali sono gli argomenti trattati.

Digging into WordPress (grazie a Manuela Langella)

WordPress 3 Site Blueprints (grazie a Oleg)

Smashing WordPress: Beyond the Blog (grazie a Oleg)

Categoria jQuery

jQuery: Novice To Ninja

Credo sia il miglior libro su jQuery in circolazione: parte dalle basi fino ad arrivare a realizzare applicazioni avanzate. Ti rimando alla lista degli argomenti trattati per capire se è un libro che può fare per te, ma penso proprio di si

Categoria Web Design (HTML, CSS, Standard)

Smashing Book

Non credo abbia bisogno di presentazioni. Il libro realizzato dai ragazzi di Smashing Magazine è adatto sia chi è alle prime armi, sia per chi è già esperto.

Sexy Web Design (grazie ad Antonio Fullone)

The Principles of Beautiful Web Design (grazie ad Antonio Fullone)

Designing with Web Standards (grazie ad Antonio Fullone)

The CSS Web Anthology (grazie a Quirky)

The Non Designer Book (grazie a Quirky)

Design Basics Index (grazie a Quirky)

Bulletproof Web Design (grazie ad Anna Palotti)

Oltre i CSS. La sottile arte del web design (grazie ad Anna Palotti)

XHTML e CSS (grazie ad Anna Palotti)

40 Free and Essential Web Design and Development Books from Google (grazie a Tancredi Matranga)

Questa è una lista di 40 libri che si possono leggere gratis su Google Book.

Quali libri aggiungeresti?

Scarica gratis il jQuery Mega Pack con tutti i miei tutorial jQuery!

Oggi vediamo una raccolta di 15 temi WordPress gratis, che supportano le nuove caratteristiche di WordPress 3.0.

In questa lista troverai template adatti per realizzare un sito fotografico, un portfolio, un blog, e  molto altro ancora.

Template Boldy

Demo | Download

Template Shaken Grid

Demo | Download

Template Photoblog

Demo | Download

Template Tech 9

Demo | Download

Template Webfolio

Demo | Download

Template AutoFocus

Demo | Download

Template The Morning After

Demo | Download

Template Magaling

Demo | Download

Template Heliumified

Demo | Download

Template Mansion

Demo | Download

Template Berylliumous

Demo | Download

Template Dimenzion

Demo | Download

Template Spectre

Demo | Download

Template Outline

Demo | Download

Template Seven Five

Demo | Download

Scarica gratis il jQuery Mega Pack con tutti i miei tutorial jQuery!

In questi giorni ho cercato di raccogliere le guide migliori, e le voglio condividere con te. Se per caso anche tu hai trovato qualche guida o tutorial interessante mettila pure nei commenti!

WordPress 3.0: Ultimate Guide to New Features

La guida più completa in assoluto su wordpress 3.0, realizzata da Six Revisions, dove sono spiegate nei minimi dettagli tutte le carattersitiche della nuova versione e come utilizzarle al meglio: il nuovo template, la gestione dei menu, i custom post type ecc.

Rock-Solid WordPress 3.0 Themes using Custom Post Types

Ottimo tutorial di nettuts, dove viene spiegato come utilizzare al meglio i custom post type, una delle caratteristiche più apprezzate del nuovo CMS.

Inoltre ti segnalo anche questa guida super dettagliata di Justin Tadlock: Custom post types in WordPress.

The Essential Guide to WordPress 3.0 Custom Taxonomies

Altra ottima guida realizzata da 1stwebdesigner, dove ti spiega come realizzare delle tassonomie personalizzate. Anche nettuts ha realizzato un ottimo tutorial che ti invito a leggere: Introducing WordPress 3 Custom Taxonomies.

Dei custom post type e delle tassonomie se ne è parlato all’ultimo wordcamp a Milano. Ti invito a vedere il video di Maurizio Pelizzone, dal sito del wordcamp e a leggere le relative slide.

WordPress 3.0 Upgrade: What to Expect

Web Designer Depot indica quali accorgimenti adottare nell’aggiornamento a wordpress 3.0. Come comportarsi con i plugin, come affrontare i possibili bug ecc.

Inoltre ti consiglio di leggere questa super guida del mitico Wolly, dove sono spiegate tutte le procedure da seguire prima dell’aggiornamento a wordpress 3.0.

Questo articolo sarà in continua evoluzione, dove verranno aggiunte nuove guide e tutorial segnalate da te oppure che troverò io.

Scarica gratis il jQuery Mega Pack con tutti i miei tutorial jQuery!