Arxiu de ‘Edició Html’ Categoria

El futur del Flash

Per admin, dintre de Disseny Web, Edició Html, Tecnologia, creativitat

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.

Read the rest of this entry »

Com Google indexa els nostres resultats a Twitter

Per admin, dintre de Edició Html, Eines a internet

Im

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

Com construïr una empresa mitjançant la web 2.0

Per admin, dintre de Disseny Web, Edició Html, disseny gràfic

Via http://www.rosauraochoa.com/

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

Per admin, dintre de Disseny Web, Edició Html, General, creativitat, disseny gràfic

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.

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

Per admin, dintre de Disseny Web, Edició Html, disseny gràfic

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>

Le cerques de Google en temps real

Per admin, dintre de Digital, Disseny Web, Edició Html

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.

Via: el bloc del bixo

Redueix el pes de la teva web reduïnt el pes de les imatges.

Per admin, dintre de Disseny Web, Edició Html, disseny gràfic

Puny

Punypng és un servei gratuït a Internet que ens permet pujar les nostres imatges, i ell te les retorna amb la mateixa qualitat, i molts menys Kb. Requereix que els usuaris tinguin instal·lats el Flash i permet imatges de diferents formats fins a 350 kb.

Podeu entrar-hi:
http://www.gracepointafterfive.com/punypng/

Com comprobar com es veu la teva web en diferents navegadors

Per admin, dintre de Digital, Disseny Web, Edició Html, Eines a internet, disseny gràfic

Fart d’acabar un projecte web que es veu perfectament en Firefox, però sobtadament el teu client diu que ho veu malament en I.E.6. És un problema realment comú que tenen tots els dissenyadors i programadors web. Com solucionar-ho? Eliminant tots els Explorer 6 i 7 del mercat. Bé, aquesta opció és força difícil per tant, obtindrem altres solucions.

1. Detectar el problema

Per poder visualitzar la nostra web amb diferents navegadors no cal tindre instal·lat tots els navegadors. Igualment l’explorer no et deixa tindre vàries versions instal·lades. Tenim dos opcions:

Baixar-se i instal·lar el software gratuït IE tester que ens permetrà veure en Explorer 5, 6, 7 i 8 la nostra pàgina web en diferents pestanyes. Una forma realment senzill per veure com queda la pàgina

ADOBE LABSL’altra forma de detecció, i més novedosa és Adobe BrowserLabs. Una aplicació online d’Adobe que ens permet visualitzar les diferents captures per a una pàgina web en diferents navegadors. Realment útil, i només requereix un registre.

2. La sol·lució: Els hacks CSS

Segurament el problema el tindràs amb Explorer, ja que tant Safari, Firefox o Chrome, llegeixen correctament les normes CSS de W3C. Per aquest motiu tenim que trobar certs truquets per insertar codi CSS i que només el detecti Explorer.

Per exemple, a cada classe CSS hi podem implementar el següent codi:

.classe_bitscatalans{
color: #111;
_color: #111; Internet Explorer 6 i inferiors
*color: #111; Internet Explorer 7 i inferiors
}

Doncs bé, amb aquestes normes, no hauríeu de tindre cap problema en la visualització de les vostres webs en diferents navegadors.

De PSD a HTML

Per Txell, dintre de Disseny Web, Edició Html, Eines a internet, Photoshop, disseny gràfic

Psd2css Online és una pàgina on es permet pujar un arxiu en PSD i ens el torna en format HTML, de manera que és molt fàcil obtenir una pàgina web a partir d’un arxiu creat amb Photoshop.

Cal tenir en compte la lectura del manual i seguir-lo correctament per tal que respecti els textos.

30 peus de pàgina gratuïts

Per Txell, dintre de Disseny Web, Edició Html, Eines a internet, disseny gràfic, il·lustració

Sovint no sabem ben bé com organitzar la informació que va al final d’una pàgina web. Naldz Graphics ens ho posa fàcil, ha publicat al seu bloc una entrada on proposa 30 peus de pàgina basats en la il·lustració. Això sí, força poc formals i divertits.


Aquest projecte ha estat dissenyat i desenvolupat per Artífecs | Pàgines web i comunicació gràfica
Tancar
Enviar E-mail