Requerimientos técnicos a exigir a un diseño web

Si alguna vez contratais el diseño de una web sencilla a un tercero, bien porque no sabeis cómo hacerlo o bien porque preferis delegar ese trabajo a un tercero, creo que hay algunos requisitos que deberiais exigir al resultado final.

Muchas veces las empresas de diseño web sólo se preocupan en que la web quede bonita, ya que saben que el cliente final poco más va a saber apreciar, pero hay aspectos claves que diferencian un buen trabajo de una chapuza.

- Un código fuente lo más limpio posible. Un código fuente sin repeticiones innecesarias ayudará en tema SEO y en la velocidad de carga de la página. Lo ideal seria un buen uso de CSS, sin tablas innecesarias.

- Imagenes optimizadas. El peso de las imagenes también es importante. También es importante intentar usar texto en texto, y no meter una imagen cuando un texto bastaba. Beneficia en tema SEO y en la velocidad de carga de la página.

- Uso correcto de las metatags: Suele ser un error común usar el mismo título o descripción en todas las páginas. Es importante para mostrar una correcta información en los resultados de búsqueda y ayuda en SEO.

- Alts optimizados: Que al poner el mouse encima de un elemento, ya sea un enlace o una imagen, nos dé un poco de información al respecto, es útil de cara al usuario final y ayuda en tema SEO.

¿Se os ocurren algunos otros aspectos importantes?

Fuente: http://www.com.es/

ROMPOMPOMPOM.COM

Hay empresas como Wegetit que se curran mucho sus felicitaciones de navidad. Hay ocasiones que no basta con el típico flash/animación, cuando se trata de llamar la atención. Esta empresa Guipuzcoana ha comprado un dominio y ha grabado varios videos.

Pasen y vean: www.rompompompom.com

Crea miniaturas de Web

Cada vez es más fácil crear miniaturas o capturas de las páginas web. Aquí os dejo una lista de software gratuíto:

• SnapCasa
  Un servicio gratis quer permite hasta 100.000 miniaturas al mes sin marcas de agua y diferentes tamaño. No requiere registro.
• Thumbalizr
  En fase beta y gratis, con opción de captura de pantalla y de página entera (aunque el scroll sea muy grande). Soporte para diferente formatos y tamaños.
• Websnapr
  Otro servicio gratis para generar capturas.
• Thumbizy
  Parecido a Thumbalizr. Tambien soporta captura y página entera, esquinas redondeadas, efecto espejo, …
• Thumbshots
  Otro servicio gratis para generar capturas miniaturas de sitios web.
• Alexa Site Thumbnail
  Servicio comercial de capturas de pantalla. Muy económico en modelo de pago por uso.
• bluga.net webthumb
  Un servicio gratis con diferentes tamaños de salida. 100 créditos gratis por mes, si quieres más es de pago.
• ShrinkTheWeb
  Otro servicio gratis para generar capturas de web con muchas opciones.
• Snap.com
  Un clásico entre los servicios de miniaturas de páginas web con muchas opciones y servicios.
• WebPageSnapshot
  Un control ActiveX para capturar páginas y pantallas. Es de pago.
• Web Screen Capture
  Una aplicación gratis para Windows para capturar páginas web completas con scroll incluido.
• FastStone Capture
  Un clásico para windows para capturar páginas con scroll, pantallas, … antes era gratis.

Aquí os dejo la fuente:
http://carrero.es/crear-miniaturas-de-una-web/2563

10 fuentes para Navidad

Aquí os dejamos para estás fechas navideñas, 10 fuentes para la época del año. Descargarlas y utilizarlas en vuestras creaciones web y gráficas.... ¡por cierto! ¡FELIZ NAVIDAD!



[Descargar fuentes]

Como crear una nota de papel con Photoshop

Aquí os dejamos un sencillo tutorial para conseguir hacer una nota de este estilo:



Tutorial: http://pshero.com/archives/a-scrap-of-notebook-paper

¡Ahora, a crear!

20 Talentosos Diseñadores Gráficos

Metrografic realizó una recopilación de 22 talentosos diseñadores, seguramente no son los 22 mejores pero si son de los mejores, tomate el tiempo de visitar sus páginas web y disfrutar de sus trabajos, de los cuales muchos te van a dejar boquiabiertos, espero que lo disfrutes tanto como yo.

*Pete Harrison Ver esta WEB
*Roy Gerritsen Ver esta WEB
*Francisco Aveledo Ver esta WEB
*Jesse Kaczmarek Ver esta Web
*Michael Gibis Ver esta WEB
*Pascal Trembley Ver esta WEB
*Josh Rhode Ver esta WEB
*Pawel Dabrowski y Agnieszka Nowakowska Ver esta WEB
*Khairil Osman Ver esta WEB
*Maciej Mizer Ver esta WEB
*Michal Duszczyk Ver esta WEB
*Pawel Nolbert Ver esta WEB
*Rik Oostenbroek Ver esta WEB
*Matthieu Appriou Ver esta WEB
*Dobбk Zsolt Ver esta WEB
*Adam George Ver esta WEB
*Mil Ver esta WEB
*Philipp Schilling Ver esta WEB
*Alan Campbell Ver esta WEB
*Robert Lindstrцm Ver esta WEB
*Nik Ainley Ver esta WEB
*Emeric Trahand Ver esta WEB

