L'evoluzione del Web a volte ci fa dimenticare come l'interazione dell'utente che naviga un nostro sito non debba per forza essere l'invio e la ricezione di dati.

Anche il "vecchio" Web ha delle interessanti funzionalità: non tutti vogliono aggiornare il proprio profilo su Facebook, ma spesso preferiscono limitarsi a cercare e leggere informazioni sul Web.

Le pagine Web sono prima di tutto documenti e JavaScript permette di transformarle in documenti interattivi, un vantaggio che la carta stampata di certo non offre.

A questo scopo vorrei approfondire la libreria JavaScript Tangle, la cui breve definizione è "a JavaScript library for reactive documents" (una libreria JavaScript per documenti "reattivi").

Prima di presentare ciò che Tangle fa, partiamo dall'esempio in cui la libreria può essere utilizzata: state gestendo un sito che vende smartphone usati.

Per migliorare l'integrazione del social Facebook in un sito Plone sarebbe utile conoscere qualcosa in più riguardo a come le nostre pagine Web sono rappresentante su Facebook.

La prima cosa utile da fare è installare un prodotto per l'inserimento dei social plugin in Plone, come ad esempio sc.social.like. In questo modo, senza sviluppare nulla, avrai alcune funzionalità di Facebook e altri social nel tuo sito Plone. Quindi considero sc.social.like come base di partenza del nostro miglioramento tramite l'aggiunta dei meta tag og.

Foto di GOIABA.

Non sono certo la prima che parla di responsive images, recentemente è un argomento molto quotato. Questo perché le soluzioni proposte per servire la giusta immagine a seconda del device, delle dimensioni delle schermo o della larghezza di banda disponibile sono molteplici.

Ho deciso di dire la mia, perché da poco ho provato il plugin jQuery Picture e l'ho trovato molto semplice e veloce da integrare.

jQuery Picture serve ad inserire nel proprio layout un supporto alle immagini responsive.

Funziona con:

• l'HTML5 <figure> tag;

• il nuovo candidato <picture> tag.

Vi anticipo subito che non mi dilungherò sull'utilizzo del plugin con il tag <picture>: per ora è ancora una proposta e non si tratta di un codice HTML valido. Preferisco parlare di <figure>, che è già parte dello standard.

I liked the enthusiasm of Denys Mishunov. He gave us many suggestions, tips and tricks that we needed to improve our daily work. This is the most important thing to me.Thanks to Jarn guys, I discovered the importance of enjoying my work. These tools can really make us work more quickly and easily, and make it more fun.

I liked so much Yiorgis Gozadinos approach: he is always looking for the cleanest and simplest way to solve problems. For example, we talked about the importance to follow Design Patterns, reusable solutions that can be applied to commonly occurring problems. This patterns lead you to result, with a lower effort and no waste of time.

Passion and enthusiasm shown by my teachers made me once more realize that the best way to reach professional growth is loving what you do.

Among the many other topics we discussed during training, we spoke about tests, that allow you to increase your work quality.

Besides learning useful and interesting tools, we also made a comparison between our and their way of working. In some cases, we found most effective approaches.

Thank you, Jarn guys, not only for what you taught us on a technical level, but also for the emotional charge you gave me!

why collective.perseo?

collective.perseo was born during a collaboration with Irene Capatti, Federica D'Elia and SEO Specialist Andrea Pernici. The product quintagroup.seoptimaizer is very useful, but Andrea needed something more.

Features

With collective.perseo you can manage:

• globally (configurations applied to each page of the site), through “PerSEO” tool under Add-on Configuration:

  • Webmaster Tools (Google Webmaster Tools, Yahoo Site Explorer, Bing Webmaster Tools)
    

  • tag title, description and keywords meta tags, separately for:

    • Home page

    • Single page

    • Search page

    • Not Found page

    • Author page

    • Site Map page

    • Contact page

    • Event

    • File

    • Folder

    • Image

    • Link

    • News Item

    • Topic

  • Disable the indexing of resources using noindex and nofollow, separately for:

    • Search page

    • Login and Registration pages

    • Administration pages

    • Single pages

    • Event

    • File

    • Folder

    • Image

    • Link

    • News Item

    • Topic

    • (also handle noodp, noydir, noarchive, nosnippet)

  • Content types included in the sitemap.xml.gz

  • Ping sites (Google, Bing, Ask) automatically when the Site Map is updated

  • Indexing RSS feeds

  • Add itemscope and itemtype attributes to body tag (if you install the extension collective.perseoschema for Schema.org)

• one by one, through “SEO” tab on each content of the site (allows you to change SEO settings for that specific content):

  • tag title and description and Keywords meta tags

  • Meta Robots Follow Tag (follow/nofollow)

  • Meta Robots Index Tag (index/noindex)

  • Meta Robots Advanced Tag (noodp, noydir, noarchive, nosnippet)

  • Canonical URL

  • Content included in the sitemap.xml.gz (yes/no).

  • Priority of content in sitemap.xml.gz

  • itemtype attribute (if you install the extension collective.perseoschema for Schema.org)

Useful links

http://pypi.python.org/pypi/collective.perseo

http://pypi.python.org/pypi/collective.perseoschema

http://plone.org/products/collective.perseo

http://plone.org/products/collective.perseoschema