10 Herramientas online indispensables para el diseño web
Este artículo está probablemente obsoleto
Este artículo fue publicado hace más de 10 años (el 06 de marzo del 2011, para ser exactos). La información contenida puede estar muy desactualizada o ya no ser relevante.
El artículo existe como archivo de este sitio y de la antigüedad del mismo. Este blog existe en el Internet desde el 2007!
Algunos o todos los enlaces de este artículo pueden haber sido removidos o estar rotos debido a la antigüedad del mismo. Te pedimos las disculpas por cualquier inconveniente que esto pueda causar.
Crear páginas web es un proceso que puede tomar su tiempo, principalmente porque vamos a necesitar darle los toques finales estéticos: el diseño web.
Es por ello que toda herramienta que nos sirva de ayuda es bienvenida, en este caso te presentamos una lista de sitios que te ayudarán en el diseño de tu sitio web.
Estas herramientas se encuentran online, de modo que podemos usarlas en cualquier computadora. Para empezar a usarlas no necesitan instalarse o descargarse, ni tampoco tenemos que registrarnos.
10 Herramientas online para el diseño web
- CSS Type set. Aquí podemos darle formato a un texto y nos devuelve el código CSS correspondiente.
- PHPForm. Nos permite crear un formulario de excelente diseño simplemente agregando y editando los campos que deseemos. Al bajar el código resultante nos entrega comprimidos todos los archivos necesarios: html, css, js e imágenes. No necesita php para funcionar.
- Text shadows . Nos permite agregarle sombra a un texto y fijar su posición y difuminación, al mismo tiempo nos entrega el código CSS. También nos indica la compatibilidad en browsers del código.
- RoundedCornr. Esta excelente herramienta nos permite diseñar fácilmente botones o cajas con bordes redondeados. Podemos escoger un diseño básico, con gradientes, con borde lineal y con imágenes. La herramienta nos brinda un ejemplo del código html, el código css y las imágenes a descargar de ser necesario.
- Dynamic Drive Favicon . Nos permite crear un favicon a partir de una imagen normal. Soporta gif, jpg, png y bmp de hasta 150kb.
- HTML Color Codes . En esta sencilla herramienta podemos escoger el color en la tonalidad que queramos y obtener su código en hexadecimal y rgb.
- DaFont . Nos muestra cómo queda nuestro texto en todas las fuentes más conocidas y por orden alfabético. Al mostrarnos varias fuentes nos ahorra tiempo.
- IconFinder . En este sitio podemos encontrar una gran cantidad de iconos de excelente calidad para adornar nuestro sitio web. Se recomienda buscar en inglés para obtener más resultados.
- Unicode Chart . Esta es una lista muy completa de caracteres raros, puedes encontrar griego, japonés, árabe y muchos más. De cada caracter te dará una información muy completa incluyendo el código que necesitas para que aparezca en tu página web.
- Browsershots. Con esta herramienta podemos probar cómo se ve nuestra página final en los diferentes navegadores o browsers del mercado para corregir de ser necesario.
No olviden tenerlas a la mano, de seguro más de una les puede ser de mucha utilidad.
