Dopo l'articolo Gli strumenti richiesti in un hosting, voglio proporre lo stesso quesito ma in un ambito differente: quello degli editor, che utilizzate per scrivere pagine web. Quali sono le caratteristiche che un software desktop oriented di questo genere, che sia open source o meno, dovrebbe avere? Queste si devono intendere esclusivamente in chiave di programmazione, e non riguardanti gli strumenti interni come ad esempio le viste codice/risultato, i vari modelli di "creazioni guidate" o le disposizoni dei menu. (more…)

Continua a leggere Gli strumenti richiesti in un editor

Categoria: Software e Servizi

Tags: ,

Fortunati questi giovani d'oggi :) Ai miei tempi, quando non per lavoro ma per scrivere qualche articolo per HTML.it sui layout con i CSS (poi per fortuna mia e vostra ho conosciuto Alessandro Fulciniti), più o meno negli stessi tempi in cui Gianluca Troiani creava .ConStile.org, ci si doveva arrangiare con siti come The Layout Reservoir o Glish o con le Box Lessons di Owen Briggs, e studiare, testare, capire... :)Oggi se vuoi farti in un minuto lo schema di un complicatissimo layout a griglia con YUI CSS Grids basta andare sulla pagina del builder della stessa Yahoo o su questo Pages che ne ricalca il funzionamento migliorandolo, sempre e comunque con la magica potenza del WYSISWYG (o quasi...).A proposito, una curiosità : ai miei tempi ci si chiedeva in molti quando sarebbe arrivato un editor WYSISWYG in grado di semplificare il lavoro nella creazione di questo tipo di layout. So che Dreamweaver è migliorato molto negli anni sotto questo aspetto, ma non mettendoci mano da secoli non so davvero quale sia lo stato dell'arte: novità ? Per la parte 'teorica' dell'approccio alle griglie secondo Yahoo abbiamo un articolo di Gianluca Brindisi nella sezione CSS.

Continua a leggere Layout a griglia con… pochi click

Categoria: CSS

Tags: , ,

In un post di qualche giorno fa, ho presentato le diverse estensioni in via di sviluppo per Dreamweaver che permettono di aggiungere un supporto Javascript all'editor aggiungendo le API di alcuni framework come jQuery e Prototype. Qualche commentatore aveva domandato se anche per Ext, una libreria molto potente ed in continuo miglioramento, fosse disponibile un supporto del genere. Ebbene in questo articolo, apparso sul blog ufficiale di Ext, sono raccolti tutti i vari IDE disponibili (oltre a plug-in e tool assortiti), con tanto di procedura di installazione dettagliata per ogni singolo editor. Tra questi troviamo: Aptana Spket Eclipse Plugin & IDE Komodo Edit Dreamweaver àˆ evidente che gli sviluppatori stanno avendo una grande considerazione dei framework Javascript: queste patch semplificano e velocizzano di molto la scrittura di codice. Ne consiglio vivamente l'installazione agli sviluppatori che utilizzano Ext nei loro progetti.

Continua a leggere Tutti gli IDE per Ext

Categoria: Scripting

Se non volete utilizzare soluzioni già  pronte per il content managing e siete attirati dalla sfida di creare un vostro CMS, può essere utile avere a portata di mano una serie di regole in grado di facilitare il lavoro di sviluppo. Le linee guida di cui parlerà si basano sulla mia esperienza lavorativa, per questo motivo non sono di certo né vincolanti né inopinabili; sono semplicemente dei consigli che spero possano tornare utili. Dato che il discorso non è breve, lo distribuirà in più post dedicati ai diversi aspetti dello sviluppo. Questa volta parleremo dei presupposti di base che elencherà, premettendo da subito, che sicuramente qualche punto verrà  dimenticato, i contributi nei commenti possono essere quindi preziosi per integrare l'argomento con utili risorse. (more…)

Continua a leggere Linee guida per un CMS casalingo: il progetto

Categoria: CMS

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

