Edició Html | Disse.cat

Categoria ‘Edició Html’

1 de juny del 2010 · Disseny Web, Edició Html

Wordpress fa 7 anys i llancen la versió 3.0

Per Jordi serra | Sense comentaris »

T'agrada aquest article? 1 vot

(Vota)

Loading ...

Comparteix

Ja fa 7 anys que Matt Mullenweg va llançar la primera versió de Wordpress. Aquesta plataforma de gestió de blocs s’ha transformat en la plataforma de gestió més utilitzada. És més, amb el pas dels anys s’ha convertit en un gestor de continguts potent i fàcil d’utilitzar. 20 milions de persones el fan servir.

Tots els blocs d’Estol.cat estan gestionats amb Wordpress. I què han fet per celebrar aquest aniversari? Han tret la tant esperada versió 3.0 Podeu veure la llistat de novetats a Bitelia.

Estigueu atents si actualitzeu que tots els plug-ins i extensions siguin compatibles

0 comentaris »

Mostra tot l'apunt

29 de maig del 2010 · Disseny Web, Edició Html

Google Font: el catàleg tipogràfic web s’amplia.

Per Jordi serra | 1 Comentari »

T'agrada aquest article? 1 vot

(Vota)

Loading ...

Comparteix

Els programadors web tenim el problema que no podem utilitzar les fonts que desitgem en els nostres textos webs. Ens tenim que cenyir a les fonts universals en els ordinadors. Fonts com Tahoma, Verdana, Arial ens deixen un ventall petit de possibilitats tipogràfiques, és més, les tenim que utilitzar per tenir una bona sintonia amb SEO i Google.

Aquests anys, han sorgit solucions realitzades amb Javascript per mostrar en la nostra pàgina web les fonts que desitgem. Aquestes solucions, com Typekit, són de pagament i allotgen en un servidor les tipografies per la seva utilització.

Ara, Google ha tret un nou servei tipogràfic que amb un petit codi ens permet mostrar un directori de fonts més modern, alegre i funcional. Encara que aquest directori està definit per Google, les fonts són prou ben realitzades i modernes.

1 Comentari »

Mostra tot l'apunt

19 de maig del 2010 · Disseny Web, Edició Html

Comic Sans? Tahoma? Palatino Linotype? Amb Context Font ho sabràs

Per Jordi serra | 1 Comentari »

T'agrada aquest article? 1 vot

(Vota)

Loading ...

Comparteix

Context Font, extensión de Firefox para averiguar fuentes

Imatge de genbeta.com

Context Font és una extensió per Firefox que ens serveix per averiguar quin tipus de font es fa servir. Com veieu en la imatge, accedint al menú conceptual ( aka botó dret del ratolí ) podrem saber quina font s’està fent servir. Alhora, ens ajuda a averiguar quins tags CSS fa servir l’estil seleccionat. Molt útil per programadors de pàgines web.

Descarga de l’extensií | Context Font

1 Comentari »

Mostra tot l'apunt

22 de abril del 2010 · Disseny Web, Edició Html

Analítica visual de la teva web

Per Jordi serra | 1 Comentari »

(Puntuació: +2, 1 vots)

Loading ...

Comparteix

Overlay L’analítica web és un element molt important en l’estructura de la pàgina web. La lectura de tots els espais, visualitzar què fan els usuaris, què visiten més, quin percentatge de rebot ens pot ajudar i és clau en l’estructura de la nostra pàgina web.

Però no ens oblidem de l’estructura visual de la web.

Quin és el comportament del ratolí dels nostres usuaris, que cliquen més. Aquests elements són importants. Actualment a Internet hi ha eines per la seva utilització. Us en passem dos que hem trobat molt interessants:

1 Comentari »

Mostra tot l'apunt

9 de febrer del 2010 · Disseny Web, Edició Html, Tecnologia, creativitat

El futur del Flash

Per Jordi serra | Sense comentaris »

(Puntuació: +4, 1 vots)

Loading ...

Comparteix

Macromedia va revolucionar el mercat del disseny de pàgines web amb Macromedia Flash. El format permetia dissenyar pàgines web amb animacions, música i sense totes les limitacions que porta l’HTML. La veritat, una revolució per a tots els dissenyadors gràfics que veien en aquesta manera de dissenyar, un gran via per realitzar el que tenien al cap.

Això si, ja en aquell moment tindre una pàgina web en Flash ja significava no aparèixer als cercadors. Però no importava: estar a Internet de forma espectacular era més important que rebre visites.

0 comentaris »

Mostra tot l'apunt

15 de gener del 2010 · Edició Html, Eines a internet

Com Google indexa els nostres resultats a Twitter

Per Jordi serra | Sense comentaris »

T'agrada aquest article?

(Vota)

Loading ...

Comparteix

