Webmaster

Nuvio Templates - Plantillas web gratis

nuviotemplates.jpg

Nuviotemplates es un sitio que nos ofrece una variedad de plantillas xhtml válido que podremos descargar de forma totalmente gratuita. Las estructuras de las plantillas están realmente bonitas, y mas de una ella ayudara a poner tu sitio online en menos tiempo de lo que piensas.

Enlace Nuviotemplates

Web Developer’s Field Guide - Recursos útiles para desarrolladores

webdevelopersfieldguide.jpg

Web Developer’s Field Guide otro sitio que se encarga de recopilar enlaces y recursos útiles para desarrolladores y diseñadores. La lista va desde artículos hasta técnicas CSS, Trucos, sitios donde podremos obtener bonitas fuentes, ajax, sitios de inspiración, javascript, herramientas de color, patterns, etc. Seguramente muchos artículos ya los hemos conocido desde la fuentes originales, y en el peor de los casos, la lista recopilada se repita mucho en sitios similares o con el mismo fin, de todas formas vale la pena echar una mirada y ver cuales son los artículos que hemos pasado por alto, o aquellos que valen la pena recordar y que hemos olvidado con el tiempo.

Enlace Web Developer’s Field Guide

Via isopixel

Posteet - Guardar y Compartir fragmentos de códigos

postttee.jpg

Si sueles temer perder fragmentos de códigos que guardas en tu ordenador o careces de una portátil que te permita llevar contigo tus códigos vayas a donde vayas para tenerlos siempre a mano al momento de necesitarlos, quizás el nombre Posteet deberías recordar. Es un sitio que nos permite guardar y etiquetar fragmentos de códigos que solemos utilizar a diario o bien que encontramos al navegar por Internet. Posteet nos permitirá también guardar todo nuestros código de forma privada, para de esta forma tener solo acceso a ellos nosotros, pero también podremos en caso de decidirlo así, compartir todo lo que guardemos aquí con el resto de los usuarios.

Enlace Posteet

Fuente wwwhatsnew

Bookmarks, cantidad de enlaces útiles para desarrolladores web

3kolone1.jpg

3kolone nos ofrece una sección llamada bookmarks, en ella podremos encontrar otra cantidad muy amplia de enlaces, útiles para todo desarrollador Web. Temas relacionados a CSS, Javascript, Ajax, herramientas, etc. Seguramente en tu del.icio.us tendrás guardado ya algunos de los enlaces que nos ofrece, pero si por algún motivo haz perdido uno antes de guardarlo o crees que aun tu lista es muy pequeña, una vuelta por bookmarks no estará de mas, seguramente encontraras mas de un articulo que no conocías aun.

Enlace bookmarks

Via diariothc

XHTML-CSS Validator: Validar tu código xhtml y css en un click

cssxtm.jpg

Si eres un desarrollador web, seguramente tendrás varios link siempre a mano, pues creo que es momento de agregar uno mas a la lista, XHTML-CSS Validator una útil herramienta que básicamente nos permitirá validar todo nuestro sitio en un simple click. Lo práctico de XHTML-CSS Validator es que valida a la misma vez nuestra hoja de estilo CSS como todo nuestro codigo XHTML, y posteriormente en caso de desearlo, nos permite descargar todo el resumen detallado de los errores encontrados. Sin duda esto nos evita tener que estar dirigiéndonos a sitios diferentes cada vez que deseemos validar nuestra hoja de estilo o codigo XHTML. No es que sea vago, pero si hay algo practico como esto, bienvenido sea.

Enlace XHTML-CSS Validator

Fuente webmasterlibre

Forwebdesigners - Lista de recursos para diseñadores web

forwebdesigners.jpg

Si eres un diseñador web seguramente cada día estarás guardando en tus marcadores algún enlace interesante. Pero que mejor que contar con un sitio que recopile la mayoría de ellos, Forwebdesigners es un sitio donde podremos encontrar una lista realmente amplia de recursos para diseñadores Web. Dividida por categorías encontraremos enlaces relacionados a fuentes, paletas de colores, CSS, generadores online, iconos, recursos sobre photoshop etc. Sin duda será un sitio donde encontraras mas de un recursos útil para ti, por no decir que todos.

Enlace Forwebdesigners

Gracias Diego - Visto también en cssmaniablogvecindad

Iompi - Montar tu tienda virtual en 2 minutos

