formatic.cat

Hoy ponemos un enlace a un ejemplo de validación de formulario sin el uso de Javascript, ni ningun otro framwork. Tan solo HTML5 y CSS3. Cada día la mayor compatibilidad de estos con HTML.

esta validación debe de ser siempre complementada con validación en el lado del servidor. Porque esta siempre puede saltarse con pluguins o navegadores antiguos o falsificación de peticiones POST…

Asi que por todo ello recomendamos que sea usada como metodo de filtrado previo, mejorar la experiencia del usuario. Ahorrar peticiones la servidor.

el enlace Live demo funcionando es:

http://webdesigntutsplus.s3.amazonaws.com/tuts/214_html5_form_validation/demo/index.html

la teoria está aquí: http://webdesign.tutsplus.com/tutorials/site-elements/bring-your-forms-up-to-date-with-css3-and-html5-validation/

Para saber si tu servidor está en una lista negra o black-list:

podeis usar esta web. Hace falta saber la ip de tu correo, para ello hacer ping a vuestro servidor.

http://whatismyipaddress.com/blacklist-check

hoy dejo una lista rápida de las mejores herramientas para medir el posicionamiento seo:

La mejor sin dudarlo es 1ª — > WOORANK:

• Esta es muy fea visualmente, pero realmente dice comentarios muy elaborados…
• http://www.seositecheckup.com/result-url-www.marcaturopa.es.htm

• miranking.net -> muestra varios indices como alexa muy sencilla.
• http://www.miranking.net/dominio/formatica.cat

• sitebeam.net: recomienda consejos sobre tecnologia y herrores de programacion
• http://trial.sitebeam.net/reports/view/?siteId=4352

• LipperHEY: visualmente una persona que no entiende puede ver herrores
• https://www.lipperhey.com/en/dashboard/analysis/2770546/

• nibbler: tecnologicamente muy buena
• http://nibbler.silktide.com/reports/www.marcaturopa.es

• COMPETE -> la ponene muy bien, pero tiene registro..
• https://www.compete.com/plans/

• pageheat. Estaba fuera de servicio… nose..
• http://www.pageheat.com/about/

está está un poco fuera, pero me gusta: Es para testear el rendimiento del servidor con velocidad de carga hasta 50 usuarios…

http://loadimpact.com/test/view/1356247

Hace años vi un post sonbre tipos de marcos apra fotos, poner encimade la imagen con bacgruond para crear efectos muy chulos para galerias de fotos… y productos realacionados… la tipica graella de imagenes una al lado de la otra…

http://webdesignerwall.com/tutorials/css-decorative-gallery

Para poder probar bien las páginas webs deberá tener la posibilidad de ver como quedan las webs en los distintos navegadores. Para esto lo mejor siempre es virtualizar, es la forma más exacta de poder probar las webs. además esto permite hacerlo desde Mac, linux o cualquier otro sistema operativo.

Microsoft pone a disposicion unas imagenes especiales para poder probar, totalmente gratis, y sin licencia.

http://www.microsoft.com/en-us/download/details.aspx?id=11575

Otras alternativas son pluguins como:

spoon -> instalar software en el equipo para ejecutar virtualizaciones, hay que crear una cuenta de registro para usar el servicio…

IeTab2 para firefox -> no me gusta que hay que reiniciar para cambiar entre versiones de explorer. No siempre queda como deberia.

aplicación de escritorio para firefox como IeTester, fallan siempre los javascripts… da mucho engorro

Las webs de capturas online, son un buen recurso para hacerse una idea a nivel de maqueta. como por ejemplo: http://browsershots.org/

te permiete solo 5 min por dia.. o registrarte para conseguir algunas mas. Pero es bastante util si se filtran solo algunos sitemas y navegadores.

saludos.

La solución para validar y ser compatibles con la cabecera HTML, no es añadir el antiguo meta de HTML 4: X-UA, sino quitarlo y ponerlo en el htacces o encerrado en comentarios sólo para ie…

yo lo pongo en el .htaccess del servidor así:

ver fuente: https://github.com/h5bp/server-configs/blob/master/apache/.htaccess
# ———————————————————————-

# Better website experience for IE users

# substituye meta que no valida:     <meta http-equiv="X-UA-Compatible" content="IE=edge; chrome=1">

</IfModule>


No se ha especificado ningún conjunto de caracteres en las cabeceras HTTP para los recursos indicados a continuación. Si se especifica un conjunto de caracteres en las cabeceras HTTP, el navegador puede mostrar las páginas más rápidamente.

Este error es muy habitual y aunque está en las cosas leves que nos marca el optimizador de google… Resulta que se refiere a identificarlo en la parte del servidor:

o se usa: php para hacer la instriccion header(’Content-Type: text/html; charset=UTF-8‘) ó header(’Content-Type: text/html; charset=ISO-8859-1′)

Porque aún indicando la codificación en html5 con:

<meta charset=”UTF-8″ />

<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″>

sigue marcarndo el error, el quiere que antes de recibir el html ya sepa la codificación para quemejore la velocidad.

otra opcion es hacerlo desde el ,htaccess así:

# charset
AddCharset utf-8 .html
AddCharset utf-8 .js
AddCharset iso-8859-1 .php

Hola,

en la url http://developers.google.com/speed/pagespeed/insights#

solo deberemos introducir nuestra url y ya podremos hacer para ver los errores mas comunes y la mayoria de comentarios estan en español! un muy buen trabajo de analisis.

lo mejor es que te da un rankig de optimización de la página web.

Si nos aparece este error en windows 8:

The module xxx.dll was loaded but the call to DllRegisterServer failed with error code 0×8002801c

Y estabamos intentado registrar una DLL o OCX, pues resula ser que ni dsde el comando ajecutar, ni desde la consola de comando cmd de windows 8 funciona correctamente es problema de que no se ejecutan como adminostrador por defecto.

para ello: solo tienes que pulsar botón derecho sobre el icono y asi lanzamos como administrador la consola de comandos msdos y ya funciona correctamente el comnado regsrv32

saludos.

No es la primera vez que hablamos de seo en barcelona, esta vez hemos estado en las conferencias de iniciador ha dado en Barcelona sobre posicionamiento seo.

Nos han dado las claves mas buscadas para posicionar webs, tanto a nivel local como barcelona , como para un Quick seo en general. El Seo como enfoque principal para tener éxito en los proyectos.