Khan Academy

The Khan Academy és un web per estudiar i aprendre on podrem fer ús d'una extensa biblioteca de vídeos, exercicis pràctics i avaluacions des de qualsevol ordinador amb accés a la web. La missió de The Khan Academy és que tothom pugui aprendre i/o repassar...

Read more ...

TeamViewer: assitència a través d'Internet

Una de les coses que faig habitalment és la formació per a usuaris i la resolució de dubtes i problemes, per això és interessant poder comptar amb eines fàcils i sobretot gratuïtes per a poder explicar i resoldre indidències al propi ordinador del client...

Read more ...

Guia de Google +

La Guia de Google + és una sèrie d'articles pràctics per a conèixer i aprofitar Google d'una manera eficaç per treballar, estudiar, comunicar-se, publicar informació o entretenir-se. La podem obtenir a través de amazon en format ebook pel Kindle per 4.59 dòlars o si ens registrem al web de Hipertextual l'obtindrem en pdf de forma gratuït...

Read more ...

Picfull: afegeix efectes per les teves imatges de forma fàcil i ràpida

Picfull és una eina online i gratuïta que ens permet pujar una imatge i aplicar-hi efectes i filtres i desar-la o compartir-la a través de les xarxes socials. Una d'aquestes eines curioses que ens poden donar molt joc. ...

Read more ...

Libros.com

Libros.com és una xarxa social per a lectors. En aquesta xarxa podrem descobrir nous llibres i sagues, crear llistes, valorar llibres, escriure resenyes i comprar llibres a bon preu. Molt recomanable si t'agraden els llibres ja sigui en paper o en format...

Read more ...

Capturant pantalles amb el Chrome

Pels que ja feu anar Chrome com a navegador web principal i en voleu treure tot el suc possible, avui us presentem un recull d'extensions per a capturar pantalles. Comencem! Lightshot (screenshot tool)  Un extensió super lleugera i simple,...

Read more ...

HTML5

Pels que comencen a treballar amb l'HTML5 us presentem: La Taula Periòdica dels elements de l'HTML5 i la presentació HTML5 WTF? que ens aportaran llum sobre l'univers de l'HTML5. ...

Read more ...

The Typography Manual

Pels que teniu iPhones, iPads, "iCoses", etc. i us agrada la tipografia, us prensentem The Typography Manual una app que, com molt ben diu el seu nom, és un manual de tipografia. En aquest manual hi trobarem: Història de la tipografia Els aspectes bàsics Tipografia...

Read more ...

Se'ns acava novembre sense cap post...

...

Read more ...

OpenLibra biblioteca lliure online

OpenLibra es una biblioteca online on tots els llibres que la componen estan llicenciats sota algun dels molts tipus de llicència lliure que existeixen i que, per tant, l'autor dóna la seva autorització per a la seva reproducció i redistribució. Actualment...

Read more ...

Formació en línia Inteco

Inteco l'Institut Nacional de Tecnologies de la Comunicació posa a l'abast de tothom serveis de formació en línia gratuits i molt útils. Els cursos es divideixen en Formació en seguretat Formació en qualitat   Formació en accessibilitat Trobarem cursos sobre el DNI electrònic, l'accessibilitat en documents PDF, seguretat de la informació, qualitat de productes software, etc. Molt útils i recomanable...

Read more ...

Premis blocs Catalunya

Felicitem a Betes i Clicks pel premi merescudíssim que li han donat! Enhorabona Anna!!!! Els altres guanyadors els podeu veure al web STIC.C...

Read more ...

Firefox 7

Ai que no guanyem per sustos! Firefox 7 ja és aquí!! Descarregue-lo i comproveu també les noves característiques ...

Read more ...

Presentacions online

Reel és una aplicació online que permet crear de forma fàcil i ràpida presentacions per a que puguin ser compartides per internet a través d'una URL, el millor del servei és que no necessita registre per començar a usar-la. El seu funcionament és molt senzill,...

Read more ...

Tack-O-Rama: recursos d’estil retro per disseny

Tack-O-Rama és un web que ens presenta recursos de disseny amb la peculiaritat que tots els recursos tenen un estil retro (anys 60 i 70, art-déco, etc.) Podem trobar, clipart, tipus de lletra, fotos, shapes pel photoshop i més. Interessant i curi...

Read more ...

Infografia sobre les tres principals xarxes socials Facebook, Twitter i Google+

Interessant infografia (està molt de moda això) que compara les diferents formes en que aquestes xarxes socials permeten a l'usuari establir relacions i compartir continguts. Via Stefano Epifani Blog...

