DesMM.com » css

Editor di codice per Mac: Espresso

admin — Thu, 03 Mar 2011 00:18:54 +0000

Da qualche mese faccio uso di Espresso, ammetto di esserne abbastanza dipendente, nulla a che vedere con la dipendenza da caffeina. L’Espresso di cui vi parlo non è altro che un software un editor di codice per Mac. Sono stato attratto dalla sua interfaccia, ma ancor prima dalla home del sito di Espresso di MacRabbit, uno stile semplice e pulito, in linea con la cura nei dettagli dello stesso software. Il code editor in questione, è disponibile solo per Mac OSX, che ne influenza l’usabilità. Quindi si tratta di un software molto intuibile per chiunque abbia gia avuto a che fare con programmi del genere, ma con importanti dettagli che rendono Espresso un ambiente di lavoro (quasi) completo. Lo ritengo un valido editor che soddisfa le mie esigenze per gestire codici come CSS, HTML ed un po’ di PHP. Tra le sue più apprezzate caratteristiche, un valido gestoremdimprogetti ed un client FTP interno che consente ad Espresso di collegarsi direttamente al server del vostro sito web e pubblicare on line le modifiche apportate in locale. Espresso viene venduto attualmente al prezzo di € 59,95. Un prezzo discredo in quanto va in concorrenza con già alcuni code editor per mac opensource distribuiti gratis come TextWrangler o Fraise (ex Smultron), ma Espresso si pone ad una clientela più esigente, ed il prezzo non è neanche paragonabile agli oltre € 500 di Dreamweaver di Adobe!! Acquistando Espresso si ottiene uno sconto di una decina di euro per l’acquisto di CssEdit un’altro software che potrebbe tornare utile, anche se ad essere sincero, personalmente non lo trovo fondamentale.

Download Espresso per Mac OSX

Il link per il download e la prova gratuita lo trovate su http://macrabbit.com/espresso/

Demo effetto riflesso CSS3, ed animazione CSS3

admin — Sat, 12 Feb 2011 09:54:37 +0000

Di giorno in giorno scopriamo con esempi pratici le potenzialità di CSS3. Una premessa, per una corretta visione è indispensabile l’utilizzo di browser che supportino le nuove proprietà introdotte con CSS3. Attualmente per una visione ottimale di questi demo css3 servirà Chrome o Safari.

Una semplice animazione con CSS3

il primo esempio che vi porgo più che un demo è una domanda esistenziale che attualmente tocca ne profondo chi lavora nel mio campo: “l’esperienza visiva da noi creata in un sito viene vissuta nello stesso modo in tutti i browser?”, la risposta è molto chiara e la trovata su questo sito. Vi invito fortemente a sbirciare il codice sorgente e scoprire con quante poche righe è stato creato questo piacevole effetto.

Effetto riflesso CSS3

Un’altro demo CSS3 molto interessante ci viene proposto da hardboiledwebdesign. Mette in pratica quanto in passato era solo una fantasia di noi web designer. Il riflesso dinamico perfetto! Un riflesso che non necessiti la creazione di un apposita immagine con creata Photoshop, e che non richieda l’uso di nessun tipo di javascript o Flash. Caricando una singola immagine potrete ruotarla e dissolverla con un gradiente in grado di regolare lo start e l’end dell’alpha del riflesso. Guardare per credere, commuovente!! Per approfondire vi direziono verso blog.typekit.com.

Cross browsing con jQuery

admin — Sun, 26 Apr 2009 15:01:17 +0000

Chi come me, malgrado le proprie opinioni è costretto a condividere ore della propria giornata con Internet Explorer, quando sente parlare di soluzioni che potrebbero semplificare il cross browsing con i vecchi IE, gli si “drizzano” le orecchie…

Alessandro Coscia di Codicefacile.it e Youreporter.it propone due soluzioni per rendere i comportamenti di Internet Explorer più simili a quelli degli altri browser.

Margini IE6 duplicati

L’attenzione è stata dedicata sulla duplicazione dei margini su IE6, infatti utilizzare i margini di un qualsiasi elemento quando lo stesso è posizionato con Float:left, porta al raddoppio del margine. E questa è la sua soluzione jQuery: jQuery: Fix IE6 Double Margin bug
Esiste anche una soluzione tramite css, basta aggiungere nello stesso punto dove è stampato Float:left, il parametro: display:inline

Dimensioni Box model

L’interpretazione delle dimensioni di un elemento (Esempio: Box Model), nel momento in cui vengono utilizzati margin padding e border, può riscontrarsi differente nei vari browser:
Ed anche in questo caso Alessandro ci mostra il suo espediente tramite jQuery: jQuery: Box Model Fix

Testerò anch’io nei prossimi giorni queste interessanti soluzioni, un ringraziamento va ad Alessandro.

Cercasi “HTMLlista” per Sitonline

admin — Tue, 24 Mar 2009 11:44:56 +0000

Voglio informarvi che stiamo cercando una figura “HTMLlista” (uno che se ne intenda di HTML/CSS) interessata a lavorare in sede di Sitonline a Milano. Sitonline fa parte del gruppo Banzai, negli ultimi anni in forte crescita. Da qualche settimana stiamo tenendo colloqui in sede, mi è sembrato giusto avvertire anche i visitatori di DesMM di questa, a mio parere, interessante opportunità…

