Una de les coses que fem més sovint els que fem manuals, tutorials i suport a l’usuari és capturar pantalles, i és interessant i útil que l’aplicació que fem anar resulti senzilla i a la vegada ens doni opcions de captura: tota la pàgina, la vista actual, o només una selecció; també que ens permeti afegir-hi gràfics i/o comentaris (fletxes, cercles, etc.).
Read more ...
dilluns, 27 de desembre del 2010
dijous, 16 de desembre del 2010
Ara que l'any s'acaba
Aprenentage i formació online.
Eines que ens poden ajudar a l'hora de crear un curs online o una demo d'una aplicació o pàgina web.
A l'hora d'escollir un programa per fer vídeos de demostració cal que fem un estudi de les aplicacions que esn ofereix el mercat i que aquestes compleixin amb les expectatives següents:
Us presento una petita comparativa de tres aplicacions per fer captura de pantalla en viu.
Captivate
Wink
Camtasia Studio
A partir d'aquí i veient les característiques de cadascuna de les aplicacions podem escollir una o altra depenent de les prestacions que ens ofereixen, la butxaca, o l'afinitat que tinguen per una o altra marca.
Read more ...
A l'hora d'escollir un programa per fer vídeos de demostració cal que fem un estudi de les aplicacions que esn ofereix el mercat i que aquestes compleixin amb les expectatives següents:
- Bona qualitat d'imatge i vídeo
- Fàcil de fer anar
- Possibilitat de personalització de les presentacions
- Vídeo resultant de poc pes per poder-lo penjar en una pàgina web
Us presento una petita comparativa de tres aplicacions per fer captura de pantalla en viu.
Captivate
- Fàcil de fer anar.
- Software propietari
- Captura la pantalla en forma de frames /imatges en jpg. el vídeo resultat en un swf. Això fa que el vídeo es vegi a cops i les animacions es veuen desenfocades. El swf resultant és excessivament pesant, un vídeo de 50 segons pot arribar a pesar 10 megas.
- Permet una bona personalització del vídeo.
Wink
- Fàcil de fer anar.
- Software lliure
- Captura la pantalla en forma de frames /imatges en jpg. el vídeo resultat en un swf. Això fa que el vídeo es vegi a cops.
- Permet molt poca personalització del vídeo (globus, textos, subtítols, barra de navegació)
Camtasia Studio
- Fàcil de fer anar.
- Software propietari
- Captura la pantalla en format de vídeo/pel·lícula.
- La reducció de mida del vídeo no afecta a la qualitat de les imatges.
- Permet una gran personalització de la interfície i del vídeo resultant. (globus, textos, subtítols, barra de navegació)
- El vídeo resultant són diferents arxius (mp4, javascript, swf).
- El fitxer swf resultant és molt lleuger.
A partir d'aquí i veient les característiques de cadascuna de les aplicacions podem escollir una o altra depenent de les prestacions que ens ofereixen, la butxaca, o l'afinitat que tinguen per una o altra marca.
dimarts, 14 de desembre del 2010
Estàndard Xforms
L'estàndard Xforms és un nou llenguatge d'etiquetatge per a formularis Web, dissenyat per ser el substitut dels formularis tradicionals HTML , i que va a permetre als desenvolupadors de formularis Web distingir entre el propòsit del formulari i la seva presentació. Aquesta separació clara entre contingut i presentació ofereix grans avantatges en termes de:
Què podem fer amb XForms que no podem fer amb els vells formularis HTML? XForms pot fer tot el que fan els formularis HTML, però a més permet:
Traducció de la "Guía breve de XForms"
Més informació W3C XForms
Read more ...
- Reutilització: ja que els mòduls XForms poden reutilitzar-se independentment de les dades que recullen
- Independència de dispositiu: gràcies a que els controls de la interfície d'usuari són abstractes i només s'indiquen les seves característiques genèriques, la qual cosa permet la seva representació en diferents dispositius
- Accessibilitat: en separar presentació i contingut la informació està disponible de forma més senzilla per als usuaris que precisin d'ajudes tècniques per a la navegació en la Web.
Què podem fer amb XForms que no podem fer amb els vells formularis HTML? XForms pot fer tot el que fan els formularis HTML, però a més permet:
- Comprovar automàticament els valors de les dades mentre l'usuari els introdueix.
- Indicar que certs camps són obligatoris i que el formulari no podrà ser enviat sense aquesta informació.
- Enviar formularis de dades com XML , ja que XForms és XML.
- La integració amb Serveis Web, per exemple, usant SOAP i XML RPC.
- Enviar el mateix formulari a diferents servidors (per exemple, la recerca d'una paraula s'envia a diferents motors de recerca).
- Desar i restaurar valors en i des d'un arxiu.
- Utilitzar el resultat d'un enviament com a entrada per a un formulari posterior.
- Obtenir les dades inicials per a un formulari a partir d'un document extern.
- Deduir valors des d'altres valors presents en el formulari, per exemple que el camp "quantitat total" contingui la suma de totes la compres individuals.
- Forçar valors perquè apareguin de determinada forma, per exemple obligant al fet que els valors estiguin compresos en un rang determinat.
- Construir formularis a l'estil de "cistella de la compra" i "assistents" sense necessitat de programar.
- Utilitzar nous mètodes d'enviament en comparació dels formularis HTML. Tots ells són mètodes HTTP estàndard per enviar dades a través de la xarxa.
- Millorar l'experiència dels usuaris.
- Combinar tecnologies XML existents.
- Aconseguir la Independència de Dispositiu.
- Facilitar la creació de formularis complexos.
Traducció de la "Guía breve de XForms"
Més informació W3C XForms
diumenge, 12 de desembre del 2010
Criteris d'accessibilitat que han de seguir els formularis d'entrada de dades
Al web de Inteco trobareu la Guía de comprobación de accesibilidad en formularios que ens parla sobre com podem comprovar l'accessibilitat dels formularis d'introducció de dades i si aquests van correctament etiquetats i la manera de fer-ho. Us en faig un petit resum:
Etiqueta Label: Tots els controls del formulari cal que s'identifiquin amb l'etiqueta LABEL (excepte els botons)
Col·locació de les etiquetes: associació implícita o explícita.
Ordre de tabulació lògic
Agrupació de la informació elements FIELDSET i LEGEND: Per realitzar una agrupació de diversos controls, s'utilitza l'element FIELDSET i per a la descripció del grup obligatòria, l'element LEGEND.
En les llistes desplegables cal agrupar els valors amb l'element OPTGROUP, que millorarà la localització i comprensió de les dades
Read more ...
Etiqueta Label: Tots els controls del formulari cal que s'identifiquin amb l'etiqueta LABEL (excepte els botons)
Col·locació de les etiquetes: associació implícita o explícita.
- Associació implícita: L'etiqueta ha d'estar col·locada immediatament abans o després del seu control en la mateixa línia (o damunt del control si la línia és diferent) o el control ha d'estar dins de l'etiqueta.
- Associació explícita: L'associació ha d'indicar-se expressament a través dels atributs id i for.
Ordre de tabulació lògic
Agrupació de la informació elements FIELDSET i LEGEND: Per realitzar una agrupació de diversos controls, s'utilitza l'element FIELDSET i per a la descripció del grup obligatòria, l'element LEGEND.
En les llistes desplegables cal agrupar els valors amb l'element OPTGROUP, que millorarà la localització i comprensió de les dades
dissabte, 11 de desembre del 2010
Aviary: suite gratuita d'eines de creació web en línia
Aviary és una suite gratuïta d'eines de creació web en línia. Amb Aviary podem editar fotos, logos, plantilles web, plates de colors, capturar pantalles etc.
L'editor d'imatges Phoenix. Phoenix és una eina d'edició d'imatges online.
Talon és un capturador de pantalla en el que pots afegir una URL per capturar-la o també instal·lar l'addon pel Firefox. El capturador permet escollir la resolució, qualitat, regió (pàgina completa)
Raven editor de dibuix vectorial
Peacock editor d’efectes
Roc Music creator
Falcon Image Markup
Myna Editor d’àudio
Toucan editor de paletes de colors
Les eines d’edició d’imatges es poden cridar entre elles de manera que poden editor una imatge amb el Phoenix i afegir-hi fletxes, cercles, textos amb el Falcon. El web ens proporciona exemples de treballs fets amb les eines d’Aviary i ens dóna la possibilitat d’editar-les per veure com funcionen les eines.
100% recomanable.
Aviary Editor d'HTML5 pel nostre lloc web!!!
Chuck Norris ens la recomana
divendres, 10 de desembre del 2010
Criteris d'usabilitat que han de seguir els formularis d'entrada de dades
Criteris d'usabilitat que han de seguir els formularis d'entrada de dades
Comprensió del formulari
L’usuari ha de veure clarament per a que serveix aquell formulari (registre, entrar, etc.)
Les etiquetes dels camps cal que expliquin clarament què cal introduir en cada camp.
Els camps de text d'entrada cal que indiquin la quantitat i el format de dades que ha d'introduir.
Quan les etiquetes siguin en forma de preguntes, aquestes cal que es presentin en un llenguatge clar i senzill.
Funcionament del formulari
Es aconsellable que els camps en els formularis continguin suggeriments, exemples o models de respostes per demostrar l'entrada esperada.
Cal que els formularis estiguin validats abans d'enviar el formulari.
Facilitar la correcció d'errors, per exemple situant el cursor allà on es requereix correcció
Els quadres de text cal que tinguin la longitud adequada per a la resposta esperada.
Ordenació del formulari
El camps del formulari s'agrupen de forma lògica, i cada grup té un títol.
És important no barrejar conceptes i que aquests estiguin ordenats.
Més informació a User focus Forms Checklist
Read more ...
Comprensió del formulari
L’usuari ha de veure clarament per a que serveix aquell formulari (registre, entrar, etc.)
Les etiquetes dels camps cal que expliquin clarament què cal introduir en cada camp.
Els camps de text d'entrada cal que indiquin la quantitat i el format de dades que ha d'introduir.
Quan les etiquetes siguin en forma de preguntes, aquestes cal que es presentin en un llenguatge clar i senzill.
Funcionament del formulari
Es aconsellable que els camps en els formularis continguin suggeriments, exemples o models de respostes per demostrar l'entrada esperada.
Cal que els formularis estiguin validats abans d'enviar el formulari.
Facilitar la correcció d'errors, per exemple situant el cursor allà on es requereix correcció
Els quadres de text cal que tinguin la longitud adequada per a la resposta esperada.
Ordenació del formulari
El camps del formulari s'agrupen de forma lògica, i cada grup té un títol.
És important no barrejar conceptes i que aquests estiguin ordenats.
Més informació a User focus Forms Checklist
dimarts, 7 de desembre del 2010
Implementant altres tipus de lletra en la web
Gràcies a diverses eines i APIs a l'hora d'escollir un tipus de lletra pel nostre web, ja no cal (en principi) fer anar els tipus de lletra de sistema, ja sabeu: Arial, Verdana, Times New Roman etc.
Per poder-ho fer cal seguir un sèrie de recomanacions que ens evitaran mals de cap a l'hora d'utilitzar altres fonts.
Formats dels arxius de fonts segons els navegadors:
Explicació del codi CSS per inserir arxius de fonts al web
Paulirish.com
Generador de codi Font Squirrel
Font Squirrel ens proporciona un generador online i un llistat de fonts per a que les puguem utilitzar en els nostres dissenys i les nostres webs. Aquí teniu un exemple del generador de codi:
Codi CSS per tenir una font disponible
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on July 23, 2010 05:08:36 AM America/New_York */
@font-face {
font-family: 'KingthingsGothiqueRegular';
src: url('Kingthings_Gothique-webfont.eot');
src: local('☺'),
url('Kingthings_Gothique-webfont.woff') format('woff'),
url('Kingthings_Gothique-webfont.ttf') format('truetype'),
url('Kingthings_Gothique-webfont.svg#webfontfcLqx2uM') format('svg');
font-weight: normal;
font-style: normal;
}
Codi CSS per utilitzar una font
h1.fontface {font: 60px/68px 'KingthingsGothiqueRegular', Arial, sans-serif;letter-spacing: 0;}
Read more ...
Per poder-ho fer cal seguir un sèrie de recomanacions que ens evitaran mals de cap a l'hora d'utilitzar altres fonts.
- Podem utilitzar tot tipus de fonts a les webs (tenint en compte llicència, llegibilitat, etc.), i s'ha d'ajustar el disseny a la posterior maquetació.
- A l'hora de fer el disseny, mai s'han d'escalar les fonts, sempre s'han d'utilitzar com a font/text i no com a imatge vectorial.
- Junt amb el disseny cal que existeixi la llista de fonts utilitzades i les seves mides i atributs.
- Per poder utilitzar una font qualsevol a un disseny s'ha de disposar com a mínim dels arxius en format TrueType i EOT.
Formats dels arxius de fonts segons els navegadors:
- TrueType Fonts: Firefox 3.5+ , Opera 10+, Safari 3.1+, Chrome 4.0.249.4+
- EOT fonts: Internet Explorer 4+
- WOFF fonts: Firefox 3.6+, Internet Explorer 9+, Chrome 5+
- SVG fonts: iPad and iPhone
Explicació del codi CSS per inserir arxius de fonts al web
Paulirish.com
Generador de codi Font Squirrel
Font Squirrel ens proporciona un generador online i un llistat de fonts per a que les puguem utilitzar en els nostres dissenys i les nostres webs. Aquí teniu un exemple del generador de codi:
Codi CSS per tenir una font disponible
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on July 23, 2010 05:08:36 AM America/New_York */
@font-face {
font-family: 'KingthingsGothiqueRegular';
src: url('Kingthings_Gothique-webfont.eot');
src: local('☺'),
url('Kingthings_Gothique-webfont.woff') format('woff'),
url('Kingthings_Gothique-webfont.ttf') format('truetype'),
url('Kingthings_Gothique-webfont.svg#webfontfcLqx2uM') format('svg');
font-weight: normal;
font-style: normal;
}
Codi CSS per utilitzar una font
h1.fontface {font: 60px/68px 'KingthingsGothiqueRegular', Arial, sans-serif;letter-spacing: 0;}
diumenge, 14 de novembre del 2010
dilluns, 8 de novembre del 2010
Coses que cal fer immediatament després d'haver publicat un web
Coses que cal fer immediatament després d'haver publicat un web
Via Six Revisions us presento un bon article sobre les coses que cal fer immediatament després d'haver publicat un web.
Read more ...
Via Six Revisions us presento un bon article sobre les coses que cal fer immediatament després d'haver publicat un web.
- Crear els arxius sitemap.xml i robots.txt: Sitemap.xml és un llistat de totes les url del nostre web. Robots.txt es un arxiu que conté informació sobre quines parts del lloc web el motors de cerca han de trobar o no
- Google Analytics: què faríem sense ell!
- Configuració de les eines per a webmasters de Google: Veure post
- Monitoritzar les cerques i l'activitat de la pàgina
- Comprovar la velocitat de descàrrega del web Veure post
dilluns, 1 de novembre del 2010
IE6 Fixer
IE6 Fixer millora els mals de cap produïts pel navegador tossut.
Permet afegir el nostre codi CSS per a que "l'optimitzi" per a l'IE6.
Podeu veure la ideologia exposada sobre la depuració amb IE6.
Read more ...
Permet afegir el nostre codi CSS per a que "l'optimitzi" per a l'IE6.
Podeu veure la ideologia exposada sobre la depuració amb IE6.
dijous, 21 d’octubre del 2010
Criteris d’usabilitat que han de complir les pàgines d’inici
Es podria dir que l’èxit o fracàs d’una pàgina web depèn del que es mostra a la pàgina d’inici, aquí hi intervenen diversos factors el temps de descàrrega, els idiomes disponibles, el disseny gràfic, l’estructura, els continguts, etc. Per tant és important que posem atenció a allò que volem mostrar a la pàgina inicial, no només de forma estètica si no també de forma coherent.
Via UserFocus us presento un recull de punts de valoració de les pàgines d’inici que ens poden ajudar a millorar el nostre web.
Continguts i navegació
Posicionament
Aspecte i disseny
Read more ...
Via UserFocus us presento un recull de punts de valoració de les pàgines d’inici que ens poden ajudar a millorar el nostre web.
Continguts i navegació
- La pàgina d’inici conté un cercador en una zona ben visible
- Amb només un cop d’ull l’usuari ha de ser capaç d’entendre per on començar.
- La pàgina d’inici cal que mostri totes les opcions principals i cal que sigui un bon exemple dels continguts que es trobaran en el lloc web.
- Els continguts més útils es presenten a la pàgina d’inici o només a un clic de la pàgina d’inici
- Les opcions de navegació estan ordenades de la manera més lògica o orientades a tasques
- La zona de navegació està prou diferenciada i no es confon amb altres elements
Posicionament
- Els enllaços i textos de la pàgina d’inici cal que contingui les paraules clau més importants
- El title de la pàgina cal que proporcioni bona visibilitat pels els motors de cerca
- La pàgina d’inici té una adreça URL fàcil de recordar
Aspecte i disseny
- La pàgina d’inici conté elements gràfics significatius, cal evitar el clipart i les imatges de catàleg que no aportin valor als continguts exposats
- El disseny de la pàgina d’inici ha de tenir aspecte professional i cal que doni una primera impressió positiva.
- El disseny de la pàgina d’inici ha d’animar als usuaris a explorar el lloc web.
- La pàgina d’inici té aspecte de pàgina d’inici, les pàgines interiors no s’han de confondre amb ella.
divendres, 15 d’octubre del 2010
e-books
Ara que estan de moda els e-Books, Iphone, Ipad i d'altres gadgets, algunes de les lectures que es poden incloure en la nostra llibreria electrònica són les següents:
The Web Book .pdf en anglès
Read more ...
- Accessibilitat i Usabilitat
- Tipografia
- Disseny web
- Desenvolupament web
The Web Book .pdf en anglès
- Web 2.0, web semàntica, Social Media
dijous, 14 d’octubre del 2010
Toolani: trucades barates arreu del món
La competitivitat en el món de les telecomunicacions fa que cada cop més les empreses desenvolupin solucions fàcils, ràpides i sobretot econòmiques que al final beneficien als usuaris. En aquest cas us presentem Toolani una aplicació per mòbil amb la que es poden fer trucades a molt bon preu arreu del món.
Les solucions que ens ofereix són
Funciona d’una manera molt senzilla, primer cal que ens registrem, afegim els nostres números de telèfon internacionals i ja podem començar a trucar.
Read more ...
Les solucions que ens ofereix són
- Toolani Classic: un cop ens hem registrat, Toolani Classic funciona des de qualsevol telèfon mòbil i fix. Podrem trucar a qualsevol part del món al preu d'una trucada local
- Toolani Wifi: trucar a través de xarxes wifi amb qualsevol Smartphone. També podem fer trucades a qualsevol part del món al preu d'una trucada local.
- Toolani buddy: si truquem a un amic que també té Toolani la trucada ens surt gratis.
Funciona d’una manera molt senzilla, primer cal que ens registrem, afegim els nostres números de telèfon internacionals i ja podem començar a trucar.
dimecres, 29 de setembre del 2010
Samarretes Limitnordest
Hola que tal
Fa poc que hi ha el baner de Samarretes Limitnordest, passarem a explicar una mica el que hi ha i el que hi haurà.
Samarretes dels pobles de Lleida: de moment n'hi ha 2 de les Segrià Lowlands (Llardecans i Torrebesses).
Samarretes del barris de la Ciutat de Lleida: en preparació Pardinyes, Balàfia i La Bordeta
Samarretes de coses vàries: Espremulls, Reus Federation (a Spreadshirt no l'han acceptat, si algú la vol, la pot demanar). En breu unes quantes més.
Read more ...
Fa poc que hi ha el baner de Samarretes Limitnordest, passarem a explicar una mica el que hi ha i el que hi haurà.
Samarretes dels pobles de Lleida: de moment n'hi ha 2 de les Segrià Lowlands (Llardecans i Torrebesses).
Samarretes del barris de la Ciutat de Lleida: en preparació Pardinyes, Balàfia i La Bordeta
Samarretes de coses vàries: Espremulls, Reus Federation (a Spreadshirt no l'han acceptat, si algú la vol, la pot demanar). En breu unes quantes més.
divendres, 17 de setembre del 2010
Congreso de Internet: Madrid 22, 23 i 24 d'Octubre
Congreso de Internet
Madrid 22, 23 i 24 d'Octubre
El Congrés d'Internet és el nou nom del Congrés de WebMasters, referent de la Web 2.0 a Espanya.
Amb gairebé 10.000 assistents en les passades edicions, el Congrés d'Internet torna aquest any per parlar de Social Media, Posicionament en Cercadors, Màrqueting Online, Analítica Web, Xarxes Socials, Seguretat i tots els aspectes que interessen a la comunitat d'Internet a Espanya.
Read more ...
Madrid 22, 23 i 24 d'Octubre
El Congrés d'Internet és el nou nom del Congrés de WebMasters, referent de la Web 2.0 a Espanya.
Amb gairebé 10.000 assistents en les passades edicions, el Congrés d'Internet torna aquest any per parlar de Social Media, Posicionament en Cercadors, Màrqueting Online, Analítica Web, Xarxes Socials, Seguretat i tots els aspectes que interessen a la comunitat d'Internet a Espanya.
dimarts, 14 de setembre del 2010
Guia de WAI ARIA
INTECO (Instituto Nacional de Tecnologías de la Comunicación) ha publicat una guia introductòria
per a que l'ús de tecnologies web enriquides siguin més accessibles.
La guia proposa una serie de solucions i exemples pràctics de com utilitzar aquestes tecnologies (en especial AJAX) per millorar-ne l'accessibilitat
Podeu descarregar la guia de la pàgina d'INTECO
Read more ...
per a que l'ús de tecnologies web enriquides siguin més accessibles.
La guia proposa una serie de solucions i exemples pràctics de com utilitzar aquestes tecnologies (en especial AJAX) per millorar-ne l'accessibilitat
Podeu descarregar la guia de la pàgina d'INTECO
divendres, 10 de setembre del 2010
Deep Catalonia Live Tour: Espremulls on tour
Festa Major de Cambrils
Dimecres 8 de setembre
Acompanyament del seguici popular
Web Cambrils programa de festa major
Festa Major de Bellpuig
Dijous 9 de setembre
Cercavila del pregó
Divendres 10 de setembre
Cercavila de festa major
Web Bellpuig programa de festa major
Read more ...
Dimecres 8 de setembre
Acompanyament del seguici popular
Web Cambrils programa de festa major
Festa Major de Bellpuig
Dijous 9 de setembre
Cercavila del pregó
Divendres 10 de setembre
Cercavila de festa major
Web Bellpuig programa de festa major
dimecres, 8 de setembre del 2010
Unicorn el validador tot en un
L’W3C llença l’Unicorn una eina que ens ajudarà a millorar la qualitat de les nostres pàgines web. Unicorn combina totes les eines de validació del W3C en una de sola, amb una interfície senzilla i de fàcil ús. Les eines que trobem són:
Read more ...
- Validador de codi (etiquetatge) HTML, XHTML
- Validador de CSS
- Validador de canals RSS
- Checker MobileOK
Etiquetes:
accessibilitat
,
bones pràctiques
,
CSS
diumenge, 5 de setembre del 2010
Firefox 4 Beta
Ja tenim aquí la versió beta del Firefox 4, pensada per descarregar, provar-la i donar la nostra opinió sobre si funciona bé o no.
Les coses noves que porta:
Descarregueu Firefox 4 Beta en català
Alguns problemes que ens hem trobat
Que alguns addons no funcionen, bé això no és del tot un problema, però hi ha un parell de solucions una es desempaquetant l'extensió i modificant l'arxiu XML, only for pro-people, una altra és descarregant una extensió que es diu Add-on Compatibility Reporter que te 2 funcions principals:
Read more ...
Les coses noves que porta:
- Agrupació de pestanyes en una pestanya
- Firefox Button. botó que agrupa tots els elements de menú en un sol botó, per a facilitar-ne l'accés
- Aplicacions en un pestanya, mini pestanyes de les aplicacions o pàgines que més es visiten
- Suport als nous estandards CSS3 i HTML 5
Descarregueu Firefox 4 Beta en català
Alguns problemes que ens hem trobat
Que alguns addons no funcionen, bé això no és del tot un problema, però hi ha un parell de solucions una es desempaquetant l'extensió i modificant l'arxiu XML, only for pro-people, una altra és descarregant una extensió que es diu Add-on Compatibility Reporter que te 2 funcions principals:
- Habilita extensions que no són compatibles amb Firefox i Thunderbird
- Si alguna extensió no funciona es pot enviar l'error a través del Add-on Compatibility Reporter.
dimecres, 25 d’agost del 2010
dimarts, 24 d’agost del 2010
Implementant altres tipus de lletra en la web: Google Font API
Google Font API que es una col·lecció de fonts gratuïtes que es poden utilitzar via web.
La col·lecció de tipus de lletra de moment encara és una mica reduïda, però, esperem que s'anirà ampliant.
La forma d'utilitzar-la la trobem detallada a Google Labs
Cal tenir en compte algunes coses:
Read more ...
La col·lecció de tipus de lletra de moment encara és una mica reduïda, però, esperem que s'anirà ampliant.
La forma d'utilitzar-la la trobem detallada a Google Labs
Cal tenir en compte algunes coses:
- El fet d'utilitzar aquestes o d'altres API no implica poder utilitzar la tipografia que vulguem de forma gratuïta, ja que moltes tenen llicència i s’han de pagar per a poder-les utilitzar legalment. A més a més, moltes fonts considerades “lliures” tenen restriccions d’ús en projectes comercials.
- Algunes fonts no disposen de caràcters especials, accents, etc. Per tant alhora de escollir-les cal revisar-les o només utilitzar-les per llocs web molt concrets.
- També s'ha de tenir en compte l'atribució de la font, un exemple d'una llicència de font per a web: "Attribution: You must attribute the work in the manner specified by the author or licensor (but not in any way that suggests that they endorse you or your use of the work)."
dimarts, 10 d’agost del 2010
Tipografia per pantalles
Quan vam parlar de la llegibilitat en pantalles es vam centrar en els aspectes que cal tenir en compte per tal de millorar la lectura i l'escaneig de la informació en una pàgina web.
El fet d'utilitzar un o altre tipus de lletra, és un altre aspecte important que té a veure amb factors culturals, estètics i/o tecnològics.
Culturals perquè en el premsa escrita estem acostumats a llegir textes escrits amb tipus de lletra serif (Times, Georgia) i en web normalment sempre s'obta per tipus de lletra sans-serif.
Tecnològics per que els tipus de lletra serif necessiten de més píxels per ser mostrats.
Estètics per que per gustos colors (com se sol dir).
Classificació dels tipus de lletra per forma.
Una forma de classificar els tipus de lletra és segons tinguin o no «serifes». S'entén per serifes, o rematats, les petites línies que es troben en les terminacions de les lletres, principalment en els traços verticals o diagonals. La utilitat de les serifes és facilitar la lectura, ja que aquestes creen en l'ull la il·lusió d'una línia horitzontal per la qual es desplaça la vista al llegir. Les lletres sense serifes o de pal sec, són aquelles que no duen cap tipus de terminació; en general són considerades inadequades per a un text llarg ja que la lectura resulta incòmoda doncs existeix una tendència visual a identificar aquest tipus de lletres com una successió de pals verticals consecutius. Per aquesta raó, les lletres amb serifes (anomenades també romanes) s'utilitzen en la premsa escrita, revistes i llibres, així com en publicacions que contenen textos extensos.
Les lletres sense serifes o de pal sec són usades en titulars, rètols, anuncis i publicacions amb textos curts. En la web, les lletres de pal sec s'han convertit també en l'estàndard per a l'edició ja que per la resolució dels monitors les serifes acaben distorsionant la font. Això es deu al fet que les corbes petites són molt difícils de reproduir en els píxels de la pantalla.
És cert que els navegadors moderns cada cop tracten millors els tipus de lletra serif, sobretot, i és força sorprenent, l'Internet Explorer 8.
Gràcies a API's i generadors varis poden utilitzar més tipus de lletra pel web que les ja existents de sistema.
Combinacions de tipus de lletra en el disseny web.
Sempre s'aconsella no barrejar tipus de lletra en el disseny web, però no deixa de ser un recurs gràfic força usat el fet de fer anar un tipus de lletra serif per títols i/o encapçalaments i un tipus de lletra sans-serif pels continguts.
Al web Bon fx hi ha un interessantíssim article sobre la combinació dels 19 tipus de lletra més utilitzats per dissenyadors.
El llistat de les fonts combinades:
Helvetica / Garamond
Caslon / Univers
Frutiger / Minion
Futura / Bodoni
Garamond / Futura
Gill Sans / Caslon
Minion / Gill Sans
Univers / Caslon
Bodoni / Futura
Myriad / Minion
Avenir / Warnock
Caslon / Franklin Gothic
FF Din / Baskerville
Trade Gothic / Clarendon
Baskerville / Univers
Akzidenz Grotesk / Garamond
Clarendon / Trade Gothic
Franklin Gothic / Baskerville
Warnock / Univers
Un apunt més. Gran article sobre tipografia i llegibilitat en pantalles.
En continuarem parlant...
Helvetica / Garamond
Caslon / Univers
Frutiger / Minion
Futura / Bodoni
Garamond / Futura
Gill Sans / Caslon
Minion / Gill Sans
Univers / Caslon
Bodoni / Futura
Myriad / Minion
Avenir / Warnock
Caslon / Franklin Gothic
FF Din / Baskerville
Trade Gothic / Clarendon
Baskerville / Univers
Akzidenz Grotesk / Garamond
Clarendon / Trade Gothic
Franklin Gothic / Baskerville
Warnock / Univers
Helvetica / Garamond
Caslon / Univers
Frutiger / Minion
Futura / Bodoni
Garamond / Futura
Gill Sans / Caslon
Minion / Gill Sans
Univers / Caslon
Bodoni / Futura
Myriad / Minion
Avenir / Warnock
Caslon / Franklin Gothic
FF Din / Baskerville
Trade Gothic / Clarendon
Baskerville / Univers
Akzidenz Grotesk / Garamond
Clarendon / Trade Gothic
Franklin Gothic / Baskerville
Warnock / Univers
Read more ...
El fet d'utilitzar un o altre tipus de lletra, és un altre aspecte important que té a veure amb factors culturals, estètics i/o tecnològics.
Culturals perquè en el premsa escrita estem acostumats a llegir textes escrits amb tipus de lletra serif (Times, Georgia) i en web normalment sempre s'obta per tipus de lletra sans-serif.
Tecnològics per que els tipus de lletra serif necessiten de més píxels per ser mostrats.
Estètics per que per gustos colors (com se sol dir).
Classificació dels tipus de lletra per forma.
Una forma de classificar els tipus de lletra és segons tinguin o no «serifes». S'entén per serifes, o rematats, les petites línies que es troben en les terminacions de les lletres, principalment en els traços verticals o diagonals. La utilitat de les serifes és facilitar la lectura, ja que aquestes creen en l'ull la il·lusió d'una línia horitzontal per la qual es desplaça la vista al llegir. Les lletres sense serifes o de pal sec, són aquelles que no duen cap tipus de terminació; en general són considerades inadequades per a un text llarg ja que la lectura resulta incòmoda doncs existeix una tendència visual a identificar aquest tipus de lletres com una successió de pals verticals consecutius. Per aquesta raó, les lletres amb serifes (anomenades també romanes) s'utilitzen en la premsa escrita, revistes i llibres, així com en publicacions que contenen textos extensos.
Les lletres sense serifes o de pal sec són usades en titulars, rètols, anuncis i publicacions amb textos curts. En la web, les lletres de pal sec s'han convertit també en l'estàndard per a l'edició ja que per la resolució dels monitors les serifes acaben distorsionant la font. Això es deu al fet que les corbes petites són molt difícils de reproduir en els píxels de la pantalla.
És cert que els navegadors moderns cada cop tracten millors els tipus de lletra serif, sobretot, i és força sorprenent, l'Internet Explorer 8.
Gràcies a API's i generadors varis poden utilitzar més tipus de lletra pel web que les ja existents de sistema.
Combinacions de tipus de lletra en el disseny web.
Sempre s'aconsella no barrejar tipus de lletra en el disseny web, però no deixa de ser un recurs gràfic força usat el fet de fer anar un tipus de lletra serif per títols i/o encapçalaments i un tipus de lletra sans-serif pels continguts.
Al web Bon fx hi ha un interessantíssim article sobre la combinació dels 19 tipus de lletra més utilitzats per dissenyadors.
El llistat de les fonts combinades:
Helvetica / Garamond
Caslon / Univers
Frutiger / Minion
Futura / Bodoni
Garamond / Futura
Gill Sans / Caslon
Minion / Gill Sans
Univers / Caslon
Bodoni / Futura
Myriad / Minion
Avenir / Warnock
Caslon / Franklin Gothic
FF Din / Baskerville
Trade Gothic / Clarendon
Baskerville / Univers
Akzidenz Grotesk / Garamond
Clarendon / Trade Gothic
Franklin Gothic / Baskerville
Warnock / Univers
Un apunt més. Gran article sobre tipografia i llegibilitat en pantalles.
En continuarem parlant...
dissabte, 7 d’agost del 2010
WCAG 1.0 i 2.0.
La interessantíssima validació d'accessibilitat de les WCAG 2.0 que fa el TAW.
Les tasques de validació i informes sobre accessibilitat web es poden enriquir amb la validació de les WAGC 2.0
És de molta ajuda la barra d'eines Web developer que incorpora el Firefox que permet en un clic fer una analisi de codi CSS i HTML i poder comprovar insitu el codi resultant.
Quan accedim a la pàgina del TAW per poder fer una validació online se'ns ofereix la possibilitat de validar seguint les normes de la WCAG 1.0 o 2.0.
La validació 1.0 es centra en les ja conegudes pautes d'accessibilitat al contingut de la web i ens ofereix un llistat dels problmes i punts d'atenció de la validació automàtica i manual.
La validació 2.0 segueix preceptes de la web 2.0 en quan a continguts, es a dir, aquest ha de ser perceptible, operable, comprensible i robust.
En una primera vista resum en ofereix en forma de mini llistat els problemes i advertències trobades així com els criteis de comprovació manual.
La validació té més vistes, Vista marcada, Detall, Llistat.
La vista Detall i la vista Llistat són les millors.
La vista Detall ens informa punt per punt de les pautes i de de les tècniques que cal emprar per satisfer cada punt en tots els criteris.
També ens analitza el codi HTML i CSS
La vista Llistat ens mostra els resultar en format de taula on d'una manera molt visual podem comprovar:
El nivell d'accessibilitat al que pertany cada pauta, el resultat (si hi ha problemes o no, si reuqereix de revisió manual, impossible realitzar validació automatica, No aplicable), els nombre d'errors, ect.)
Read more ...
Les tasques de validació i informes sobre accessibilitat web es poden enriquir amb la validació de les WAGC 2.0
És de molta ajuda la barra d'eines Web developer que incorpora el Firefox que permet en un clic fer una analisi de codi CSS i HTML i poder comprovar insitu el codi resultant.
Quan accedim a la pàgina del TAW per poder fer una validació online se'ns ofereix la possibilitat de validar seguint les normes de la WCAG 1.0 o 2.0.
La validació 1.0 es centra en les ja conegudes pautes d'accessibilitat al contingut de la web i ens ofereix un llistat dels problmes i punts d'atenció de la validació automàtica i manual.
La validació 2.0 segueix preceptes de la web 2.0 en quan a continguts, es a dir, aquest ha de ser perceptible, operable, comprensible i robust.
En una primera vista resum en ofereix en forma de mini llistat els problemes i advertències trobades així com els criteis de comprovació manual.
La validació té més vistes, Vista marcada, Detall, Llistat.
La vista Detall i la vista Llistat són les millors.
La vista Detall ens informa punt per punt de les pautes i de de les tècniques que cal emprar per satisfer cada punt en tots els criteris.
També ens analitza el codi HTML i CSS
La vista Llistat ens mostra els resultar en format de taula on d'una manera molt visual podem comprovar:
El nivell d'accessibilitat al que pertany cada pauta, el resultat (si hi ha problemes o no, si reuqereix de revisió manual, impossible realitzar validació automatica, No aplicable), els nombre d'errors, ect.)
dijous, 5 d’agost del 2010
Generadors de quadrícules (Grids) per disseny i prototipus web
ZURB CSS Grid Builder és un generador de quadrícules flexible per a la creació ràpida de prototipus web.
A més genera també el codi css del prototipus amb els hacks pel navegador tossut.
Amb netProtozo Grid Generator també podem generar una quadrícula que s'ajusti a les necessitats del nostre web.
Al blog Sfaranda trobem per decarregar un psd amb el sistema de quadrícula ja creat i a punt per fer servir en els nostres dissenys.
Descarregar el psd.
Read more ...
A més genera també el codi css del prototipus amb els hacks pel navegador tossut.
Amb netProtozo Grid Generator també podem generar una quadrícula que s'ajusti a les necessitats del nostre web.
Al blog Sfaranda trobem per decarregar un psd amb el sistema de quadrícula ja creat i a punt per fer servir en els nostres dissenys.
Descarregar el psd.
dijous, 22 de juliol del 2010
Aloha HTML5 Editor
Aloha Editor és un component que podem instal·lar en el nostre lloc web per a editar el seu contingut sense necessitat d'un panell d'administració.
Podem editar qualsevol contingut del web de forma instantània i veurem els canvis en el mateix moment que els fem. També ens permet editar continguts dinàmics allí on ens trobem
Molt útil i recomanable
Veure la demo del l'Editor Aloha
Gràcies pel link Froilán!!
Read more ...
Podem editar qualsevol contingut del web de forma instantània i veurem els canvis en el mateix moment que els fem. També ens permet editar continguts dinàmics allí on ens trobem
Molt útil i recomanable
Veure la demo del l'Editor Aloha
Gràcies pel link Froilán!!
dimecres, 21 de juliol del 2010
Browsera
Browsera és una eina online que serveix per comprovar la compatibilitat d'un web en diferents navegadors.
Encara que l'eina no és 100% gratuïta tenim unaversió "free" que encara que no compta amb totes les possibilitat de l'eina ens ofereix un informe prou acurat de visualització, detecció de problemes i errors de javascript.
Molt recomanable!!!
diumenge, 11 de juliol del 2010
Wireframes
Segons la Wikipèdia un Wireframe és una representació esquemàtica d'una pàgina web sense elements gràfics que mostren contingut i comportament de les pàgines. Serveixen com eina de comunicació i discussió entre arquitectes d'informació, programadors, dissenyadors i clients. També es poden utilitzar per a comprovar la usabilidad d'un lloc web.
Us presentem una col·lecció de recursos, eines i exemples sobre els prototipus web.
Read more ...
Us presentem una col·lecció de recursos, eines i exemples sobre els prototipus web.
divendres, 9 de juliol del 2010
Captcha com te passes!
divendres, 2 de juliol del 2010
Limitnordest escollit com a blog del dia al 3cat24.cat
dimarts, 22 de juny del 2010
What is User Experience Design?
diumenge, 20 de juny del 2010
Launchlist
Launchlist és una eina/projecte online que ens permet comprovar si complim els requisits bàsics per poder publicar el nostre lloc web.
Requisits de tipus
Molt recomanable
Read more ...
Requisits de tipus
- Accessibilitat
- Codi HTML i CSS
- Javascript
- Visulaització en diferents navegadors
- Metadades
- Títols de les pàgines i SEO
- Descripció de les imatges (atribut ALT)
- Formularis
- Pàgina 404
Molt recomanable
divendres, 11 de juny del 2010
Jornada gestió de documents, protecció de dades i administració-e
JORNADA: GESTIÓ DE DOCUMENTS, PROTECCIÓ DE DADES I ADMINISTRACIÓ-E
11 de juny de 2010 | Sala de Juntes de la Facultat de Dret i Economia
Els aspectes fonamentals de la nova gestió electrònica dels expedients administratius.
César Cierco, professor de Dret Administratiu
Aspectes bàsics de la protecció de dades per a l’administració electrònica
Ricard Martínez, coordinador de l’Àrea d’Estudis de l’Agencia de Protección de Datos
La gestió dels documents a la llum de la normativa de protecció de dades. Entorns analògic i digital
Joaquim Llansó, director de l’Arxiu General de la Universitat Pública de Navarra
Interessantíssina jornada sobre els aspectes legals i pràctics a l'hora de la implanatació de l'administració electrònica a l'Administració pública.
Aspectes legals sobretot en temes de protecció de dades i drets dels ciutadans.
Aspectes d'organització interna i canvi de mentalitat de les administracions públiques en vers en canvi cap a l'administració electrònica.
La problemàtica sobre la gestió de processos, guarda i custòdia d'expedients, certificats digitals i signatura electrònica.
Read more ...
11 de juny de 2010 | Sala de Juntes de la Facultat de Dret i Economia
Els aspectes fonamentals de la nova gestió electrònica dels expedients administratius.
César Cierco, professor de Dret Administratiu
Aspectes bàsics de la protecció de dades per a l’administració electrònica
Ricard Martínez, coordinador de l’Àrea d’Estudis de l’Agencia de Protección de Datos
La gestió dels documents a la llum de la normativa de protecció de dades. Entorns analògic i digital
Joaquim Llansó, director de l’Arxiu General de la Universitat Pública de Navarra
Interessantíssina jornada sobre els aspectes legals i pràctics a l'hora de la implanatació de l'administració electrònica a l'Administració pública.
Aspectes legals sobretot en temes de protecció de dades i drets dels ciutadans.
Aspectes d'organització interna i canvi de mentalitat de les administracions públiques en vers en canvi cap a l'administració electrònica.
La problemàtica sobre la gestió de processos, guarda i custòdia d'expedients, certificats digitals i signatura electrònica.
dimarts, 8 de juny del 2010
Gif animats
Des de que el Photoshop va deixar de venir de sèrie amb l’Image Ready, en el tema dels gifs animats ens havíem quedat una mica orfes.
Si és cert que durant la dècada passada van arribar a odiar-los, però un bon gif animat (ben dissenyat, sense estridències, amb un missatge clar, etc.) ens pot ser útil.
Eines online per fer gifs animats
GifMake: Pots crear animacions a partir de diverses imatges, com passis de diapositives on pots ajustar la velocitat i el nombre de repeticions del cicle.
Gickr: Gifs animats amb fotos de Flikr o amb un vídeo de Youtube
Screedbot: Crea animacions amb text. Un exemple:
Loogix: Genera animacions a partir d'una seqüència d'imatges.
Read more ...
Si és cert que durant la dècada passada van arribar a odiar-los, però un bon gif animat (ben dissenyat, sense estridències, amb un missatge clar, etc.) ens pot ser útil.
Eines online per fer gifs animats
GifMake: Pots crear animacions a partir de diverses imatges, com passis de diapositives on pots ajustar la velocitat i el nombre de repeticions del cicle.
Gickr: Gifs animats amb fotos de Flikr o amb un vídeo de Youtube
Screedbot: Crea animacions amb text. Un exemple:
Loogix: Genera animacions a partir d'una seqüència d'imatges.
diumenge, 6 de juny del 2010
MakeItMP3
MakeItMP3 és una eina online que permet convertir un vídeo del Youtube a MP3.
Només cal que copiem i enganxem l'adreça del vídeo, especifiquem la qualitat del MP3 resultant i ja el tenim.
Molt recomanable.
Read more ...
Només cal que copiem i enganxem l'adreça del vídeo, especifiquem la qualitat del MP3 resultant i ja el tenim.
Molt recomanable.
dijous, 3 de juny del 2010
Recursos Vol. 36: Eines online
Hola que tal benvinguts a una nova edició dels recursos.
Edició especial generadors de codi CSS3
CSS3 Gradient Generator: Eina per a generar codi CSS3 amb degradats de color.
CSS3 Sandbox: Magnífica eina online, amb ella podrem, d’una manera visual, generar degradats lineals i radials, ombres a textos i caixes, transformacions i més.
CSS Border Radius: Eina senzilla per a generar cantons arrodonits (border-radius) amb CSS3
Font-Face Kit Generator: Generador de propietats @font-face . Només cal adjuntem la font que més ens agrada i ens crea un “kit” amb el codi CSS amb un exemple en un html de com queda.
Read more ...
Edició especial generadors de codi CSS3
CSS3 Gradient Generator: Eina per a generar codi CSS3 amb degradats de color.
CSS3 Sandbox: Magnífica eina online, amb ella podrem, d’una manera visual, generar degradats lineals i radials, ombres a textos i caixes, transformacions i més.
CSS Border Radius: Eina senzilla per a generar cantons arrodonits (border-radius) amb CSS3
Font-Face Kit Generator: Generador de propietats @font-face . Només cal adjuntem la font que més ens agrada i ens crea un “kit” amb el codi CSS amb un exemple en un html de com queda.
dijous, 27 de maig del 2010
Doc Translator
DocTranslator és una eina online que ens permet traduir arxius .doc, .docx, .xml, .ppt, .pptx, .xls, .xlsx i .txt
Les característiques de l'eina (segons la pròpia web) són:
Read more ...
Les característiques de l'eina (segons la pròpia web) són:
- Conserva el disseny del document original
- Suporta traduccions en més de 50 idiomes
- És fiable - Les traduccions són realitzades per Google Translate
- No hi ha límits de mida d'arxiu dels documents a traduir
- És gratis
- És ràpid
- No requereix instal·lació
- No hi ha registre, ni es requereix l'adreça de correu electrònic
- Els documents i el seu contingut són privats i segurs
dissabte, 22 de maig del 2010
GTmetrix
GMetrix és una eina que ens permetrà analitzar la velocitat de la nostra pàgina web. Aquesta eina online usa altres eines com Google Page Speed i Yahoo YSlow per analitzar el rendiment del lloc web i allí on cal fer-hi atenció per poder corregir i millorar la velocitat.
Altres entrades relacionades: Optimitzar la velocitat de les nostres pàgines web
Read more ...
Altres entrades relacionades: Optimitzar la velocitat de les nostres pàgines web
dijous, 20 de maig del 2010
Recursos Vol. 35: CSS 3
CSS3 tot allò que hem de saber
Read more ...
dimarts, 11 de maig del 2010
Internet Explorer 9: Testing Center
Comparativa dels difererents navegadors web amb l'Explorer 9 encara en fase de desenvolupament.
Accediu al Test
Si serà cert que complirà amb tot, potser caldrà repensar-nos canviar de navegador...
Read more ...
Accediu al Test
Si serà cert que complirà amb tot, potser caldrà repensar-nos canviar de navegador...
dijous, 6 de maig del 2010
Si ho diu Google...
dilluns, 19 d’abril del 2010
El dia comença bé
diumenge, 18 d’abril del 2010
Recursos Vol. 34: Eines online
Hola, que tal. Benvinguts a una nova edició dels recursos.
Edició especial (i ja van no-sé-quantes) Eines online.
Banner maker: eina online que permet crear banners de diferents mides predefines. Podem canviar el color de fons el text, la vora (border) i donar-li diferents efectes.
Typogenerator: Eina online que a partir d'un text et crea una imatge tipus cartell
Iconizer: Generador de icones. A partir d'unes icones ja predissenyades et permet modificar mida, color, format, etc. per poder adaptar-la millor al teu web
Improve your images: eina que ens retoca el color, contrast, lluminositat, etc. de les nostres imatges.
Read more ...
Edició especial (i ja van no-sé-quantes) Eines online.
Banner maker: eina online que permet crear banners de diferents mides predefines. Podem canviar el color de fons el text, la vora (border) i donar-li diferents efectes.
Typogenerator: Eina online que a partir d'un text et crea una imatge tipus cartell
Iconizer: Generador de icones. A partir d'unes icones ja predissenyades et permet modificar mida, color, format, etc. per poder adaptar-la millor al teu web
Improve your images: eina que ens retoca el color, contrast, lluminositat, etc. de les nostres imatges.
dissabte, 17 d’abril del 2010
Treballs: proposta concurs cartells
divendres, 16 d’abril del 2010
Guia de Photoshop per "idiotes"
Via Make us of us presento una Guia de Photoshop per a "idiotes"
La guia en qüestió, que té dues parts, es pot descarregar en pdf i és un bon manual per a iniciar-se en el món de l'aplicació estrella de Adobe.
De fet encara que no siguis "idiota" (o simplement no t'ho pensis) pots trobar alguna que altra coseta interessant com per exemple les dreceres de teclat per les accions més comunes (pels que som esclaus del ratolí, ens anirà la mar de bé). :)
Read more ...
La guia en qüestió, que té dues parts, es pot descarregar en pdf i és un bon manual per a iniciar-se en el món de l'aplicació estrella de Adobe.
De fet encara que no siguis "idiota" (o simplement no t'ho pensis) pots trobar alguna que altra coseta interessant com per exemple les dreceres de teclat per les accions més comunes (pels que som esclaus del ratolí, ens anirà la mar de bé). :)
divendres, 2 d’abril del 2010
Multicolor Search Lab
Multicolor Search Lab és un cercador d'imatges de colors similars sobre aproximadament 10 milions de fotografies amb llicència creative commons a flickr
Fins hi tot podem crear una paleta de colors sobre la que cercar imatges que s'ajustaran a la nostra combinació de colors.
Útil i recomanable.
dissabte, 27 de març del 2010
Recursos Vol. 33: Fonts
Hola que tal. Benvinguts a una nova edició dels recursos.
Edició especial fonts i tipografia
Fonts per cada dia
Web Typography és una interessantíssima web on ens explica tot allò que sempre hem volgut saber sobre tipografia aplicada al web.
Inspiració amb tipografia
Fonts "Handwritten"
Read more ...
Edició especial fonts i tipografia
Fonts per cada dia
Web Typography és una interessantíssima web on ens explica tot allò que sempre hem volgut saber sobre tipografia aplicada al web.
Inspiració amb tipografia
Fonts "Handwritten"
dimecres, 24 de març del 2010
Les dades personals dels menors a Internet
Les dades personals dels menors a Internet Informació sobre la jornada
24 de març Universitat de Lleida
Jornada sobre la seguretat dels menors a Internet
Taula rodona: Les xarxes socials i els menors
Taula rodona: Marc legal de protecció dels menors
De la jornada sobre les dades personals dels menors a Interent n'hem extret una punts que creien claus:
Els debats que han tingut lloc a continuació també han expressat la voluntat d'educar i protegir als menors i de que aquests siguin conscients de l'ús que fan de Internet sobretot a les xarxes socials.
Sobre el marc legal de protecció dels menors podeu consultar el següent enllaç Gencat
Més informació Agència catalana de protecció de dades
Read more ...
24 de març Universitat de Lleida
Jornada sobre la seguretat dels menors a Internet
Taula rodona: Les xarxes socials i els menors
Taula rodona: Marc legal de protecció dels menors
De la jornada sobre les dades personals dels menors a Interent n'hem extret una punts que creien claus:
- Concienciació de la pròpia privacitat: cadascun de nosaltres i sobretot els nens cal que siguin conscients de que les seves dades personals afecten a la seva vida i que aquestes són part de la nostra privacitat i individualitat.
- Invisibilitat de l'audiència: A la xarxa tots som invisibles i allò que es veu de nosaltres són les nostres dades personals, hem de ser conscients de l'ús que s'en poden fer i també de l'ús que nosaltres volem que s'en faci.
- Persistència, capacitat de reproducció i difusió del que es penja a la xarxa: Qualsevol material o dada que hi ha a Internet pot ser duplicada, reproduïda i enviada de forma exponencial
- Descontextualització d'allò que es penja a la xarxa: Tot allò sobre nosaltres que hi ha a Internet pot ser usat en un contexte diferent del que en un inici es va utilitzar
Els debats que han tingut lloc a continuació també han expressat la voluntat d'educar i protegir als menors i de que aquests siguin conscients de l'ús que fan de Internet sobretot a les xarxes socials.
Sobre el marc legal de protecció dels menors podeu consultar el següent enllaç Gencat
Més informació Agència catalana de protecció de dades
dilluns, 22 de març del 2010
LiveBrush
LiveBrush és una magnífica aplicació d'escriptori (hi ha una versió gratuïta) que ens permet donar sortida a la nostra creativitat amb pinzells de diferents tipus, efectes, mides, colors, etc.
L'aplicació funciona amb una combinació de controls de moviments simple amb els estils del pinzell seleccionat si sou més o menys traçuts podeu feu autèntiques meravelles.
100% recomanable
divendres, 19 de març del 2010
Total Validator
Total Validator és una eina online d'aquelles "todo-en-uno" que ens valida l'accessibilitat segons les WCAG 1.0 i/o 2.0, en els tres nivells A, AA i AAA, el codi HTML, l'ortografia en diferents idiomes (anglès USA i UK, francès, castellà, italià i alemany), comprova els vincles trencats, i la visualització amb captures de pantalla en diferents navegadors amb diferents sistemes operatius.
Interessant i recomanable.
Read more ...
Interessant i recomanable.
diumenge, 28 de febrer del 2010
Optimitzar la velocitat de les nostres pàgines webs.
Optimitzar la velocitat de les nostres pàgines webs.
Fer una pàgina web atractiva en disseny i rica en continguts no són raons suficients per a que els usuaris visitin la nostra pàgina, de fet es podria dir que el factor més important que fa que els usuaris visitin un pàgina web és la velocitat amb que aquesta es mostra.
Per tant és molt important que les nostres pàgines es visualitzin, a banda de correctament, de manera ràpida.
Gran part del temps que triga una pàgina web en visualitzar-se es mentre va descarregant tots els elements que la conformen: imatges, fulles d'estil, scripts, pluggins, etc. Intentar reduir el nombre de components que ha de carregar la pàgina per a mostrar-se seria una de les solucions per a una pàgina més ràpida.
Primer de tot hem de veure en què fallem, amb Pingdom Tools podem fer un testeig online de càrrega i velocitat del nostre web. Així veurem el temps que triga la nosta pàgina en mostrar-se i quins són els arxius que carrega, quins triguem més, de quins en prodríem prescindir, etc.
Exemple del temps de càrrega de http://limitnordest.blogspot.com/
També podem fer anar el complement per a Firefox Firebug que ens farà un análisi de la pàgina; a la pestanya de Xarxa (Red), podem comprovar la quantitat d'elements que ha de carregar la nostra pàgina així com el temps que triga, en quina seqüència es carreguen etc.
Gràcies a una altre component de Firefox PageSpeed podrem fer un diagnòstic de la velocitat de càrrega i ens donrà pistes de com millorar-ho.
Veure article
Eines i complements que milloren la velocitat de les nostres pàgines:
Eines de Google
Bones pràctiques de Yahoo
Read more ...
Fer una pàgina web atractiva en disseny i rica en continguts no són raons suficients per a que els usuaris visitin la nostra pàgina, de fet es podria dir que el factor més important que fa que els usuaris visitin un pàgina web és la velocitat amb que aquesta es mostra.
Per tant és molt important que les nostres pàgines es visualitzin, a banda de correctament, de manera ràpida.
Gran part del temps que triga una pàgina web en visualitzar-se es mentre va descarregant tots els elements que la conformen: imatges, fulles d'estil, scripts, pluggins, etc. Intentar reduir el nombre de components que ha de carregar la pàgina per a mostrar-se seria una de les solucions per a una pàgina més ràpida.
Primer de tot hem de veure en què fallem, amb Pingdom Tools podem fer un testeig online de càrrega i velocitat del nostre web. Així veurem el temps que triga la nosta pàgina en mostrar-se i quins són els arxius que carrega, quins triguem més, de quins en prodríem prescindir, etc.
Exemple del temps de càrrega de http://limitnordest.blogspot.com/
També podem fer anar el complement per a Firefox Firebug que ens farà un análisi de la pàgina; a la pestanya de Xarxa (Red), podem comprovar la quantitat d'elements que ha de carregar la nostra pàgina així com el temps que triga, en quina seqüència es carreguen etc.
Gràcies a una altre component de Firefox PageSpeed podrem fer un diagnòstic de la velocitat de càrrega i ens donrà pistes de com millorar-ho.
Veure article
Eines i complements que milloren la velocitat de les nostres pàgines:
Eines de Google
Bones pràctiques de Yahoo
dijous, 25 de febrer del 2010
Nou disseny de Limitnordest!
diumenge, 21 de febrer del 2010
Guanya un Papyre 6.1!!!
La comunitat EntreBlogs sorteja un magnífic reproductor de continguts digitals el Papyre 6.1 fabricat per l'empresa Grammata.
Aquest reproductor permet reproduir llibres electrònics, revistes i música en format MP3. Una meravella de la tècnica que ens ve amb una tarjeta SD amb1000 llibres, auriculars i funda.
Teniu fins al 28 de febrer per participar-hi!!!!
Read more ...
Aquest reproductor permet reproduir llibres electrònics, revistes i música en format MP3. Una meravella de la tècnica que ens ve amb una tarjeta SD amb1000 llibres, auriculars i funda.
Teniu fins al 28 de febrer per participar-hi!!!!
Recursos Vol. 32: Colors!!
Hola que tal, benvinguts a una nova edició dels recursos
Edició especial posa color al teu web amb seny i W3C!
Unes quantes eines online que ens aniran d'allò més be a l'hora de triar colors, fer combinacions, buscar colors armònics, tot allò que ens faciliti la vida i ens alegri la vista!
Kuler: A partir de paletes de colors podem modifcar-les per crea-ne una al nostre gust
Contrast-A: ens ajuda a triar combinacions de colors i crear una paleta de colors segons les recomanacions de les WCAG 2.0
Check My Colour: És una eina per comprovar les combinacions de color de fons i color de font de tots els elements i determinar si proporcionen prou contrast quan són vistes per persones amb deficiències de color.
Totes les proves es basen en els algorismes proposats pel World Wide Web Consortium (W3C).
Colour Contrast Check: És una eina que ens permet especificar un primer pla i un color de fons i determinar si proporcionen suficient contrast "quan són vistes per persones amb deficiències de color o quan es veuen en una pantalla en blanc i negre" [W3C].
L'eina ens indica la diferència de color i la diferència de brillantor.
L'eina també ens idica que els colors passen les especificacions de les WCAG 2.0 i la fórmula de relació de contrast.
Read more ...
Edició especial posa color al teu web amb seny i W3C!
Unes quantes eines online que ens aniran d'allò més be a l'hora de triar colors, fer combinacions, buscar colors armònics, tot allò que ens faciliti la vida i ens alegri la vista!
Kuler: A partir de paletes de colors podem modifcar-les per crea-ne una al nostre gust
Contrast-A: ens ajuda a triar combinacions de colors i crear una paleta de colors segons les recomanacions de les WCAG 2.0
Check My Colour: És una eina per comprovar les combinacions de color de fons i color de font de tots els elements i determinar si proporcionen prou contrast quan són vistes per persones amb deficiències de color.
Totes les proves es basen en els algorismes proposats pel World Wide Web Consortium (W3C).
Colour Contrast Check: És una eina que ens permet especificar un primer pla i un color de fons i determinar si proporcionen suficient contrast "quan són vistes per persones amb deficiències de color o quan es veuen en una pantalla en blanc i negre" [W3C].
L'eina ens indica la diferència de color i la diferència de brillantor.
L'eina també ens idica que els colors passen les especificacions de les WCAG 2.0 i la fórmula de relació de contrast.
dijous, 18 de febrer del 2010
Ajuda i suport tècnic de Windows 7
dilluns, 15 de febrer del 2010
Informe sobre la demanda de serveis de telecomunicacions i societat de la informació a Espanya.
Interessantíssim informe sobre la demanda de serveis de telecomunicacions i societat de la informació a Espanya.
Aquest informe del Ministerio de Industria, Comercio i Turismo el podeu trobar a:
http://www.ontsi.red.es/hogares-ciudadanos/articles/129
L'estudi, fins al 3er trimestre del 2008, destaca els punts següents:
El 60% de la población de diez y más años de edad ha accedido a Internet alguna vez
Más de 23,7 millones de españoles de diez y más años de edad han accedido a la Red en alguna ocasión. Considerando a individuos de quince y más años el indicador se sitúa en 22 millones (58,3% de esta población), lo que supone un incremento interanual del 10% en el tercer trimestre.
El 70% de quienes han accedido alguna vez a Internet son internautas frecuentes
Siete de cada diez personas que han accedido a Internet en alguna ocasión lo hicieron al menos una vez en la última semana y representan a su vez un 41% de la población total.
El 60% de los hogares dispone de ordenador personal, manteniendo el portátil su alto ritmo de crecimiento
El ordenador portátil sigue mostrando importantes incrementos interanuales, en una marcada tendencia ascendente que le sitúa ya a disposición de uno de cada cinco individuos, un 20,3% de la población de 15 y más años, en el último trimestre de estudio.
Siete de cada diez personas consideran las nuevas tecnologías muy importantes en el proyecto educativo y el mundo laboral
A lo largo de 2008 se advierte un ligero aumento en la importancia otorgada por la ciudadanía al papel que juegan las nuevas tecnologías en las relaciones sociales.
El gasto de los hogares españoles en servicios TIC se sitúa por encima de 3.400 millones de euros en el trimestre
Durante el tercer trimestre de 2008, los 16,1 millones de hogares españoles han efectuado un gasto total en servicios TIC (telefonía fija, móvil, Internet y TV pago) de 3.421 millones de euros, un 5,5% de incremento interanual.
La penetración de la TV de pago se aproxima a los 4 millones de hogares, uno de cada cuatro
La penetración de la TV de pago se aproxima en el tercer trimestre de 2008 a los 4 millones de hogares con un incremento interanual del 16%, lo que supone que este servicio está presente en uno de cada cuatro hogares españoles (24,8%).
Sigue en aumento Internet como medio que cubre o supera las expectativas depositadas en él
Para un 86,7% de usuarios el uso de la Red es altamente satisfactorio respecto a sus expectativas. Aumenta también la percepción de que lo utilizan igual o más que antes (78%) y se mantiene como un medio fácil o muy fácil de usar (89,4%).
Un 21% de la población de 15 y más años ha contactado ya con la Administración Pública a través de Internet alguna vez
Aunque el preferido sigue siendo el contacto presencial, el contacto virtual con la Administración alcanza casi un total de 8 millones de personas, cerca de 700.000 individuos más de los que lo habían hecho hasta el mismo periodo del año anterior.
Si el comparem amb l'estudi del 2on trimestre de 2009, veiem que l'ús de Internet per part dels ciutadans per a comunicar-se amb l'Administració pública ha augmentat. Els motius de contacte amb l'administració pública són:
Indicadors sobre l'ús d'Internet per part dels ciutadans per comunicar-se amb l'Administració pública per motius. El podeu trobar a: http://www.ontsi.red.es/admin/indicator/id/547/particulares-que-utilizan-internet-para-tratar-con-los-poderes-publicos-desglosado-por-motivo.html
El 28,6% de los ciudadanos españoles ha contactado con la Administración por Internet para obtener información de alguna de sus páginas Web en el año 2009. Este porcentaje experimenta respecto al año anterior un incremento de 0,8 puntos porcentuales, siendo su valor superior al medio de la UE 27 (26,3%).
En 2009 el porcentaje de ciudadanos españoles que han interactuado con la Administración para descargar formularios se sitúa en el 15,7% ligeramente por debajo de la media de la UE 27 que se encuentra en el 16,2%.
En España el porcentaje de personas que utilizaron Internet para enviar formularios cumplimentados, en 2009, estuvo por debajo de la media de la UE 27 (11,6%) con un 8,5%.
Read more ...
Aquest informe del Ministerio de Industria, Comercio i Turismo el podeu trobar a:
http://www.ontsi.red.es/hogares-ciudadanos/articles/129
L'estudi, fins al 3er trimestre del 2008, destaca els punts següents:
El 60% de la población de diez y más años de edad ha accedido a Internet alguna vez
Más de 23,7 millones de españoles de diez y más años de edad han accedido a la Red en alguna ocasión. Considerando a individuos de quince y más años el indicador se sitúa en 22 millones (58,3% de esta población), lo que supone un incremento interanual del 10% en el tercer trimestre.
El 70% de quienes han accedido alguna vez a Internet son internautas frecuentes
Siete de cada diez personas que han accedido a Internet en alguna ocasión lo hicieron al menos una vez en la última semana y representan a su vez un 41% de la población total.
El 60% de los hogares dispone de ordenador personal, manteniendo el portátil su alto ritmo de crecimiento
El ordenador portátil sigue mostrando importantes incrementos interanuales, en una marcada tendencia ascendente que le sitúa ya a disposición de uno de cada cinco individuos, un 20,3% de la población de 15 y más años, en el último trimestre de estudio.
Siete de cada diez personas consideran las nuevas tecnologías muy importantes en el proyecto educativo y el mundo laboral
A lo largo de 2008 se advierte un ligero aumento en la importancia otorgada por la ciudadanía al papel que juegan las nuevas tecnologías en las relaciones sociales.
El gasto de los hogares españoles en servicios TIC se sitúa por encima de 3.400 millones de euros en el trimestre
Durante el tercer trimestre de 2008, los 16,1 millones de hogares españoles han efectuado un gasto total en servicios TIC (telefonía fija, móvil, Internet y TV pago) de 3.421 millones de euros, un 5,5% de incremento interanual.
La penetración de la TV de pago se aproxima a los 4 millones de hogares, uno de cada cuatro
La penetración de la TV de pago se aproxima en el tercer trimestre de 2008 a los 4 millones de hogares con un incremento interanual del 16%, lo que supone que este servicio está presente en uno de cada cuatro hogares españoles (24,8%).
Sigue en aumento Internet como medio que cubre o supera las expectativas depositadas en él
Para un 86,7% de usuarios el uso de la Red es altamente satisfactorio respecto a sus expectativas. Aumenta también la percepción de que lo utilizan igual o más que antes (78%) y se mantiene como un medio fácil o muy fácil de usar (89,4%).
Un 21% de la población de 15 y más años ha contactado ya con la Administración Pública a través de Internet alguna vez
Aunque el preferido sigue siendo el contacto presencial, el contacto virtual con la Administración alcanza casi un total de 8 millones de personas, cerca de 700.000 individuos más de los que lo habían hecho hasta el mismo periodo del año anterior.
Si el comparem amb l'estudi del 2on trimestre de 2009, veiem que l'ús de Internet per part dels ciutadans per a comunicar-se amb l'Administració pública ha augmentat. Els motius de contacte amb l'administració pública són:
- Consulta de informació
- Descàrrega de formularis
- Realització de tràmits
Indicadors sobre l'ús d'Internet per part dels ciutadans per comunicar-se amb l'Administració pública per motius. El podeu trobar a: http://www.ontsi.red.es/admin/indicator/id/547/particulares-que-utilizan-internet-para-tratar-con-los-poderes-publicos-desglosado-por-motivo.html
El 28,6% de los ciudadanos españoles ha contactado con la Administración por Internet para obtener información de alguna de sus páginas Web en el año 2009. Este porcentaje experimenta respecto al año anterior un incremento de 0,8 puntos porcentuales, siendo su valor superior al medio de la UE 27 (26,3%).
En 2009 el porcentaje de ciudadanos españoles que han interactuado con la Administración para descargar formularios se sitúa en el 15,7% ligeramente por debajo de la media de la UE 27 que se encuentra en el 16,2%.
En España el porcentaje de personas que utilizaron Internet para enviar formularios cumplimentados, en 2009, estuvo por debajo de la media de la UE 27 (11,6%) con un 8,5%.
dissabte, 13 de febrer del 2010
Email Marketing
Últimament el tema de l'email marketing (mailing massiu) és el que ens té més entretinguts.
L'email Marketing és potser de les millors eines per a comunicar-se amb els clients potencials i habituals. Tot i que és de les tecnologies més antigues de la xarxa, avui en dia, és una eina gairebé imprescindibles per empreses i entitats.
El tema és que potser no hi ha cap eina que pugui satisfer al 100% les expectatives d'un client sobre dels enviaments de mailing massiu.
Les característiques desitjables a nivell de funcionament
Existeixen moltes aplicacions online que ens ofereixen aquest funcionament desitjat, però ens trobem amb algun impediments:
A nivell d'usabilitat
Interfícies de gestió i administració poc usables
Excessiva dificultat a l'hora de crear i composar un enviament
Impossibilitat de posar la nostra plantilla com a plantilla per defecte
Aplicacions només en un idioma (majoritàriament anglès)
Estadístiques incomprensibles
A nivell de presentació del mail
El CSS aplicat a la nostra plantilla desapareix al fer l'enviament
L'enviament no es veu be amb diferents navegadors i gestors de correu
Aplicacions de mailing massiu que hem provat:
PHPList: software lliure, l'aplicació cal que estigui en un servidor dedicat per optimitzar-ne el funcionament.
Estadístiques d'enviament complertes. Poca usabilitat a l'hora de composar i enviar un mail
DadaMail: software lliure, l'aplicació cal que estigui en un servidor dedicat per optimitzar-ne el funcionament. Usabilitat nul·la. Excessivament complex d'usar
EasyMailing: Aplicació online propietària. Usabilitat regular, (no hi ha ajudes visuals, encara que té un extens apartat d'ajuda).
En general és bastant assequible composar i enviar un mail, disposa de directori propi per les imatges, catàleg de plantilles predefinides i possibilitat de que la nostra plantilla sigui la plantilla per defecte
MailChimp: Potser la millor aplicació online que hem provat per enviament de mailing massiu, encara que no està exenta de les dificultats que porta el tema dels enviaments massius de mails.
Altres aplicacions de mailing massiu:
Via Tripwire Magazine
Read more ...
L'email Marketing és potser de les millors eines per a comunicar-se amb els clients potencials i habituals. Tot i que és de les tecnologies més antigues de la xarxa, avui en dia, és una eina gairebé imprescindibles per empreses i entitats.
El tema és que potser no hi ha cap eina que pugui satisfer al 100% les expectatives d'un client sobre dels enviaments de mailing massiu.
Les característiques desitjables a nivell de funcionament
- Creació de múltiples llistes de subscriptors
- Càrrega massiva de subscriptors via CSV o altres formats
- Control de mails i detecció d'emails erronis
- Múltiples plantilles d'enviament
- Plantilla HTML pròpia
- Possibilitat de posar la plantilla pròpia com a plantilla per defecte
- Directori propi d'imatges
- Estadístiques d'enviament, de clic, de mails enviats, retornats, llegits, rebotats, enviats a un amic
- Enviaments programats
Existeixen moltes aplicacions online que ens ofereixen aquest funcionament desitjat, però ens trobem amb algun impediments:
A nivell d'usabilitat
Interfícies de gestió i administració poc usables
Excessiva dificultat a l'hora de crear i composar un enviament
Impossibilitat de posar la nostra plantilla com a plantilla per defecte
Aplicacions només en un idioma (majoritàriament anglès)
Estadístiques incomprensibles
A nivell de presentació del mail
El CSS aplicat a la nostra plantilla desapareix al fer l'enviament
L'enviament no es veu be amb diferents navegadors i gestors de correu
Aplicacions de mailing massiu que hem provat:
PHPList: software lliure, l'aplicació cal que estigui en un servidor dedicat per optimitzar-ne el funcionament.
Estadístiques d'enviament complertes. Poca usabilitat a l'hora de composar i enviar un mail
DadaMail: software lliure, l'aplicació cal que estigui en un servidor dedicat per optimitzar-ne el funcionament. Usabilitat nul·la. Excessivament complex d'usar
EasyMailing: Aplicació online propietària. Usabilitat regular, (no hi ha ajudes visuals, encara que té un extens apartat d'ajuda).
En general és bastant assequible composar i enviar un mail, disposa de directori propi per les imatges, catàleg de plantilles predefinides i possibilitat de que la nostra plantilla sigui la plantilla per defecte
MailChimp: Potser la millor aplicació online que hem provat per enviament de mailing massiu, encara que no està exenta de les dificultats que porta el tema dels enviaments massius de mails.
Altres aplicacions de mailing massiu:
Via Tripwire Magazine
dimecres, 10 de febrer del 2010
dissabte, 30 de gener del 2010
Anàlisi del web www.cyberneticos.com
La presentació d’una gran quantitat d’informació en una plana web pot resultar una tasca força complexa, en l’exemple que veurem a continuació veiem una de les solucions que s’han trobat per poder-la presentar.
Les empreses que es dediquen al món del hosting, acostumen a presentar en els seus webs d’una manera extensa els seus serveis i productes, amés d’informar als usuaris han de complir també la doble missió d’aparador de productes i de web de referència en consultes i dubtes.
L’estructura presentada en el web de http://www.cyberneticos.com compleix amb les expectatives d’informació aparador de productes i serveis i de web de consulta.
Creiem que el disseny gràfic és adequat a les característiques de la informació que es presenta.
Estructura
La plana portada és a mode d’aparador de serveis amb una presentació feta amb jQuery dels productes i serveis.
El menú horitzontal és desplegable, però això no en dificulta la navegació. S’ha optat per un estructura de continguts poc profunda fet que ha condicionat la quantitat de informació que es mostra en cada pàgina.
Es presenta una estructura en columnes en les planes interiors, amb bona proporció, molt clara i neta tant en la portada com en les pàgines interiors. En la majoria de les pàgines hi ha poc scroll vertical, que beneficia la presentació de la informació.
En la capçalera del web s'ha optat per eliminar qualsevol imatge que pugui distreure de la visualització del nom de la marca i també s'hi han afegit els telèfons de contacte i l'ajuda en línia.
Continguts: presentació i maquetació
Plana portada
Ens ha donat errors de javascript amb Internet Explorer per la presentació feta amb jquery de la portada, no és que sigui un problema de la web, és un problema del navegador. En canvi el menú desplegable funciona correctament amb tots els navegadors
Planes interiors
Tot el web segueix una mateixa línia d'estil i presentació de continguts. Veiem que els web no conté molletes o breadcrumbs, el que en som partidaris les trobem a faltar.
Les planes més significatives del web, en aquets cas la dedicada al hosting, estructura la informació en columnes de manera que és senzill per l'usuari trobar la informació
Un dels inconvenients de mostrar molta informació en una sola plana web és l’excés de lletra que hi pot arribar a haver, en aquets cas, tot i que la zona informativa més important té suficient espai i zones en blanc a mode de separador, les altres parts de la plana resulten massa espesses en quantitat de informació; potser un de les solucions seria augmentar l'espai entre frases i la mida de la lletra.
Visualització amb diferents navegadors
La visualització ha estat satisfactòria amb els següents navegadors:
El web es visualitza correctament amb diferents resolucions de pantalla (entenem que 800 x 600 ja no és una resolució d'ús massiu)
Destaquem
Coses que creiem que es podrien millorar
Revisar el codi CSS, en la validació automàtica s'han trobat alguns errors de codi
Revisar el codi XHTML en la validació automàtica s'han trobat alguns errors de codi
Read more ...
Les empreses que es dediquen al món del hosting, acostumen a presentar en els seus webs d’una manera extensa els seus serveis i productes, amés d’informar als usuaris han de complir també la doble missió d’aparador de productes i de web de referència en consultes i dubtes.
L’estructura presentada en el web de http://www.cyberneticos.com compleix amb les expectatives d’informació aparador de productes i serveis i de web de consulta.
Creiem que el disseny gràfic és adequat a les característiques de la informació que es presenta.
Estructura
La plana portada és a mode d’aparador de serveis amb una presentació feta amb jQuery dels productes i serveis.
El menú horitzontal és desplegable, però això no en dificulta la navegació. S’ha optat per un estructura de continguts poc profunda fet que ha condicionat la quantitat de informació que es mostra en cada pàgina.
Es presenta una estructura en columnes en les planes interiors, amb bona proporció, molt clara i neta tant en la portada com en les pàgines interiors. En la majoria de les pàgines hi ha poc scroll vertical, que beneficia la presentació de la informació.
En la capçalera del web s'ha optat per eliminar qualsevol imatge que pugui distreure de la visualització del nom de la marca i també s'hi han afegit els telèfons de contacte i l'ajuda en línia.
Continguts: presentació i maquetació
Plana portada
Ens ha donat errors de javascript amb Internet Explorer per la presentació feta amb jquery de la portada, no és que sigui un problema de la web, és un problema del navegador. En canvi el menú desplegable funciona correctament amb tots els navegadors
Planes interiors
Tot el web segueix una mateixa línia d'estil i presentació de continguts. Veiem que els web no conté molletes o breadcrumbs, el que en som partidaris les trobem a faltar.
Les planes més significatives del web, en aquets cas la dedicada al hosting, estructura la informació en columnes de manera que és senzill per l'usuari trobar la informació
Un dels inconvenients de mostrar molta informació en una sola plana web és l’excés de lletra que hi pot arribar a haver, en aquets cas, tot i que la zona informativa més important té suficient espai i zones en blanc a mode de separador, les altres parts de la plana resulten massa espesses en quantitat de informació; potser un de les solucions seria augmentar l'espai entre frases i la mida de la lletra.
Visualització amb diferents navegadors
La visualització ha estat satisfactòria amb els següents navegadors:
- Internet Explorer 7 i 8
- Firefox 3.5.7
- Google Chrome
- Safari
El web es visualitza correctament amb diferents resolucions de pantalla (entenem que 800 x 600 ja no és una resolució d'ús massiu)
Destaquem
- La part de casos d'èxit
- La base de coneixement que engloba preguntes freqüents, eines, tutorials, informació legal...
- Icones molt ben utilitzades en totes les pàgines reforcen i milloren la comprensió dels continguts d'una manera encertada.
- La zona del peu on hi ha un resum en forma de columnes-menú dels serveis que ofereix el web amés de les dades de contacte.
Coses que creiem que es podrien millorar
Revisar el codi CSS, en la validació automàtica s'han trobat alguns errors de codi
Revisar el codi XHTML en la validació automàtica s'han trobat alguns errors de codi
dimecres, 20 de gener del 2010
Google Chrome Extensions Vol. 2
Hola, que tal
Més extensions pel Google Chrome que cada dia li fa mes ombra al Firefox...
Lorem Ipsum Generator: Doncs això, un generador de texte simulat
SEO META Inspector
Speed Tracer (by Google): Podem obtenir una perspectiva del rendiment de les nostres aplicacions web
Resolution Test: extensió que ens permetrà provar les nostres pàgines en diferents resolucions de pantalla
Eye Droper i Color Picker: com el ColorZilla del Firefox
MeasureIt!: l'extensió de Firefox també pel Chrome
Articles relacionats:
Google Chrome Extensions
Read more ...
Més extensions pel Google Chrome que cada dia li fa mes ombra al Firefox...
Lorem Ipsum Generator: Doncs això, un generador de texte simulat
SEO META Inspector
Speed Tracer (by Google): Podem obtenir una perspectiva del rendiment de les nostres aplicacions web
Resolution Test: extensió que ens permetrà provar les nostres pàgines en diferents resolucions de pantalla
Eye Droper i Color Picker: com el ColorZilla del Firefox
MeasureIt!: l'extensió de Firefox també pel Chrome
Articles relacionats:
Google Chrome Extensions
dimarts, 12 de gener del 2010
TecnoCampus Mataró-Maresme posa en marxa els Esmozars ÈXIT
El parc TecnoCampus Mataró-Maresme posa en marxa els Esmozars ÈXIT per ajudar els empresaris en temps de crisi
El parc científic i de la innovació Tecnocampus Mataró-Maresme engega aquest mes de gener el cicle de conferències per empresaris "Emorzars Èxit". Aquestes jornades de coneixement giraran al voltant de temàtiques que afecten l’empresari davant d'una situació de crisi econòmica com la que vivim. L’objectiu d’aquestes jornades és infondre optimisme quant a les oportunitats que s'obren en el moment en què la situació econòmica comenci a recuperar-se, i que passen entre altres aspectes per una economia basada en el coneixement.
Per a cada una de les sessions, que tindran lloc l'últim dijous de cada mes, se seleccionaran diverses àrees de coneixement. El lloc de celebració de les conferències és un espai que s'habilitarà just al costat d'on es duen a terme les obres de construcció de la nova seu del parc científic i de la innovació TecnoCampus Mataró-Maresme al Rengle, a Mataró. Algunes d'aquestes temàtiques seran innovació, finançament, màrqueting, o internacionalització.
El cicle de conferències arrenca el proper dijous 28 de gener, amb una xerrada a càrrec
d' Antoni Terán Colomines, soci de BCN BUSINESS i expert en restructuring. Ens parlarà de la PIME davant la necessitat d’afrontar reestructuracions financeres. En la sessió, es comentarà com el restructuring pot ajudar l’empresa a fer front a situacions de descens de la facturació, descens de la solvència, manca de tresoreria, impagats, dificultats per accedir al finançament, descens de la rendibilitat, manca de viabilitat o redisseny del model de negoci.
Continuarem aquest cicle de conferències el 25 de febrer, en què el ponent convidat serà Albert Rof, de Rof Consulting, que ens parlarà de com l’empresa hauria d’aprofitar el web 2.0 com a nova eina de promoció i comercialització. Entre els continguts destaca el sorgiment de la NetGen (generació digital), la teoria de “The Long Tail” (llarga cua), Internet 1.0 vs 2.0 vs 3.0, Màrqueting 2.0 i els “Social Media” o els nous models de negoci a la Xarxa (eBusiness Models).
Trobareu més informació al web www.exittecnocampus.com. Per assistir a les xerrades uns podeu adreçar a Núria Mis (nmis@tecnocampus.com).
dimarts, 5 de gener del 2010
Recursos Vol. 31
Hola que tal, benvinguts a una nova edició dels recursos
Inspiració en formularis
Inspiració en taules de dades
Tècniques de CSS
Text i tipografia
Tècniques per millorar la presentació amb tipografia
L'efecte text-shadow
Galeries d'imatges
Galeria de fotos polaroid
Galeria d'imatges amb CSS3
Uns quants hacks pels navegadors tossuts
Read more ...
Inspiració en formularis
Inspiració en taules de dades
Tècniques de CSS
Text i tipografia
Tècniques per millorar la presentació amb tipografia
L'efecte text-shadow
Galeries d'imatges
Galeria de fotos polaroid
Galeria d'imatges amb CSS3
Uns quants hacks pels navegadors tossuts
Subscriure's a:
Missatges
(
Atom
)