Read more ...

Firefox 6: ja el tenim aquí

Fa no res que anunciàvem el llançament del Firefox 5 i mira, ja tenim aquí el Firefox 6. Coses bones del Firefox 6 El tenim en català Millora de la interfície Navegar per diversos llocs a la vegada, simplement i fàcil. Cada lloc web nou apareix com una nova...

Read more ...

Solucions fàcils a Internet

L’altre dia mirant la tele (sí, de tant en tant la mirem) vam veure un anunci d’una empresa online que permet la creació de pàgines web en línea de manera “fàcil, ràpida, amb un ampli catàleg de plantilles, barata i bla, bla, bla”, anunci que ens va fer pensar en l’apocalipsi, és clar. Tampoc cal criticar-ho massa, ja que en temps de crisi com estem, tot allò que ens puguem estalviar benvingut sigui, del que volem parlar és...

Read more ...

Google Chrome Extensions Vol. 3

Hola que tal, benvinguts a una nova edició de les extensions pel Google Chrome ara mateix potser el millor navegador dels que hi ha (i que ens disculpi el Firefox, però el Chrome li està passant la mà per la cara….) Color Generator: Extensió que permet generar ràpidament valor hexadecimal i en RGB, així com la possibilitat d’ajustar-ne el matís, la saturació i lluentor. Resolution Test: Una extensió per als desenvolupadors...

Read more ...

Optimitzar imatges jpg

Sota el lema “Les teves fotos a dieta” (cosa que a tots ens fa falta, lo de la dieta vull dir), se’ns presenta JPEGmini una aplicació online i gratuïta (de les que molen) que ens ajudarà a optimitzar la mida de les nostres imatges sense pèrdua de qualitat. Eina...

Read more ...

El friki-recurs

Placekitten Un Lorem Ipsum per cercar fotos de gatets Miau, mi...

Read more ...

The Commons: Patrimoni públic de Flickr

The Commons o Patrimoni públic de Flickr és un extensíssim recull de fotografies d’arxius públics de tot el món, algunes d’elles (la majoria) sense restriccions conegudes de drets d’autor. Aquestes col·leccions representen un enorme patrimoni cultural i social que val la pena revisar de tant en tant. El programa té dos objectius principals: Augmentar l'accés a col·leccions fotogràfiques de domini públic i Proporcionar un mitjà...

Read more ...

Comparar la validesa del codi HTML i CSS amb diferents clients de correu

L’enviament de mailing pot arribar a convertir-se en un autèntic mal de cap si el que volem és que el nostre correu es vegi bé amb tots els clients de correu electrònic. Fractal és una aplicació online i gratuïta per comprovar la compatibilitat dels nostres newsletters amb els diferents clients de correu. L’únic que hem de fer és copiar i enganxar el nostre codi i l’eina ens mostrarà la compatibilitat amb 24 clients de correu...

Read more ...

Mig ennuvolat

Opcions que ens dón...

Read more ...

Especulacions sobre l'iPhone 5

Via Infographiclab...

Read more ...

The Web Font Combinator