Embeber un video de YouTube señalando un segundo en concreto

Ya es posible embeber en tu página web un vídeo de YouTube señalando un segundo en concreto del mismo para, de esta manera, dirigir al usuario a un momento que quieras destacar, evitando así que tenga que visualizar el resto de los contenidos.

Según cuenta Ionut en su blog, simplemente debes añadir '&start=XX' (donde 'XX' es el segundo desde donde quieres que los usuarios visualicen el vídeo) a las dos URLs que aparecen dentro del código que nos sugiere YouTube en sus páginas.

Así por ejemplo, modificamos el código para incluir '&start=72', mostrando así el vídeo desde el minuto 1:12:

<div class="youtube-video"><object width="425"
height="344"><br /><param name="movie"
value="http://www.youtube.com/v/_d_ntgLNjoI&hl=en&fs=1<b>
</param>&start=72</b>"><br /><br /><param
name="allowFullScreen" value="true"> </param><br /><
embed src="http://www.youtube.com/v/_d_ntgLNjoI&hl=en&fs=1<b>
</embed>&start=72</b>" <br />type="application/x-shockwave-flash"
allowfullscreen="true" width="425" height="344"><br /><br
/></object></div><br />

Cuenta Flickr

Acabamos de abrir nuestra cuenta de Flickr para subir diseños propios de páginas web. De ahora en adelante cada diseño web lo subiremos a nuestro canal en Flickr.com

Dirección: www.flickr.com/photos/disenowebdewebmasarte




Nos vemos en webmasarte.net

Feed de tu blog en tu web

Os dejo aquí el código javascript para poder insertar los títulares de tus enradas del blog en vuestra web.

Simplemente copiar este código en el lugar deseado de vuestra web:

<script src="http://lejaniaimposible.googlepages.com/ultimospost.js">
cerrar script
<script language="javascript">
var numposts = 1;
var numchars = 50;
var showpostdate = false;
var showpostsummary = true;
var standardstyling = true;
cerrar script
<script src="http://webmasarte-videoyfotografia.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts">
cerrar scrip

En ese código se pueden modificar varias cosas:
var numposts Este es el número de entradas que queremos mostrar.
var numchars Aquí elegiremos el número de letras de cada post que mostraremos.
var showpostdate Elegiremos true o false depende de si queremos mostrar la fecha.
var showpostsummary Con true mostramos el ...(leer mas) y con false no se verá.
var standardstyling Según pongamos true o false, cambiará el estilo del texto. Os recomiendo dejarlo en true, queda mucho más bonito.

Es necesario modificar la URL del blog: http://webmasarte-videoyfotografia.blogspot.com por tu dirección blog

Estoy probandolo en la web central de Web+arte (www.webmasarte.net). ¡Y funciona muy bien!

Error 404

En muchas ocasiones nos encontramos con páginas de error, ya sea por escribir mal la dirección o por clicar en un link con una dirección mal configurada...

Aquí os dejo un enlace con diseños increibles de páginas webs para sus páginas de error! Hay gente original, desde luego!

URL: http://www.hongkiat.com/blog/49-nice-and-creative-error-404-pages/

En cuanto a Diseño Gráfico el más logrado;

Startdrag

¿no?

Crear un blog

Aquí os dejamos el rankig de plataformas para crear un blog gratuitamente y poder editarlo con facilidad y sin grandes habilidades de programación

1- WordPress
Permite crear y administrar páginas fuera del orden cronológico "normal" del weblog y ha sido el primer paso para transformarse de un software básico de administración de blogs a un completo sistema de administración de contenidos. Muy facil de manejar.
URL: www.wordpress.com

2-Blogger
El sistema de blogs de Google. requiere el registro de una cuenta de Google e incluye, entre otras mejoras, el servicio de etiquetado de posts y una mejora en la interfaz de edición y publicación de artículos. La nueva versión no modifica en absoluto la apariencia de los blogs creados en la versión antigua, salvo algunos pequeños problemas con acentos y caracteres especiales como la letra 'ñ'. Una vez actualizado un blog, puede decidirse dar un paso más y actualizar la plantilla, con lo que se perderían las modificaciones realizadas al HTML. Por ello se recomienda hacer copia de seguridad de la plantilla (y todos los snippets que se hayan ido incluyendo) antes de asimilar el nuevo conjunto de plantillas.
URL: www.blogger.com

3- Typepad
Es de pago, pero promete competir contra las dos anteriores plataformas.
URL: www.typepad.com