He estrenat un nou projecte a Internet, es diu Tot Terrassa. És un projecte experimental, però en el que m’ha fet molta gràcia treballar i he après molt. Us animo a visitar-lo i a comentar i animar a afegir qualsevol cosa. A continuació us explico de què va:
El projecte
Tot Terrassa és un projecte realitzat per intentar aglutinar en una sola pàgina, el contingut de les xarxes socials relacionat per temàtiques.
La idea va sorgir gràcies a un article que va escriure Marc Roca per al diari la Torre, parlant de l’us de twitter i els hashtags relacionats amb Terrassa.
Com que de moment els hashtags de la seva proposta no són actius, s’ha optat per fer o utilitzar llistes presonalitzades o timelines de gent o entitats escollits específicament per la ocasió
El projecte és tot just un esbós, que s’inicia, perquè entre tots puguem acabar de perfeccionar-lo i fer-ne una eina útil per a tothom.
Com ja es va informant al llarg de la pàgina, és molt possible que falti afegir perfils i continguts o categories. No tingueu cap problema en contactar amb mi, per a qualsevol proposta de canvi, millora o per afegir perfils.
Per què?
Bàsicament perquè em venia de gust experimentar amb les següents tecnologies:
- Bootstrap – Framework per a desenvolupament web amb HTML5 i CSS3.
- Responsive Design – Gràcies a bootstrap es pot adaptar el contingut a diferents resolucions i dispositius (ordinadors, tablets i mòbils).
- Twitter Api – De moment no s’ha treballat gaire profundament amb la API de twitter, doncs a partir de la versió 1.1, han decidit restringir l’ús de l’extracció de contingut.
- Htaccess – Configuració de l’Apache mitjançant aquests arxius, per adaptar les URL a les nostres necessitats.
- SEO – Gràcies a les URL adaptades i a la especificació de headders i meta.
Eines utilitzades
Bootstrap
Flickr Api
- http://www.flickr.com/services/api/flickr.photos.search.html
- http://www.flickr.com/services/api/misc.urls.html
- http://www.web-development-blog.com/archives/search-for-photos-using-php-and-the-flickr-api/
- http://wiki.dreamhost.com/CURL_PHP_tutorial – encara no va, he d’investigar què passa amb el cURL
- http://www.hongkiat.com/blog/instagram-photo-search/ – Manual amb jQuery, agafem les consultes de la API
- http://instagram.com/developer/endpoints/tags/
Know array keys returned by flickr
Htaccess
- http://httpd.apache.org/docs/2.0/mod/mod_rewrite.html
- http://httpd.apache.org/docs/2.2/mod/mod_rewrite.html#rewritecond
- http://wiki.dreamhost.com/Htaccess
- http://wiki.dreamhost.com/Htaccess_tricks