The Web Font Combinator és una eina online (d'aquestes que ara estan de moda amb HTML5 i tal), que ens servirà per combinar i comparar fonts (tipus de lletra), jugant amb el títol, subtítols i paràgrafs, mida de la lletra, espaiats, etc., aquesta eina només utilitza fonts subministrades pel directori de fonts de Google i també les fonts de sistema. Podem fins i tot editar el text que veiem en pantalla per adequar-lo al nostre...

Read more ...

Loads.in eina per mesurar la velocitat de descàrrega d’un web

Loads.in és una eina online per a mesurar el temps de descàrrega de les nostres pàgines web. Què més fa Loads.in? Realitza captures del lloc que s'està analitzant en diferents períodes de temps durant la descàrrega del mateix. Detecció d'errors, arxius...

Read more ...

Whatfont, ajuda per saber el tipus de lletra d’un web

Whatfont és una eina que ens ajudarà a saber quin és el tipus de lletra que s'utilitza en un web sense haver de recórrer al firebug o a qualsevol altra eina. Whatfont la podem usar com a una extensió pels navegadors Chrome i Safari o com a Bookmarklet, només...

Read more ...

Lliçons d’usabilitat web amb Chuck Norris

Chuck Norris que és la llum que il·lumina el camí d'aquest bloc, ens ofereix les següents lliçons sobre usabilitat web via Informous.com Val a dir que aquest post compta amb el Segell de qualitat Chuck Norris Approve...

Read more ...

Les alternatives al Lorem Ipsum

Un dels recursos més soferts i alhora agraïts que podem trobar és el text simulat Lorem Ipsum. A Internet trobem nombrosos generadors de continguts simulats que ens ajudaran a: quadrar paràgrafs, fer-nos una idea de la llegibilitat del text (espaiat, tipus de lletra, distància entre paràgrafs, línies i paraules, mida de la lletra), encapçalaments i llistats, en definitiva, podem veure com quedaran els continguts en format text...

Read more ...

Premis Blocs Catalunya 2011

Un any més s'obre la convocatòria dels Premis Blocs Catalunya, per l'edició d'enguany el procés de votació està obert a qualsevol persona que vulgui participar-hi, però per fer-ho caldrà registrar-se com a usuari a la web de l'associació STIC.CAT (Societat...

Read more ...

La importància de l'espai en blanc en la web

L’espai en blanc no és només l’espai que separa un contingut d’un altre, és un component més del nostre disseny. L’espai en blanc contribueix a l’equilibri dels elements que conformen un disseny. És necessari senyalar que l'espai en blanc no és necessàriament "blanc" és essencialment un espai buit. En el context del disseny web, l’espai en blanc es refereix a l'espai entre els diferents elements de disseny, és l'àrea entre el...

Read more ...

Google +: El projecte de xarxa social de Google

De moment només és un projecte en proves, però Google vol entrar fort en el món de les xarxes social amb un híbrid entre facebook, twitter, missatgeria instantània, video conferencies, etc. Coses bones que té, el fet de poder entrar amb el teu perfil de Google...

Read more ...

El Firefox 5 ja és aquí!

Ja poden descarregar i instal·lar l’última versió del navegador web Firefox. L’aspecte gràfic no ha canviat, cosa que en un principi ens pot semblar que no ha passat res, però, es pot comprovar que va molt més ràpid i molta més nitidesa en mostrar els tipus...

Read more ...

Anàlisi del nou web paqueteria.correos.es

Per la presentació de nous productes i serveis una de les opcions més encertades és al creació d’un web que mostri i introdueixi als usuaris i clients potencials en les noves línies de producte. El nou web de Correos http://paqueteria.correos.es/ n’és una...

Read more ...

Aplicacions gratis per a dissenyadors web

SnackTools és una petita suite online amb sis aplicacions útils per a tots els dissenyadors web que necessitin una solució ràpida, simple i gratuïta per completar tasques comunes com per exemple, la de realitzar un baner animat senzill. Les mini aplicacions...

Read more ...

Recursos Vol. 38: Inspiració

Hola que tal benvinguts a una nova edició dels recursos. Avui galeries de webs per a inspirar-se. Pels amics del WordPress Best WordPress Inspiration Web Design Showcase Site Inspire Dissenys minimalistes Minimal Exhibit Selected webdeding Podem...

Read more ...

El sistema de Grid de 978

El sistema de Grid de 978 utilitza una xarxa o quadrícula de 978 píxels en 12 columnes de 54px, amb una separació de 30 píxels. Això es veu a un total de 978px, i s’utilitza la major part de l'espai en un monitor de 1024x768. Per adaptar-nos a les diferents resolucions de pantalla s’ofereixen diverses variants del sistema de grids de 978. Començant per la resolució de 1024 x 768 fins a 1440 x 900 poden utilitzar les variants...

Read more ...

Remember The Milk: gestiona les teves tasques

Remember The Milk és una aplicació per a gestionar tasques de manera fàcil i còmoda Què podem fer amb Remember The Milk? Gestiona les tasques ràpidament i fàcil. Una interfície intuïtiva que fa que gestionar les tasques sigui divertit. Fixa dates límit...

Read more ...

Sistemes de navegació amigables (User Friendly)

La creació d’un sistema de navegació amigable per l’usuari (el que en anglès en diuen User Friendly), no ens hauria de reportar un esforç extra a l’hora de muntar el prototipus web, la majoria de les vegades es una qüestió de sentit comú, però també cal recordar una sèrie de conceptes que s’han convertit ja en estàndards a l’hora de dissenyar el sistema de navegació d’un web. A continuació es presenten alguns suggeriments que...

Read more ...

Estàndards de formats publicitaris interactius

A tavés de la IAB  us presento els Estàndards de formats publicitaris interactius i les seves classificacions: Formats integrats: Formats que tenen posició fixa a la pàgina Formats expandibles: Formats integrats que tenen capacitat de guanyar pantalla mitjançant un segon format anomenat panell, la grandària, direcció d'expansió, i execució (rollover i clic) vindrà determinat pel suport. Tots els panells han de portar...

Read more ...

El sistema de grid de 960

Fa força temps que l'utilitzo però potser no n'havia parlat mai i és una de les eines més interessants que he fet anar per a la creació de wireframes, parlo del sistema de grids de 960. El sistema de 960 és una plantilla en format de quadrícula que ens divideix verticalment una plana web en columnes de manera que la separació entre elles i el nombre de columnes en que es divideix la plana web, està sota una sistema únic i robust. El...

Read more ...

Ceaser: eina online d'animacions CSS

Ceaser és una eina online per a crear animacions CSS, ara que els navegadors web moderns ja les suporten. Podem crear la nostra pròpia animació, indicant la seva durada i efecte i copiar i enganxar el codi CSS resultant. A alguns potser ja no ens agrada...

Read more ...

Memòria Digital de Catalunya

Memòria Digital de Catalunya és un repositori cooperatiu des del que es poden consultar, en accés obert, col·leccions digitalitzades de revistes catalanes antigues, fotografies, mapes, cartells, ex-libris, etc. relacionats amb Catalunya. La principal finalitat de la MDC és augmentar la visibilitat i consulta del patrimoni català. Què hi podem trobar? Arxius de revistes catalanes antigues, cartells de la Guerra civil espanyola,...

Read more ...

Disseny d'interacció per a facilitar l'experiència d'usuari

La revelació progressiva (en anglès Progressive Disclosure) és una tècnica de disseny d’interacció que ens ajuda a reduir l’excés d’informació que es mostra en un pàgina web, de manera que aquesta es vagi mostrant a poc a poc, és a dir, que es vagi mostrant de manera progressiva. Es tracta del concepte de simplificació de les interfícies web, mostrar i amagar continguts de manera que els usuaris només es fixin en allò més rellevant...

Read more ...

Full de referència ràpida d'elements de disseny

Full de referència ràpida d'elements de disseny: Una visió general ràpida dels elements de disseny bàsics: Línia, color, espai, mida, textures, valors, etc. Molt interessant i en descàrrega gratuïta...

Read more ...

20 Things I Learned About Browsers and the Web

“20 Things I Learned About Browsers and the Web" és una guia interactiva creada per Google  on ens expliquen conceptes bàsics com què són els navegadors web, els estàndards i les tecnologies d'Internet. Interessant el que hi diu i molt més interessant...

Read more ...

Guia per a formularis amb HTML5

HTML 5 és la nova especificació d'HTML, el llenguatge de creació de pàgines web. HTML5 té moltes característiques noves destinades a fer més fàcil la creació de llocs web i l'experiència de la gent en l'ús dels llocs web. Entre les característiques més destacables...

Read more ...

MediaCore un CMS exclusiu per vídeos

MediaCore és un CMS exclusiu per vídeos que està sota la llicència GPL de codi obert i la plataforma està construïda en Python. Si el que volen es crear un web només per vídeos MediaCore és una bona opció ja que està pensat i construït només per a vídeos. Característiques...

Read more ...

Wufoo constructor de formularis

Wufoo és una eina online que ens permet la construcció de formularis d'entrada de dades i enquestes de manera visual, fàcil i ràpida i sense escriure ni una sola línia de codi. En dissenyar un formulari amb Wufoo, es crea automàticament la base de dades backend...

Read more ...

A la recerca de la paleta de colors definitiva

Ja hem parlat altres vegades d'eines online per a crear i cercar paletes de colors, però avui us presentem unes quantes eines que us ajudaran encara més en la difícil però, no impossible tasca de cercar la paleta de colors idea...

Read more ...

L'adéu d'Internet Explorer 6

Diuen que Microsoft ens està demanant disculpes als desenvolupadors web per gairebé 10 anys de Explorer 6, també anomenat el navegador tossut. El tema és que l'any que va sortir l'IE 6 tampoc teníem massa opcions on triar, i el naixement de navegadors com...

Read more ...

Naked Password

Naked Password és una eina online que comprova la fortalesa de la teva contrasenya mentre es va despullant una senyoreta. La veritat és que no té més, i de fet existeixen altres formes de comprovar la fortalesa d'una contrasenya, però si més no, aquest plugin...

Read more ...

Icon Finder: Cercador d'icones

Icon Finder és un cercador d'icones amb una interfície semblant a un motor de cerca, que ens dóna accés a més de 150.00o icones i més de 700 conjunts o packs d'icones. En els resultats podem triar el color de fons de la icona, la seva mida i té o no llicència...

Read more ...

Icon Trip Recull d'icones "frikis"

Icon Trip Recull d'icones "frikis", perquè no se sap mai quan s'hauran de fer anar. Pandas enfadats, ninots de lego zombies o sense cap, aliens, space invaders, consoles, gestos manuals simbòlics, etc. El web ens promet una icona nova cada dia, les podem...

Read more ...

Els beneficis dels prototipus web amb Wireframes

Els wireframes són una fase molt important del procés de desenvolupament web. Encara que és temptador ometre aquest pas i començar pel disseny gràfic i fer l’arquitectura de la informació directament en el disseny, és preferible crear l’estructura del web abans, ja que, d’aquesta manera ens serà molt més fàcil realitzar canvis, veure d’una manera gràfica la distribució dels blocs de contingut dins de la pàgina, crear l’estructura...

Read more ...

Web Seo Analytics: anàlisi SEO online

WebSEO Analytics és una eina online que ens permet fer un anàlisi SEO del nostre web, en especial per blogs. La informació que ens mostra és molt útil com per exemple: Enllaços entrants, interacció amb xarxes socials, pàgines indexades als cercadors, anàlisi...

Read more ...

Traductor: deixant sempre el nivell molt alt

...

Read more ...

Buf

No hi ha per on agafar-ho....

Read more ...

Guia de Seguretat i privacitat en el Comerç electrònic

Al gener d'aquest mateix any INTECO Instituto Nacional de Tecnologías de la Comunicación ha publicat la Guia de Seguretat i privacitat en el Comerç electrònic. La guia ens ofereix de manera didàctica i entenedora, informació molt útil sobre el món del comerç electrònic: Beneficis i oportunitats del comerç electrònic, avantatges i inconvenients, les formes del comerç electrònic (B2C, B2B, B2E, etc.), amenaces existents i eines...

Read more ...

Solucions de comerç electrònic de codi lliure

Hola que tal! Avui us presento un resum de les millors aplicacions de comerç electrònic de codi lliure que podem trobar avui dia. Val a dir que totes les solucions tenen similars característiques i el fet de triar-ne una o una altra és simplement una decisió subjectiva, és a dir, la que ens agradi més. Les aplicacions que veurem són: osCommerce, Magento, Zen Cart i PrestaSho...

Read more ...

Com crear millors Landing pages

Via webanalytics.es us presento una molt bona col·lecció de consells per a crear millors landing pages. L’article fa èmfasi ens els punts següents Fer un test de la pàgina: És molt important validar i testejar els nostres dissenys, saber d’una manera objectiva si aquests funcionen com a reclam. Oferir continguts segons el perfil de l’usuari: Bàsicament, un usuari serà més procliu a convertir si troba a la pàgina contingut que...

Read more ...

El photoshop que alguns clients creuen que tenim

Via Final del chiste us presento una imatge de com els clients es pensen que els dissenyadors web i gràfics tenen el seu photoshop....

Read more ...

Flinkin xarxa social d'intercanvi d'enllaços

Flinkin és una xarxa social d'intercanvi d'enllaços, un espai on tenir les teves pàgines web preferides i poder-les compartir amb tot el món. Pots seguir els enllaços i novetats dels usuaris que t'interessin, així com algunes de les seves categories. Permet...

Read more ...

Anatomia d’una Landing Page perfecta

Via Formstack us presento els 10 elements clau de disseny que ha de tenir una Landing Page perfecta 1. Títol de la pàgina i redacció publicitària: El títol de la pàgina i la redacció publicitària s'han de complementar entre si. 2. Títols secundaris...

Read more ...

Humans.txt: la web és per a humans

Humans.txt és un projecte per a la creació d'un fitxer de text anomenat humans.txt on podem posar la informació relacionada amb els autors del lloc web. Si la web és per a humans, per què generem un arxiu amb informació complementària per als motors de cerca el robots.txt? També seria bo crear-ne un per les persones, no? Com be ens expliquen al web, l'arxiu humans.txt no entra en conflicte amb l'etiqueta Meta Name, humans.txt...

Read more ...

Wireframes: eines i recursos

Recursos Web Wireframe Kit Magnífic kit d'elements en PSD per crear wireframes. Col·lecció d'elements de interfície gràfica d'usuari per Adobre Illustrator I love Wireframes col·lecció de wireframes i recursos Eines Tiggr és una eina online per a crear i compartir wireframes. Tiggr inclou un sistema de xat de manera que convida als usuaris a proporcionar comentaris. A més, el prototip també el podem exportar com a HTML por...

Read more ...

Traductor que google, però què et passa???

Fes clic a la imatge per veure-la sencera...

Read more ...