Sì, ve ne sono a bizzeffe di tool per il debugging in AS3, più o meno complessi. Questo (Ultra Simple Output class) lo segnalo per svariate ragioni: è di Grant Skinner, è spiccio, semplice da impostare e, non necessita di configurazioni trascendentali se non un import del suo (solo) file .as, qualora vogliate utilizzarlo nel vostro progetto. Come funziona? Come un "trace" evoluto, scenario classico: campo di testo dinamico assegnato a "debug" et voilà , tracciate quanto vi serve, sarà  "Out" a provvedere con gli "append" e scrolling del caso. Buon debug!

Continua a leggere (Ultra Simple) Out, debug facile in AS3

Categoria: Adobe World

Tags: , ,

Fra le varie tecniche utili a velocizzare il caricamento delle pagine web, una delle più efficaci è certamente l'uso di CSS Sprites. Il problema di questo metodo è la difficoltà  dell'implementazione: è laborioso creare correttamente gli sprite, è necessario dedicare del tempo per capire quali immagini possono essere incluse e bisogna agire con precisione nell'impostare valori corretti per le proprietà  background-position. Un processo che può essere automatizzato? Sì, con SpriteMe: un semplice bookmarklet realizzato da Steve Souders (Google) che permettere di realizzare sprites su misura per ogni sito in pochi secondi potendo vedere immediatamente il risultato finale e il guadagno in termini di peso e di numero richieste HTTP. (more…)

Continua a leggere SpriteMe: CSS Sprites in un batter d’occhio!

Categoria: CSS

Sono stati da poco rilasciati nuovi aggiornamenti in versione CTP dei Windows Azure Tools per Visual Studio e del Windows Azure Software Development Kit (SDK). Windows Azure è il kernel di una nuova piattaforma sviluppata da Microsoft per il Cloud Computing. In pratica, Azure è una piattaforma specializzata nel supportare lo sviluppo, la gestione e l'hosting di applicazioni sviluppate per girare in ambiente cloud e quindi per girare e scalare su internet. La nota interessante in tutto questo, per noi sviluppatori, consiste nel fatto che per sviluppare per la piattaforma Azure non è necessario imparare un nuovo linguaggio di programmazione in quanto tutto può essere fatto semplicemente utilizzando i noti linguaggi di sviluppo C# e VB.NET. Per maggiori informazioni su questa piattaforma, questa è la pagina ufficiale sul sito Microsoft. Mentre le nuove CTP dei Visual Studio Tools e dell'SDK per Azure sono disponibili qui e qui.

Continua a leggere SDK e Visual Studio Tools per Windows Azure

Categoria: Microsoft Dev

Tags: , ,

Sono stati da poco rilasciati i nuovissimi Microsoft Silverlight Tools per Visual Studio 2008 SP1. Un pacchetto corposo che contiene diversi elementi indispensabili per chi sviluppa applicazioni Silverlight. Oltre ai componenti di base e all'SDK, questo pacchetto contiene anche template di progetto per Visual Basic e C#, template WCF nonché diverse nuove funzionalità  che vengono aggiunte a Visual Studio 2008 SP1 per Silverlight, quali: - l'Intellisense per XAML - la preview in design mode dei file XAML - il supporto alle web reference - il supporto al debug delle applicazioni Silverlight - il debug remoto delle applicazioni Silverlight per MAC - l'integrazione con Expression Blend Potete effettuare il download dei Silverlight Tools da questa pagina. Questo pacchetto oltre che su Visual Studio 2008 può essere anche installato su Visual Web Developer 2008 Express SP1.

Continua a leggere Microsoft Silverlight Tools per Visual Studio 2008 SP1

Categoria: Microsoft Dev

I tool online permettono spesso di risparmiare del tempo prezioso, sopratutto se ci troviamo di fronti a compiti come calcolare il ritmo verticale, o convertire adeguatamente i pixel in em. Bene, vediamo 10 strumenti da tenere a portata di mano per velocizzare la messa appunto della tipografia delle nostre pagine. CSStypeset Ci permette di impostare la tipografia di un testo in tempo reale attraverso una semplice interfaccia e genera automaticamente le regole CSS. FontTester Permette di definire la tipografia di 3 blocchi di testo per poterli comparare tra di loro, e genera il relativo codice CSS. In più visualizza la mappa dei caratteri di ogni font. (more…)

Continua a leggere 10 tool per gestire la tipografia

Categoria: Web Design

Come di consueto, eccoci all'appuntamento mensile con alcune segnalazioni meritevoli che non hanno ancora trovato posto sul blog. Segue la lista: Logo design trends 2008 che illustra le tendenze grafiche dei logotipi nel 2008 SEO Basics, introduction to Search Engine Optimization una corposa introduzione all'ottimizzazione per i motori di ricerca Perfect Pagination Style Using CSS, una bella raccolta di navigazioni di paginazione da Antonio Lupetti Designing for the Mobile Web un'interessante introduzione su Sitepoint High-quality free icon sets una raccolta a 90 set di icone free 45 Photoshop tutorial for better navigation, una notevole selezione di tutorial su menu in Photoshop 45+ Fresh Out of the oven jQuery Plugins, ben 45 plugin per jQuery Sitepoint HTML reference, un ottimo complemento alla reference CSS sempre su Sitepoint Izzymenu un generatore on-line di menu con grafica e CSS.