Iompi una interesante aplicación web que nos permite en simples click montar nuestra tienda virtual para comenzar a vender nuestros productos online. Lo primero que me ha gustado de iompi es su simpleza, si acostumbras a usar Blogger o wordpress, administrar iompi es cosa de niños, ya que es verdaderamente sencillo. Iompi nos ofrece dos planes, Uno gratuito y un servicio Pago mas amplio.

Para comenzar a crear nuestra tienda virtual simplemente deberemos dar un click en “Crear una cuenta”, elegir el plan que deseamos usar. Comenzar a llenar los casilleros, que implica nombre de la tienda virtual, la url que llevara ej http://nikko.iompi.com, clave personal, etc. Nuestro panel de administración nos permite configurar todo de forma muy sencilla, header, logo, colores, etc aun no teniendo conocimientos de desarrollo web te sera muy facil meter mano a la personalización del estilo.
Demo que realice en 3 minutos – Demo Oficial
Lo bueno: Se puede integrar con PayPal para los cobros. Muy fácil de utilizar. Si poses poquitas cosas para vender es una buena alternativa. Pronto ofrecerán la posibilidad de que puedas adquirir tu propio dominio .com. .net etc
Lo malo: la versión gratuita me hubiera gustado con más productos. Aun así es una buena alternativa.

Enlace Iompi

Google Analytics AIR - Seguir las estadísticas desde tu escritorio de trabajo

Google Analytics AIR una pequeñita aplicación que podrá parecerte interesarte si acostumbrar a tener todo a mano en tu escritorio de trabajo. Google Analytics AIR básicamente te permitirá seguir todo lo que ocurra en tu cuenta de Google Analytics desde tu escritorio evitando así tener que estar ingresando a la web cada vez que desees ver tus estadísticas.

Enlace Google Analytics AIR

Via webmasterlibre

WordPress y Joomla Dreamweaver extension

WordPress Dreamweaver extension

Mauricio me hizo recordar algo que tenia que postear, ¿Que? Vikiworks, ofrece una genial extensión muy útil para diseñadores web, WordPress Dreamweaver extensión, que básicamente nos permitía estructurar themes para wordpress utilizando Dreamweaver. Entre las tantas opciones que podremos encontrar, incluye código para:

  • Include Header
  • Include Sidebar
  • Comments Template
  • Include Footer
  • Categories ASC & DESC
  • Lastest 10 Post
  • Dynamic Title Tag
  • Entry Content
  • etc…

Enlace Descarga version Dreamweaver 8 (Vikiworks) - Actualizo: Acabo de encontrar una versión para Dreamweaver MX2004 – Enlace DescargaWeb oficial

Fuente infectedfx

Joomla Dreamweaver extension

Para los que diseñan bajo joomla, Dreamweaver extension Joomla es una útil extensión que les permitirá estructurar y crear bajo Dreamweaver plantillas para sus blog. También posee buenas opciones, de las cuales podrán sacar provecho.

Enlace Descarga Dreamweaver extension Joomla - Fuente Codigogeek

NetworkBarGenerator: Generador de barras para promocionar nuestros blog desde otros

NetworkBarGenerator, es un generador online de top bar, muy práctico para promocionar nuestros blog desde otros. Como podemos verlo en la red de blog de hipertextual. Si bien no es algo difícil de lograr, este generador nos facilitara mucho la tarea. NetworkBarGenerator nos permite configurar prácticamente todo, para adaptar el diseño lo mejor posible a nuestro blog, aunque si podríamos decir que han faltado algunas opciones mas que seguramente se iran agregando de a poco al servicio. NetworkBarGenerator requiere que nos registremos de forma garuita, lo que lleva solo unos segundos. Luego solo queda comenzar a agregar nuestros enlaces, ponerle un nombre a nuestro top bar, adaptar las fuentes, los colores, etc. Una vez que hemos realizado o agregado todo los enlaces que deseamos, y luego de ver la vista previa y quedar conforme con el diseño, simplemente daremos click sobre “Get the code”, para obtener el código que luego insertaremos en nuestros blog para comenzar a promocionar todos nuestros blog desde otros.

Enlace NetworkBarGenerator

Ejemplos:

 

HTML:
  1. <link rel="stylesheet" type="text/css" href="http://networkbargenerator.com/styles.css" media="all" />
  2. <script src="http://networkbargenerator.com/bar.php?id=269" type="text/javascript"></script>
  3. // <![CDATA[
  4. var bar = document.createElement('div');
  5. bar.setAttribute('id', 'bar');
  6. document.body.insertBefore(bar, document.body.firstChild);
  7. bar.innerHTML = code;
  8. // ]]>
  9. </script>