Chi si vuole proporre può farlo contattandomi…
Spero sinceramente di poter trovare tra di voi la persona giusta e motivata, con la quale collaborare assieme al team di Sitonline!

Questi sono i requisiti:

Posizione ricercata: Azienda operante su Internet cerca per il proprio organico uno sviluppatore esperto codice HTML / XHTML / CSS per la realizzazione di pagine Web a partire da modelli PSD grafici.
Ruolo: Modellista HTML
Requisiti: E’ richiesta ottima conoscenza dei linguaggi HTML / XHTML / CSS e esperienza nel ruolo di 2/5 anni
Età massima 30 anni.
E’ gradita la conoscenza di codice Javascript.
Si richiede: motivazione al ruolo, precisione, capacità di lavorare in team.
Sede di lavoro: Milano

Template CSS a colonne multiple

admin — Wed, 21 Mar 2007 13:30:17 +0000

Dopo questo articolo, guai a chi mi chiede come si fanno a fare le colonne in CSS!! Il sito che vi propongo oggi credo sia la raccolta definitiva di casistiche di template CSS a colonne. Di varianti di template ce ne sono ben 42! Tutti col loro bel file Zip da scaricare ed adattare alle proprie esigenze.
Link:http://www.code-sucks.com/..

Menù CSS a Discesa

admin — Thu, 15 Mar 2007 11:25:01 +0000

I Menù CSS possono a semplificare il lavoro a chi crea pagine web. Perchè con poche operazioni sul foglio di stile ri riescono a fare interventi sull’intero sito senza dover operare sulle singole pagine. Poi se menù CSS sono ben adattati ai CMS ingrado di gestire sotto categorizzazioni danno la possibilità di creare menù a discesa utili per velocizzare la navigazione dei visitatori…

In passato ho creato alcuni di questi menù a discesa con l’aiuto di Javascript preconfezionati, ma è possibile la realizzazione di questi menù semplicemente con CSS.
In realtà non è che sia così semplice soprattutto per chi è alle prime armi con i CSS, bisogna stare attenti all’usabilità e compatibilità con i vari Browser…
Su questa pagina sono riportati diversi Menù CSS modi TAB ed altri menù CSS a discesa verticale, orizzontalie. E’ una pagina da tenere da parte perché se non ora, prima o poi tornerà utile:
www.alvit.de/css-showcase/css-navigation-techniques-showcase.php
–

Il meglio del CSS Design 2006

admin — Wed, 20 Dec 2006 17:48:25 +0000

Ecco un articolo fatto a posta per chi in crisi di idee su l design di un sito. Questa lista contiene quanto di meglio del CSS Design realizzato nel 2006. Di certo se non vi aiuterà a trovare l’ispirazione come minimo vi abbatterete ancora di più per la bellezza di alcuni di questi. Andate su smashingmagazine ma per avere una lista più completa ed in continua espansione vi rimando su Flickr. Ma non dimenticatevi di fare un salto su “qualche nuovo link“, un post di Pugia, sul forum di html.it, dei primi mesi del 2006 che ormai è stabilmente in rilievo vista l’ottima qualità grafica, dei siti proposti.

Dynamic 3D in CSS

admin — Sun, 24 Sep 2006 07:37:15 +0000

FPS sono i videogame che offrono al videogiocatore la possibilità di vivere in prima persona le avventure di un personaggio virtuale. La caratteristica principale è che la visuale del gioco è la stessa del personaggio quindi come fossimo in possesso del suo corpo per muoverci dell’area di gioco.
Tramite CSS e JavaScript si è riusciti a ricreare una simulazione di movimento tra dei cunicoli. Questo lascia precedere la possibilità in un futuro prossimo, con anche l’ausilio di Ajax, della creazione di videogiochi online per di più multiplayer, senza installare nessun software o plugin.
E’ possibile subito provare quanto scritto con questo demo online (Opera or Firefox).

5 Tutorial CSS

admin — Mon, 04 Sep 2006 09:05:30 +0000

Ecco a voi una lista di tutorial CSS. Sono i primi 5 appartenenti ad una selezione curata da Cameronolthuis. Io mi sono limitato a tradurvelo in essenziale e a provarli.

1] Galleria di immagine Hoverbox
Una galleria dalle immagini che al roll-over si ingrandiscono, questo non usa nient’altro che CSS e nessun javascript. Esempio.

2] CSS Bar Graphs
Un semplice tutorial che mostra come creare barre grafiche si a verticali che orizzontali. Esempio.

3] CSS Menù verticale
Questo è un classico menù in verticale naturalmente creato utilizzando esclusivamente CSS. Esempio.

4] Listamatic
Questo è un completo studio dedicato alle liste HTML.

5] Floatutorial
Questo invece è un completo studio dedicato agli elementi fluttuanti.

Prossimamente vi segnalerò i restanti 5 Tutorial offerti da cameronolthuis

Opacità degli elementi con CSS

admin — Mon, 28 Aug 2006 11:20:23 +0000

Sui CSS non si smette mai d’imparare. Sono davvero tanti gli effetti realizzabili, tra i più interessanti posso menzionare la possibilità della regolazione dell’opacità degli elementi presenti in una pagina HTML. Porgo alla vostra attenzione un davvero vasto tutorial, intuitivo e con diversi esempi, sulle possibilità d’utilizzo di quest’interessante tecnica. Questo corso è reso ancor più utile dall’interesse verso i veri comportamenti di questi CSS su vari browser.
http://www.mandarindesign.com/opacity.html