Continua a leggere Bookmark di Marzo

Categoria: Web Design

Eccoci ad un nuovo appuntamento dei bookmark con alcune segnalazioni sparse sul mondo del web design. Cominciamo con le griglie e 960 Grid System, una validissima risorsa per gli sviluppatori. Il sito va ben oltre il concetto di framework CSS per le griglie: presenta infatti template in Photoshop, PDF, Fireworks e molto altro, tutto da scaricare liberamente e in duplice licenza MIT/GPL. Da non perdere il post di presentazione di Nathan Smith. A proposito di griglie, merita una lettura anche il recentissimo Grid-Based Design: Six Creative Column Techniques su Smashing Magazine. Passando agli screenshot, ecco due segnalazioni molto sfiziose. La prima riguarda Greenshot, un software free per Windows che permette di catturare schermate e/o porzioni di schermo in moltissimi formati, oltre a disporre di un versatile editor per aggiungere commenti e annotazioni. Se poi magari i vostri screenshot vorrete ospitarli sul web e/o condividerli, ecco ScrnShots, che però al momento è in beta privata. I rollover soft con CSS e javascript sembrano una tendenza emergente: poco tempo fa ho presentato Un menu gloss con i CSS e JQuery (qui uno degli esempi). L'effetto è applicabile anche su un header: un tutorial sul tema si può trovare in Creating a fading header con il relativo esempio. Se volete vedere l'effetto usato estensivamente su un sito, vi invito a fare una visita al bellissimo Dragon Interactive. Alla prossima!

Continua a leggere Bookmark web design

Categoria: Web Design

Alcune segnalazioni interessanti sui CSS che ho raccolto di recente. Cominciamo con Planning your stylesheet - the definitive guide: il titolo è un po' pretenzioso forse, ma contiene dei suggerimenti preziosi. Un articolo simile è Combating Classitis with Cascades and Sequential Selectors, con alcuni tips per usare le classi con buon senso. Passiamo ai tutorial: decisamente bello il Legend of style revised, un articolo che propone differenti presentazioni dell'elemento legend dei form. Ottenere risultati cross-browser per questo elemento non è semplice, ma mi pare che l'autore del pezzo abbia fatto un ottimo lavoro. Altro tutorial molto specifico: Creating and styling resizable buttons per ottenere bottoni semi-grafici autoadattanti in larghezza. (more…)

Continua a leggere CSS: tips, tutorial e risorse

Categoria: CSS

Se pensate che disegnare con i CSS sia impossibile, forse dovreste ricredervi. Su CSSGlobe, in Pure CSS icon Sketcher viene presentata una curiosa sperimentazione (con il relativo esempio) per ottenere un pixel-editor con i soli CSS. Il meccanismo è semplicissimo: si tratta solo di rendere i link in piccoli quadratini e usare le pseudo-classi :hover e in particolare :visited. Di pochissima utilità  pratica, ma decisamente notevole.

Continua a leggere Disegnare con i CSS

Categoria: CSS

Tags: , , ,

Dopo i bookmark di novembre, eccoci al nuovo appuntamento in cui vengono presentate le segnalazioni più significative del mese scorso e che non hanno trovato posto sul blog (mi scuso per il ritardo, ovviamente ;)). Ecco la lista: Heatcolor: interessante modo di aggiungere l'informazione attraverso il colore con questo plugin di JQuery CSS Text Wrapper: un curioso tool per poter disporre testo su curve grazie ai CSS. àˆ possibile esportare il risultato con stili inline, regole CSS o Javascript Silk Companions Icons: una bella collezione di icone che espande il famosissimo set Silk NicEdit un mini-editor WYSIWYG leggero e con buona compatibilità  cross-browser The secret to getting a lot of webdesign work, sei utili consigli per ottenere contatti e lavoro da web designer freelance CSSMenus: un menu dropdown verticale o orizzontale con un pizzico di Javascript e una buona compatibilità  cross-browser Creating Sexy Stylesheets su Vitamin, dieci preziosi consigli e buone pratiche di sviluppo con i CSS 47+ Excellent Ajax CSS Forms, una cinquantina di risorse sui form divise per categoria:CSS, usabilità , Javascript, validazione e molto altro 11 Images you might want to avoid in your designs: state pensando di aggiungere una stock photo al vostro sito? Leggete qui prima! 9 Essential Principles for Good Web Design: una bella lettura di graphic design corredata da molti approfondimenti

Continua a leggere Bookmark di Dicembre

Categoria: Web Design