Ma il nuovo template è ormai pronto, col portfolio di articoli e progetti, perciò dò appuntamento nel fine settimana per un nuovo anno che comincia.

In queste settimane ho pubblicato su Programmazione.it:

1. Tre distribuzioni Linux per recuperare vecchi computer
2. FuelPHP, il nuovo che avanza
3. Tre prodotti open source per amministrare un web server in Linux (Parte 1, Parte 2)
4. Operazioni CRUD con PHP su un database MongoDB
5. Costruire un team portal con Open Atrium

Per HTML.it ho scritto di:

1. Gestione delle roadmap con Interstate
2. Due plugin per creare tooltip in jQuery
3. Agility, un framework MVC in JavaScript leggero e scattante
4. Costruire diagrammi di Gantt con un plugin jQuery
5. Disegnare pagine web per iPad con Magazine Grid
6. Mercury, l’editor HTML5 che si applica all’intera pagina web
7. Validare un indirizzo email in PHP facendo ricorso al DNS
8. Portfolio vincenti: cosa mettere dentro?
9. Login in PHP con Twitter e Facebook
10. Drag and drop di un file con HTML5 e JavaScript
11. W3Perl, l’alternativa pratica e leggera a Webalizer e AWStats
12. I rapporti di AdSense: cosa c’è di nuovo?

Buon fine settimana a tutti i lettori pazienti.

Blogging

1. How to Choose What to Blog About
2. 5 questions to ask when deciding whether to use Drupal or WordPress
3. 7 Reasons No One Reads Your Blog (Except Maybe Your Mom)

Web Design & Development

1. How to the Choose Colors for Your Website
2. 8 Essential Small Business SEO Tools

Per Programmazione.it ho pubblicato:

1. Google+, un social network a metà strada fra Facebook e Twitter
2. Parametri SEO, oltre il page rank
3. Aggiornamenti frequenti con gli update pack di Linux Mint

Per HTML.it ho pubblicato:

1. Joshfire, un framework HTML5 e JavaScript multi device
2. Comparazione di framework PHP: chi è il più veloce?
3. Realizzare finestre modali con leanModal.js
4. Il CAPTCHA ora si disegna con MotionCAPTCHA
5. PHP e database: PDO vs DBAL
6. Validazione carte di credito con un plugin jQuery

In questo blog, infine:

1. Linux dominerà il mercato dei server?
2. 5 strepitosi workspace targati Mac
3. Cosa c’è di nuovo in WordPress 3.2?

Buona domenica a tutti i lettori.

Blogging

1. How To Generate Massive Traffic For Your Blog in 4 Easy Ways!
2. 5 Myths About Membership Websites

Web Design & Development

1. BoxJS & BoxCss – Easy Way To Minimize And Cache JavaScript-CSS Files
2. Roots (a starting WordPress theme based on HTML5 Boilerplate)

News

1. I sistemi mainframe resistono all’avanzare del cloud

Su questo blog:

1. 5 Rich Javascript Framework
2. 5 Best Web Code Editor

Per HTML.it:

1. XSS e PHP: teoria e pratica
2. SEOmoz svela i fattori di posizionamento nel 2011
3. Debugging avanzato: consigli per l’uso
4. Sviluppo Web: framework o micro framework?

Buona domenica a tutti i lettori!

Blogging

1. When it’s Time to Kill Your Blog?
2. How Being a Coder Can Make You a Better Blogger

Freelancing

1. L’agile non è affatto semplice
2. Increase Your Productivity through Crowdsourcing

Tools

1. InuitCSS

ExtJS

Ext JS 4 is a major step forward for web frameworks. Building on Ext JS 3.3, our latest release adds over 350 new APIs, 50 new classes, and 65% more documentation. Ext JS 4 also brings an entirely new data package that enables developers to use a model-view-controller architecture when building their app. The new MVC enables apps to leverage features like Infinite Scrolling a Grid to build an entirely new level of interactivity in to web apps.

Cappuccino

Cappuccino is an open source application framework for developing applications that look and feel like the desktop software users are familiar with.

Cappuccino is built on top of standard web technologies like JavaScript, and it implements most of the familiar APIs from GNUstep and Apple’s Cocoa frameworks. When you program in Cappuccino, you don’t need to concern yourself with the complexities of traditional web technologies like HTML, CSS, or even the DOM. The unpleasantries of building complex cross browser applications are abstracted away for you.

