Estilizar listas con CSS y javascript

Les dejo un link con un tutorial muy agil de como hacer unas tabs a base de una lista de manera sencilla con un resultado flexible y usando solo 3 imagenes, tambien hay links a mas recursos de como trabajar con las listas de manera faci lcon CSS estilizando siempre para la mejora funcional y grafica del sitio.

Tabs usando listas con CSS y javascript
Tabs usando listas con CSS y javascript

He aqui mas links con tutoriales y recursos de como usar las listas

Es un lugar clasico para aprender a usar las listas de maneras muy interesantes y que es basico conocer para dar un look interesante a las web que haces.
Listutorial

.

Convertir flash en HTML5 automaticamente

flash to html5, convertir a html5, wallaby adobe, css, html5 framework alternatives

Wallaby de Adobe te ayuda a hacerlo

Mucho se especula que el flash no llegara nunca a dar batalla al HTML5 pero yo no lo creo, mas bien o que esta apostando Adobe es generar programas que conviertan a HTML5 para asi seguir acaparando a los usuarios con su plataforma y software propietario pero agregando facilidad para los que no se quieren meter a trabajar HTML5 de lleno. Hay disponible una herramienta de prueba llamada Wallaby que promete convertir de Flash a HTML5 de manera muy facil.

Lista de lo que puede hacer por el momento

Obviamente no puede hacelo todo tal cual en el flash aunque ese el el objetivo, sin embargo cosas vasicas, botones, transiciones, gradientes y manejo de imagenes si lo hace.
Mira la lista de flash to html5 con Adobe Wallaby

.

Diferencias entre browsers al mostrar textos y CSS

Es obvio para un diseñador web que habra diferencias al mostrar una misma pagina en diferentes navegadores. Sin embargo hay veces que es dificil enseñarle eso a un cliente y es una buena practica mostrar de manera visual las diferencias. A continuacion pongo una imagen done se muestra como el texto tiene minimas pero notables diferencias que estan marcadas con un circulo rojo y marcadas con un cuadrado rojo se muestra como hay minimas pero notables diferencias en la altura de renglones.

Los navegadores en cuestion son: Firefox, Google Chrome, Opera y Safari.

html y css varia segun el browser
html y css varia segun el browser
.

Conversion de PSD a HTML a partir 159 dolares por pagina


He aqui un link para quien ya tiene su diseño en Photoshop pero no sabe como pasarla a HTML valido y agregarle algunas funicones en Javascript, PHP, etc… es un ejemplo de como en paises anglosajones se hacen buenas cosas y que en Mexico debemos de ver los precios de lo que cuesta realmente un trabajo como este. Las empresas de Jalisco y el resto del mundo deberian apreciar el trabajo de los diseñadores mexicanos que es muy bueno y que por el momento es mas accesible que este sitio que les muestro: https://www.psd2html.com/order-now.html

No uses Internet Explorer y navega mejor

Internet Explorer ciempre ha sido malo en:

  • Usar la memoria RAM, desperdicia mucha.
  • Da problemas con el Flash, te hace navegar mas lento
  • No es muy amigable con los estandares de la web y el CSS
  • No podras acceder a muchos sitios si usas explorer o veras un contenido mal renderizado
  • Cada que usas Internet Explorer, Dios mata un gatito
  • Se colapsa con frecuencia y pierdes lo que estabas leyendo
  • Es el navegador preferido por los que te llenan de virus, troyanos y hackers que te quieren robar datos
  • Hay cientos de diseñadores web que se suicidan al intentar arreglar lo que se ve bien en todos los navegadores excepto el Explorer

Alternativas: Usa OPERA o FIREFOX o SAFARI. y si encuentras otros mas de Google y de Lunix pues dales tambien la oprtunidad. La cosa es que que no uses internet explorere y navegaras mejor, mas rapido y mas seguro.

Descarga de plantillas Zencart, Drupal, Joomla, Magento y CSS gratis

Gracias a http://www.sdgestudio.com podemos descargar de manera totalmente gratuita palntillas para sistemas como Drupal, Joomla, Magento, Zencart y CSS. Son plantillas que nos son muy utiles a la hora de ver como se diseña para estos sistemas ya que su maquetacion es muy difernete a como normalmente se hace una pagina web tradicional ya que estas cuentan son contenidos dinamico.

Descarga de plantillas Zencart, Drupal, Joomla, Magento y CSS gratis

descarga de plantillas gratis para sistemas Joomla, Zencart, Magento, CSS y Drupal