Ha ragione Nanuciao quando dice che su queste pagine ci siamo occupati poco o niente di uno dei CMS open source più comodi e flessibili in circolazione: Textpattern. Ma non è mai troppo tardi per dedicare un po' di spazio a chi se lo merita. Qualcuno dice che creare un CMS, oggi giorno, è come cercare di reinventare la ruota, in effetti se c'è un settore in cui non manca l'imbarazzo della scelta è proprio quello dei Content Manager, comprese le alternative libere e gratuite che sono veramente tantissime. (more…)

Continua a leggere Textpattern e lo Humane Web Text Generator

Categoria: CMS

Ecco due editor dedicati a due tra i più famosi framework Javascript. Il primo, chiamato Bunkai, è un workbench interattivo dedicato a Dojo e creato da Peter Svensson. Il secondo è dedicato in larga parte a MooTools (oltre che alla gestione di pagine HTML) ed è chiamato MooStudio2008 (il link punta ad un file zip). L'autore ci fornisce solamente, appunto, il link allo zip che contiene l'applicazione, ma avendolo personalmente provato posso affermare che è molto utile per chi sviluppa con questo framework e fornisce strumenti come i suggerimenti di sintassi, la chiusura automatica dei tag e cosi via.

Continua a leggere Editor per i framework Javascript

Categoria: Scripting

EditArea

2 Jan

Simon Willison (da cui rilancio la segnalazione) definisce EditArea un "impressive JavaScript source code editor". Questo controllo distribuito con licenza LGPL in grado di trasformare una normale textarea in un potente editor di codice supporta tanti linguaggi: PHP, CSS, Javascript, Python, HTML, XML, VB, C, etc. Per tutti offre evidenziazione della sintassi, supporto della tabulazione, cerca e sostituisci basato sulle espressioni regolari, supporto per diverse lingue tra cui l'italiano e tanto altro.La pagina degli esempi mostra bene le potenzialità . Tra i browser supportati non figura Safari, ma provandolo sulla versione 3.0.4 (Mac OS X Leopard) non mi pare di aver riscontrato malfunzionamenti.

Continua a leggere EditArea

Categoria: Software e Servizi

Sono sempre più convinto che l'editor, anche se non sostituisce il programmatore, giochi un ruolo fondamentale nello sviluppo di un programma. Il tempo è denaro, risparmiare tempo quando si lavora è essenziale, ottimizzare il tempo è fondamentale. Questo post non è un nuovo trattato su quale editor per Ruby e Rails scegliere, il post indicato è più che sufficiente. In realtà  è una riflessione. Ora che sviluppo in Rails da un paio di mesi o poco più mi accorgo di quanto sia fondamentale un editor per risparmiare tempo. Ad esempio, selezionando un'action in un controller intellij vi permette di saltare alla view corrispondente e viceversa. (more…)

Continua a leggere Ruby Diary #22: L’IDE a supporto dello sviluppo

Categoria: Ruby

Appuntamento dedicato ad alcune segnalazioni di risorse e strumenti grafici. Poco tempo fa in aggiunta agli editor di immagini online, ho segnalato quello che viene presentato come il più potente, ovvero Fotoflexer. Si aggiunge al già  ampio ventaglio di scelta anche Splashup, che risulta a parer mio il più vicino ad un programma di editing tradizionale come funzionalità  disponibili e interfaccia. Chiunque abbia usato almeno una volta Gimp o Photoshop lo troverà  davvero familiare. Rimanendo in tema di strumenti online, ecco VectorMagic, un pratico servizio per convertire le immagini in vettoriale. L'interfaccia è molto semplice e consente di esportare il risultato in EPS, PNG o SVG: da evidenziare il comodo wizard attraverso cui è possibile guidare il processo. Notevole il confronto con Illustrator e Corel Draw. La terza segnalazione riguarda Favikon, un comodo strumento per creare le favicon. Basta caricare l'immagine, selezionare la regione ed il gioco è fatto.In chiusura, non poteva mancare una mega-lista: nella ricchissima 99 Resources for Web 2.0 Design vengono presentati generatori e risorse per categoria: dai badges ai menu, passando per brushes, bottoni e molto molto altro.

Continua a leggere Bookmark grafica

Categoria: Grafica