Semanticstone » Liste

Firefox: 6 plugin per i webdesigner

Alessandro — Mon, 24 May 2010 11:14:43 +0000

Firefox è ormai da anni un compagno inseparabile per tutti i webdesigner grazie all’incredibile varietà di strumenti gratuiti messi a disposizione dalla community. Tuttavia quando si accede per la prima vosta alla sezione addons di mozilla.org non si può fare a meno di rimanere disorientati dalla sovrabbondanza.

Qui di seguito vi propongo la mia lista personale:

Firebug: fondamentale per le attività di debug e di sviluppo. Firebug è decisamente lo strumento più potente e versatile che possiate installare sul vostro browser. Anche se gli altri browser hanno implementato soluzioni simili firebug rimane il più comodo e completo. fra le funzionalità più interessati:
- vista del HTML per il debug dei vostri progetti (con possibilità di modifica ed anteprima in tempo reale dell’HTML e dei CSS)
- tab NET per l’analisi dei tempi di scaricamento della pagina
- pannello CONSOLE per il debug javascript
Web developer: mette a disposizione un set di strumenti organizzati in un’apposita barra. Fra le funzioni le più utili:
- attivazione/disattivazione javascript
- gestione avanzata dei cookie
- gestione avanzata dei fogli di stile
- gestione avanzata dei campi modulo
- possibilità di ricavare informazioni sulle pagine in sovraimpressione al layout
- ridimensionamento della finestra: è possibile settare risoluzioni differenti per testare i propri layout
- set di strumenti di validazione configurabili
Measureit: comodo e veloce righello utile per prendere le misure direttamente dal browser. Uno strumento simile è già presente dentro webdeveloper ma measureit è reso più comodo dall’iconcina in basso a sinistra.
Screengrab!: è un comodissimo screengrabber che permette di copiare o salvare (nel formato desiderato) porzioni o interi layout multi-pagina. Davvero utile.
HTML Validator: uno dei vigliori validatori. Estende le funzionalità base della vista sorgente di firefox aggiungendo il supporto all’SGML parser (lo stesso utilizzato dal validatore online del w3C) e al parser tidy (per il controllo delle linee guida WAI). Si può decidere quale parse utilizzare o se utilizzarli antrambi. Il plugin fornisce numerose e prezione informazioni sugli errori riscontrati
User Agent Switcher: un comodissimo plugin che vi permette di impostare un user agent differente da quello predefinito. Il plugin può risultare molto utile per il debug della versione mobile del layout oppure per filtrare il vostro utente dalle statistiche di accesso ad un dato sito.

Vi segnalo inoltre alcune liste che potrebbero completare la mia:

E voi avete quali plugin utilizzate nel vostro lavoro?

Post Correlati:

Plugin Firefox – web developer e i css Nell’olimpo delle estensioni indispensabili deve essere assolutamente annoverato web...
Far coesistere firefox 3 e firefox 2 Ora che Gran Paradiso è arrivato il primo impulso è...
Firefox 7 estensioni per lo sviluppatore web Oggi vi voglio proporre una lista di ottime estensioni per...

Related posts brought to you by Yet Another Related Posts Plugin.

HTML5 guide ed articoli di approfondimento

Alessandro — Wed, 12 May 2010 18:15:42 +0000

L’HTML5 rappresenterà quasi sicuramente una grossa fetta del futuro del web. Non è ancora uno standard definitivo ma tutta la rete brulica di notizie, guide e tutorial che ne parlano. Qui di seguito vi propongo una lista di risorse che possono rappresentare un utile punto di partenza per capire questo nuovo linguaggio e sperimentarne i vantaggi in prima persona:

HTML 5 Reference [W3C]: il documento con le specifiche di riferimento
HTML5 and The Future of the Web [Smashingmagazine]: utile intro che descrive le principali caratteristiche del nuovo linguaggio gettando uno sguardo ai nuovi tag
5 Amazing HTML5 Features to Look Forward to [Geektechnica]: una breve lista delle principali features
HTML5 Gallery: una gallery che elenca siti sviluppati con html5
HTML5 – Web Development to the next level [apirocks]: l’articolo è presentato sottoforma di slide realizzate in HTML5, davvero notevole; una risorsa ricca di demo di quello che ci aspetta
Canvas tutorial [developer.mozilla.org]:un utile introduzione ad uno dei tag più promettenti dell’html5 grazie al quale è possibile disegnare ed animare elementi vettoriali direttamente via codice
Dive into html5 [diveintohtml5]: chiamarlo articolo è decisamente riduttivo. Questo libro è scritto da Mark Pilgrim direttamente in HTML5.
html5doctor: portale dedicato al nuovo linguaggio.

Post Correlati:

Sviluppare un layout in HTML5 da zero Oggi segnaliamo un interessante articolo di Smashing Magazine, “Coding A...
Aggiungere i TAG HTML5 a Dreamweaver CS4 Per quanto l’HTML5 non sia ancora formalmente uno standard (l’ultima...
6 ottime gallery in flash che forse non conoscevi Carousel Slideshow FlShow Carousel è una piccola applicazione in...

Related posts brought to you by Yet Another Related Posts Plugin.

60 layout per l’interior design

Alessandro — Fri, 30 Apr 2010 09:42:01 +0000

Oggi vi segnalo una raccolta di Codrops molto ben assortita di 60 siti di arredamento ed interior design che, assieme alla prodotti di qualità, propongono siti web molto curati. Questa lunga lista tematica contiene tutti siti di una certo interesse… A parte i grandi nomi come IKEA troviamo molte realtà sconosciute in Italia ma, a quanto pare, attente al design del loro sito.

Post Correlati:

100 siti web dal design eccezionale Questo post che vi segnalo è apparso ieri su webdesign...
Dimensioni del monitor e layout: a quale risoluzione progettare? Ieri è arrivato il mio nuovo monitor Samsung a 23...
40 layout originali a cui ispirarsi Onestamente non mi capacito dove trovino il tempo per compilare...

Related posts brought to you by Yet Another Related Posts Plugin.

20 utili script PHP – jQuery che forse non conoscevi…

Alessandro — Thu, 09 Apr 2009 12:24:21 +0000

Si si, questo è il periodo delle listone (è sempre il periodo delle “listone”).
Con il brevissimo ponte alle porte ho trovato un attimo di tempo per alzare il naso dai pressanti impegni di questi tempi (uff!) per proporvi un utile lista, non è farina del mio sacco ma è sicuramente ben fatta ed utilissima!

La lista propone utili script per cavarvi d’impaggio o aggiungere utili funzionalità al vostro progetto.
Tra i 20 script PHP-jQuery riportati ho trovato particolarmente utile:

Post Correlati:

10 risorse PHP che forse non conoscevi A volte la guida o lo script giusto ha il...
10 script PHP sempre utili Vi segnalo questo utile post che riporta 10 snippet...
5 script ajax che forse non conosci… Navigation Effect: ottimo effetto flow da applicare a un...

Related posts brought to you by Yet Another Related Posts Plugin.

6 ottime gallery in flash che forse non conoscevi

Alessandro — Fri, 20 Mar 2009 01:05:19 +0000

Carousel Slideshow

FlShow Carousel è una piccola applicazione in flash utile per presentare in modo originale le proprie immagini.
Può essere utilizzato come slideshow per le vostre foto oppure come un menu in stile Apple.
Fra le features della galleria:

customizzabile via XML
caricamento esterno delle immagini (fra i formati anche l\’SWF)
controllo mouse/tastiera
customizzabile per direzione e velocità della rotazione
modalità fulscree e molte altre

Polaroid Gallery v.1.01

PolaroidGallery è un progetto opensource. La gallery carica le immaigni impostate in un file xml oppure da un account flickr via RSS. Delle voto viene caricata ovviamente l\’immagine ed il titolo ad essa associata.

Flash Photo Gallery

Flash Photo Gallery è una galleria immagini semplice ed essenziale. Customizzabile via XML, semplicissima da implementare ed estremamente leggera (solo 11kb).

Imagevuex

Questa gallery è fra le più complete. Utile per gestire collezioni di immagini vaste ed eterogenee.
Permette la separazione per alcum e categorie di album in multi-livello. Sono disponibilità decine di features e templatre per la visualizzazione delle immagini. Fra le decine di funzione anche un player musicale multi traccia.

Picsengine

Picsengine è una photogallery standalone con funzionalità di backend e client ftp integrato.

flash gallery

Gallery fra le più semplici ed automatizzate. Data una cartella popola automaticamente la gallery creando automaticamente le necessarie miniature.
Totalmente configurabile e dimensionabile nelle sue parti costituienti.

Post Correlati:

Slide Show Pro: gallery in flash customizzabile SlideShowPro si distingue dalla concorrenza per l’estrema qualità del...
20 utili script PHP – jQuery che forse non conoscevi… Si si, questo è il periodo delle listone (è sempre...
10 risorse PHP che forse non conoscevi A volte la guida o lo script giusto ha il...

Related posts brought to you by Yet Another Related Posts Plugin.

10 script PHP sempre utili

Alessandro — Sun, 01 Mar 2009 20:26:24 +0000

Vi segnalo questo utile post che riporta 10 snippet PHP particolarmente utili. Qui di seguito la lista degli snippet riportati nel post:

Validazione di un indirizzo di posta elettronica
generatore random di password
stampa dell’indirizzo IP
trasformazione XSL
Forzare il download del file modificando il mime type
Effettuare l’encoding di stringhe per prevenire codice malevolo
Inviare una email
Effettuare l’upload di un file

Stampare i file contenuti in una directory

Post Correlati:

20 utili script PHP – jQuery che forse non conoscevi… Si si, questo è il periodo delle listone (è sempre...
10 risorse PHP che forse non conoscevi A volte la guida o lo script giusto ha il...
Eee PC risorse utili Visto che sono in procinto di acquistare questo piccolo...

Related posts brought to you by Yet Another Related Posts Plugin.

100 siti web dal design eccezionale

Alessandro — Sat, 20 Dec 2008 17:28:17 +0000

Questo post che vi segnalo è apparso ieri su webdesign depot e raccoglie ben 100 siti che, a giudizio dell’autore (giudizio che condivido ampiamente), propongono un design originale e al di fuori degli schemi convenzionali. Il comune denominatore di questa lunga e ben assortita raccolta è la qualità di ogni proposta e il sapiente utilizzo di texture, illustrazioni e CSS. Andateci a dare un okkio, ne vale la pena!

Post Correlati:

60 layout per l’interior design Oggi vi segnalo una raccolta di Codrops molto ben assortita...
40 layout originali a cui ispirarsi Onestamente non mi capacito dove trovino il tempo per compilare...
Design riflessivo nei videogame e marketing Giusto l’altro giorno ho ripreso in mano “Emotional Design” (Norman,...

Related posts brought to you by Yet Another Related Posts Plugin.

CSS – 16 consigli da non dimenticare + tanti auguri ;)

Alessandro — Mon, 15 Dec 2008 09:34:10 +0000

applica un id al body ridurrai il numero di classi necessari per le differenti versioni del medesimo layout
applica un foglio stile di reset come base
evita gli hack e usa i commenti condizionali per aggirare i bug di internet explorer
usa per gli id nomi standard semantici ed autoesplicativi
usa per le classi nomi legati alle proprietà di formattazione
usa classi multiple e combinale per razionalizzarle per tipologia e ridurne il numero
crea un tuo framework css per il setup dei tuoi progetti o impara ad utilizzarne uno opensource
usa i commenti per dividere i fogli stile in aree facilmente comprensibili da te e dagli altri
usa i commenti per rendere maggiormente ricercabili selettori, classi e id (ad es /* menu orizzontale =#menuOrizzontale */)
usa firebug per provare fare debug dei tuoi css
siamo quasi nel 2009! pensa e progetta per firefox3, internet exlorer 7,8,opera, safari e chrome ma garantisci una navigazione dignitosa anche a ie6 (e 5)
se decidi di testare i css3 mantienili in un foglio stile separato e richiamalo via js. Sarà più facile mantenerlo e non svaliderà (i css 3 non sono ancora raccomandazioni)
se lo desideri mantieni css separati per tipografia, impaginazione ecc ma in produzione unifica tutti i css per il medesimo media e ottimizza questo file grazie ai tool online. Ridurrai il tempo di caricamento della pagina.
per formattazioni puramente estetiche e particolarmente complesse utilizza javascript. Framework come jQuery permettono di effettuare formattazioni condizionali molto complesse utilizzando poche righe con un ottima uniformità crossbrowser
evita di utilizzare gli stili inlinea e riduci al minimo necessario gli stili embedded.
cerca di organizzare i tuoi stili in moduli riutilizzabili e combinabili
Buon Natale!

Post Correlati:

Webdesign: 5 consigli per superare il foglio bianco Sviluppare un nuovo layout è sempre un attività impegantiva....
960 Grid System – un framework css basato sulle griglie di impaginazione 960 Grid System è un framework CSS minimale estremamente essenziale...
4 consigli per gestire i vostri progetti web Chi di voi può realmente dire di avere sotto...

Related posts brought to you by Yet Another Related Posts Plugin.

280 pattern un pò retrò…

Alessandro — Fri, 07 Nov 2008 16:39:20 +0000

Oggi vi segnalo questa ottima lista che raggruppa ben 280 pattern fatti in Photoshop, tutte ottime risorse da impiegare per i nostri layout CSS. Personalmente sto rivalutando lo stile un pò retrò…

Post Correlati:

Barckground pattern: una bella lista per i vostri layout! Una lista eccellenti di pattern ripetibili per ravvivare il background...
40 layout originali a cui ispirarsi Onestamente non mi capacito dove trovino il tempo per compilare...
22 Risorse per creare i vostri CSS Segnalo quest’utilissima lista di tool e risorse per la...

Related posts brought to you by Yet Another Related Posts Plugin.

Icone free su IconsPedia

Alessandro — Wed, 29 Oct 2008 15:10:37 +0000

Oggi vi segnalo questo portale ricco di icon pack di ottima qualità. Le icone sono suddivise in molte categorie e sottocategorie; è disponibile un search i feed RSS e una newsletter per rimanere sempre aggiornati.

Post Correlati:

Set icone social free Smashing Magazine raccoglie sempre centinaia di risorse. Vi segnalo questo...
Più di 40+ set di icone sclete da deviantART Noupe seleziona questi set di icone direttamente dalla icon...
Ottimizzare wordpress per i motori di ricerca in 7 passi Wordpress è una piattaforma che si lascia ottimizzare facimente. Questa...

Related posts brought to you by Yet Another Related Posts Plugin.