La importància de Twitter cada dia és més important. S’està convertint en la xarxa on es mostra informació en “temps real”. Aquest canal d’informació ja contrastat en la revolució d’Iran o actualment, la mort de Michael Jackson o el terratrèmol de Haití ha demostrat ésser un punt d’informació fiable i ràpida.

D’aquesta manera, els cercadors com Google o Bing, ja han anunciat que mostraran resultats que puguin indexar en aquesta xarxa social. De forma, que podem consultar en temps real notícies que vagin sorgint a la xarxa.

Peró, com ho farà Google per mostrar unes piulades, o altres piulades? Gràcies a una entrevista feta a Amit Singhal, membre de Google. ( que podem trobar a Technology Review ) Ens desvel·la que la forma d’indexar la importància de les piulades serà molt similar a l’actual Algoritme d’Indexació de pàgines de Google.

O sigui, apareixerà els resultats dels perfils de Twitter que tinguin més enllaços rellevants. Per exemple, si un usuari amb molts seguidors enllaça el nostre perfil de Twitter ens ajudarà a pujar el Pagerank del nostre perfil de Twitter.

Per tant ja sabeu, si teniu followers amb molts followers, millor que millor.

Podeu trobar més informació a: Tensaiweb o El Mundo

0 comentaris »

Mostra tot l'apunt

7 de gener del 2010 · Disseny Web, Edició Html, General, creativitat, disseny gràfic

Aplicacions i eines en la creació i maquetació de pàgines web [Part 1]

Per Jordi serra | 6 Comentaris » Comenta ü

(Puntuació: +5, 1 vots)

Loading ...

Comparteix

En tota la Catosfera, i la Blogsfera en general, la fi de l’any és sinònim de grans llistes d’aplicacions més usades el 2009. Podem trobar un exemple d’aquestes llistes a Bitelia o a Think Wasabi.

A Disse.cat no volem fer un resum de les aplicacions més usades i populars d’aquest any passat. Volem fer una llista d’aplicacions per al disseny i maquetació web que fem servir. No és sinònim de que són les millors, però segurament el debat que obrim ens enriquirà en la forma de treballar.

Disseny gràfic: Adobe Fireworks

Utilitzo aquest programa des de la seva versió 7. Ara, amb la versió CS4, trobo que és el programari perfecte per la gestió gràfica de la teva pàgina web. La forma de treball en capes senzilla, l’exportació a elements gràfics amb format web, i les seves adreces ràpides de teclat em donen una eina molt productiva. He provat GIMP o Photoshop, i em permeto la llicència que són programes per el retoc, no per el disseny web.

Maquetació web: Adobe Dreamweaver

El programa per excelència de maquetació web, tant però programadors com per dissenyadors. La seva senzillesa em va ajudar a l’inici, actualment la seva gestió d’arxius en servidors externs em fan treballar de manera fàcil i accessible. La facilitat de treball amb arxius Wordpress, o Php, em permet una rapidesa d’ús que amb altres programes com Ultraedit 32 o Coda no m’han donat.

El problema dels dos programes inicials és el seu preu.

Client FTP: Filezilla

No hi ha dubte, no hi ha res a dir. Gratuït, bona gestió de servidors d’FTP.

En la segona part, parlarem d’aplicacions més concretes com IETester , validadors de codi.

6 Comentaris »

Mostra tot l'apunt

24 de desembre del 2009 · Disseny Web, Edició Html, disseny gràfic

Vols traduïr la teva web? Codi javascript per traduir-lo al moment

Per Jordi serra | Sense comentaris »

T'agrada aquest article? 1 vot

(Vota)

Loading ...

Comparteix

La veritat que fa pocs dies, Google ens permetia instal·lar una barra en el nostre navegador per poder traduïr les webs a més de 52 idiomes. Trobem via Anieto2k un codi javascript que ens permet la traducció del contingut del a nostra pàgina a més de 52 idiomes.

Aquest codi d’anomena TranslateThis i utiltiza l’api de Google per les traduccions, tan senzill com:

<div id=”translate-this”><a href=”http://translateth.is/”>Translate</a></div>
<script src=”http://www.google.com/jsapi” type=”text/javascript”></script> <script src=”http://x.translateth.is/translate-this.js” type=”text/javascript”></script>
<script type=”text/javascript”><!–
TranslateThis();
// –></script>

0 comentaris »

Mostra tot l'apunt

10 de desembre del 2009 · Digital, Disseny Web, Edició Html

Le cerques de Google en temps real

Per Jordi serra | Sense comentaris »

T'agrada aquest article? 1 vot

(Vota)

Loading ...

Comparteix

Un vídeo molt interessant que ens explica com podrem fer cerques en temps real, i trobar resultats en temps real. Alhora ens especifica com apareixeran els diferents Tweets sobre la cerca a mesura que la gent els vagi produint.