Cappuccino was implemented using a new programming language called Objective-J, which is modelled after Objective-C and built entirely on top of JavaScript. Programs written in Objective-J are interpreted in the client, so no compilation or plugins are required. Objective-J is released alongside Cappuccino in this project and under the LGPL.

Qooxdoo

qooxdoo is a universal JavaScript framework that enables you to create applications for a wide range of platforms. With its object-oriented programming model you build rich, interactive applications (RIAs), native-like apps for mobile devices, traditional web applications or even applications to run outside the browser.

You leverage its integrated tool chain to develop and deploy applications of any scale, while taking advantage of a comprehensive feature set and a state-of-the-art GUI toolkit. qooxdoo is open source under liberal licenses, led by the world’s largest web host 1&1, with a vibrant community.

Wijmo

Wijmo is a complete kit of over 30 UI widgets with everything from interactive menus to rich charts. If you know jQuery, you know Wijmo. Complete with documentation and professional support, every widget is hand-crafted and includes premium themes.

Dojo

Dojo saves you time, delivers powerful performance, and scales with your development process. It’s the toolkit experienced developers turn to for building superior desktop and mobile web experiences.

Le differenze fra queste due forme di applicazione sono certamente importanti, tali da giustificare un minimo ragionamento che proverò a riassumere in questo articolo.

Iniziamo a descriverne brevemente le caratteristiche dell’una e dell’altra soluzione.

Web App

Una web app è semplicemente una pagina web opportunamente costruita per essere meglio fruita da un dispositivo quale tablet o smartphone, quindi e un browser mobile. Per tale motivo diventano cruciali le scelte e le competenze circa JavaScript e le svariate librerie che permettono di costruire quelle che si chiamano Rich Internet Application.

Il vantaggio principale è quindi quello legato al fatto che si possono riusare e adattare le conoscenze dei programmatori circa i linguaggi del web: HTML, CSS, JavaScript, e magari PHP o Ruby o Python lato server.

L’altro vantaggio riguarda il fatto che l’applicazione sarà accessibile ovunque e da svariati dispositivi: computer desktop, laptop, smartphone, tablet e quanto altro.

Lo svantaggio è quello di dover rinunciare alle notifiche push (si potrebbe sfruttare un refresh della pagina web) o alla possibilità di controllare elementi del dispositivo quale la fotocamera, il magnetometro, il GPS.

In ultimo è evidentemente impossibile accedere allo store e, in tal senso, guadagnare con la vendita dell’applicazione per il cui utilizzo occorre l’accesso a Internet.

App

Le applicazioni native sono scritte sfruttando il linguaggio specifico del dispositivo, in questo caso Object C e i vari framework. In questo senso le applicazioni possono sfruttare tutta la potenza dei dispositivi, con la possibilità di usare sensori, GPS, accelerometro e via così.

Le applicazioni native possono avere tutta una grafica, e in genere una GUI, molto curata e misurata, costruita ad arte per l’applicazione in questione.

Uno sviluppatore può pubblicare sullo store potendo fare business.

Il vantaggio principale è, infine, quello di poter sfruttare le notifiche push e avviare l’applicazione in modalità offline, impossibile con una web app.

Conclusione

A mio avviso, dunque, occorre pianificare per bene il lavoro, cercando di capire che tipo di applicazione bisogna costruire. In genere i servizi web più popolari hanno di fatto prima costruito un portale per il web e poi adattato ad hoc un’applicazione nativa. Quest’ultima fornisce, nella maggior parte dei casi, solo un’interfaccia più comoda ai dati del portale, sfruttando le API del servizio.

Credo che le web app possono trarre ulteriore vantaggio dalla pubblicazione di HTML5, con tutto quello che comporta la nuova versione di questo linguaggio.

Viceversa, per giochi e applicazioni stand alone è preferibile ricorrere a un’applicazione nativa per tutti i vantaggi elencati sopra.

Tu che ne pensi?

In questo blog:

1. 40 esempi di pricing table da cui trarre ispirazione;
2. 3 siti per imparare jQuery.

Per HTML.it:

1. Syrius, un ORM tutto italiano.

Web Design & Development

1. Get Started Developing For Android With Eclipse, Reloaded
2. CakePHP: Authentication Setup on an Application
3. 41 Killer WordPress Themes & Apps

