Come si sa è possibile interrogare un modello in modo da leggere tutti i record che rispettamo una specifica condizione, questo inruby on rails è possibile attraverso la clausola :conditions. Supponiamo di avere un modello chiamato Dog che contiene un anagraficadi cani i quali hanno attributi come: nome, razza, peso, età, ecc…

Per recuperare tutti i cani con razza “chihuahua” possiamo interrogare il modello in questo modo

Dog.all(:conditions => {:race => "chihuahua"})

Read More



Ecco un tutorial di Photoshop per realizzare una spilla!

STEP 1:
Create un nuovo documento in Photoshop con sfondo bianco e dimensioni 400×400 (ognuno può cambiare le dimensioni come meglio crede).

STEP 2:
Ora procediamo a realizzare la forma della nostra spilla utilizzando dal menu di photoshop Ellipse Tool tenendo premuto shift per realizzare un cerchio perfetto. Vi tovate una figura tipo questa.

Read More



Ecco un tutorial di Photoshop per realizzare un budge stile web 2.0!

STEP 1:
Create un nuovo documento in Photoshop con sfondo bianco e dimensioni 400×400 (ognuno può cambiare le dimensioni come meglio crede).

STEP 2:
Ora procediamo a realizzare la forma del nostro budge utilizzando dal menu di photoshop Polygon Tool (U). Come potere vedere dallo screen shot impostare tutti i settaggi del caso e procedete creando un nuovo layer e disegnando la forma del budge nel vostro nuovo documento di photoshop.

Read More



Lato backoffice la richiesta più consueta è quella di gestire immagini in modo semplice e veloce, per farlo è fondamentale fornire un sistema di upload efficente che permetta all’utente di eseguire upload multipli e che si prenda la briga di ridimensionare il pool di immagini date in pasto all’applicazione, richiesta non banale è quella di “ajaxizzare” (passatemi la brutta traduzione) la pagina.

Creiamo la nostra applicazione

rails -d mysql swfupload2

ricordatevi configurare correttamente il file database.yml per la connessione al db locale.

Read More



Ora vi scrivo un piccolo tutorial su come duplicare o ripetere un tracciato in Illustrator. Ovviamente metterò in evidenza la strada più corta ed indolore .

  • seleziona il tracciato (se composto da più elementi assicurati che sia un gruppo)
  • duplica il tracciato (alt+shift) posizionandolo dove vuoi che termini la serie di tracciati (avrai così un tracciato all’inizio ed uno alla fine)
  • seleziona i due tracciati e poi dal menù OBJECTS seleziona BLEND/MAKE
  • poi, senza deselezionare i tracciati, vai ancora su OBJECT/BLEND/BLEND OPTIONS
  • si aprirà una finestra, dal menù a tendina seleziona “specified steps” che ti serve per impostare il numero di volte che vuoi che il tracciato si ripeta, oppure seleziona “specified distance” che ti serve ad impostare la distanza tra un tracciato e l’altro
  • se successivamente vuoi modificare i tracciati vai su OBJECT/BLEND/EXPAND, poi fai mela/Ctrl+shift+G e puoi modificare i tracciati

Read More



Mi è capito di dover sviluppare un progetto con finestre modali usate dall’utente per compilare dei form, i quali campi venivano inviati al controller attraverso chiamata AJAX.

Per gestire le finestre modali mi sono appoggiato a thickbox Thickbox e ho desciso di adottare come editor WYSIWYG TinyMCE nel quale non entro nel merito dell’installazione.

Per integrare Thickbox non è stato molto complicato, basta includere nella propria pagina i dovuti file CSS e JS, vi riporto in breve come mostrare finestre modali senza troppi sforzi.

Read More



Ecco un piccolo tutorial per come cambiare tonalità ad una parte di foto (occhi, vestiti, ecc.) con photoshop.
Prima di tutto dovete sapere che il risultato di questo tutorial dipende da quanto siete precisi con il relativo mouse o tavoletta grafica.

STEP 1:
Aprite l’immagine che vi interessa e con lo strumento lazo selezionate accuratamente la zona da modificare.

Read More



Tutti noi sappiamo quanto sia importante avere i meta tag title e description pertinenti con il contenuto della nostra pagina, ci permettono di scalare la SERP senza troppa fatica a condizione che essi rappresentino il contenuto della pagina e non siano ripetuti nelle altre pagine del sito.

Una volta finita la nostra applicazione in rails ci prendiamo 30 minuti per cercare di capire come cambiare i meta tag in questione in modo dinamico e siccome siamo pigri lo vogliamo fare secondo la logica DRU 🙂

Read More



Solitamente finita la mia applicazione sotto l’aspetto funzionale e dopo essere certo che funzioni sistemo l’interfaccia grafica, la lascio sempre per ultima non perchè ritengo sia poco importante ma perchè è l’aspetto, a mio avviso meno complicato.

Ho cercato un metodo rapido per fare rollover su immagini, ovviamente queste immagini rappresentavano dei link e pulsanti, diamo un occhio al codice qui sotto

Read More



In questo post voglio mostrarvi un piccolo tutorial per come creare il Vs background personalizzato di Twitter.

Il processo è abbastanza semplice, basta sapere usare un pò photoshop… Twitter poi vi consentirà di caricare l’immagine da Voi creata da utilizzare come background, che sia delle dimensioni massime di 800 kb.

Step n.1:
Prima di tutto bisogna capire come è fatta la pagina di twitter e come è suddivisa.
Troveremo partendo dall’alto il logo di twitter, più a destra la barra di navigazione, più sotto mantenendo sempre il percorso da sx a dx contenuto principale e slide bar.
Il modello è stato progettato per una risoluzione del monitor di 128o px, ma ognuno può usare la risoluzione che meglio crede!

Read More