Il primo che vi propongo è un vero e proprio libro, pubblicato online. Scritto e pensato da Rebecca Murphey, è in realtà una grande collezione di articoli con diversi contributi di sviluppatori e designer. E’ quello che offre un percorso quanto più vicino al classico libro con le pagine di carta. Si chiama jQueryFundamentals .

Il secondo link è riferito al miglior nome di dominio che un autore poteva scegliere per un blog interamente incentrato su jQuery: Learning jQuery. Il principale autore degli articoli, che non seguono, diversamente dal jQueryFundamentals, un ordine concettuale rigoroso (essendo propriamente un blog), è Karl Swedberg che ho potuto apprezzare per il linguaggio semplice e diretto, senza troppi fronzoli e divagazioni teoriche.

L’ultimo link è probabilmente il riferimento che preferisco. Su jQuery for Designers saltuariamente vengono pubblicati interessanti articoli, divisi per livello di difficoltà e profondità di analisi. Tanto codice commentato e tanti demo. Più, chi ama questa forma di comunicazione, diversi screencast che scatenano a volte discussioni accesissime che si rivelano poi preziose fonti per ulteriori approfondimenti.

Avete risorse da proporre?

Per HTML.it ho scritto in questa settimana di CMIS e Chemistry (il tentativo, cioè, di integrare più CMS attraverso una sorta di standard), di un paio di best practices per creare i classici bottoni call to action, e di jStat (una libreria per calcoli statistici in JavaScript).

In questo blog ho pubblicato una lista di utilissimi software per creare diagrammi e grafici di ogni tipo e alcuni piccoli trucchi per installare correttamente il simulatore Packet Tracer della Cisco su Ubuntu.

Buona domenica a tutti i lettori.

Web Design & Development

1. Different Image Formats – And When to Use Them
2. Design Charts for Better Typography and Color
3. Task & Time Management for Designers

Blogging

1. 11 Pro Tips for Better Business Blogging
2. Understand Your Site’s Traffic

Freelancing

1. What to Do When You Have too Much Work

Tools

1. OpenPublic (an open source content management system based on Drupal and tailored for building websites for government);
2. D3 (a small, free JavaScript library for manipulating documents based on data);
3. RightJs (JavaScript Framework That Feels Right)

Su questo blog ho pubblicato la lista dei miei migliori software open source per piattaforma Windows, almeno quelli che uso io.

Per HTML.it ho proposto due news: sull’app store di Mozilla (Web App Project) e sul Native Client SDK di Google (che permetterà di poter eseguire codice compilato pure sui browser).

Web Design & Development

1. Create Bookmarklets – The Right Way
2. Creare un Vcard professionale in pochi passi
3. How To: Create an Article Directory with WordPress

Blogging

1. The 11 Definitive Rules of Blogging
2. Want More Readers? Read More Blogs
3. 5 Lessons from an Internet Millionaire
4. Tradurre Articoli Toglie Valore a un Blog?

Esistono svariate soluzioni che permettono di embeddare un font in documenti HTML. Io odio Flash, dunque non parlerò di sIFR. Recentemente ho potuto apprezzare la bontà di uno strumento quale Cufon.

L’ho recensito proprio in questi giorni per Programmazione.it. Ecco un estratto dell’articolo:

[...] Cufon, invece, è una libreria JavaScript, che permette di ottenere maggiore controllo sulla tipografia delle pagine, evitando l’uso di Flash e rendendo leggero la sostituzione dei font. Cufon è un script che si incorpora piuttosto facilmente nelle pagine web e che agisce lato client sfruttando l’elemento canvas. Ciò produce un vantaggio in termini di velocità di caricamento delle pagine e dell’effetto, e la possibilità di non rinunciare a parametri legati all’accessibilità.

[Via Programmazione.it]

Lo uso quasi regolarmente quando ho la necessità di ricorrere a font particolari e devo rinunciare alle ultime novità sulla direttiva @font-face di CSS3.

Una bella scoperta che volentieri vi giro è il sito cufonfonts.

E’ una collezione di font (piuttosto numerosa, per cui non faticherete di certo a scovare quello che più vi piace) utilizzabili con la libreria Cufon. Già convertiti, pronti al download e facilmente embeddabili nei vostri progetti. Fatene buon uso!

Photo Credits: Francisco Javier Argel