michaelmuller.net | Diseño, iconos, web y actualidad desde Ecuador

15 Best Free Online Tools for Web Design & Development

1. Redmine: Redmine is a great, free alternative to other pricey project management apps available online
2. Billing Boss: Billing Boss is a fantastic, free invoicing tool, designed especially for small businesses and freelancers
3. Yuuguu: Yuuguu is a multi-platform screen-sharing tool, which allows Windows, Mac and Linux users to collaborate.
4. FavIcon Generator: Looking for a quick [...]

Buena herramienta para “testear” sitios en los diferentes navegadores

Puede ser de gran utilidad para los que tenemos que lidiar con las diferentes versiones de navegadores y sistemas operativos a la hora de desarrollar un sitio web.
Esta herramienta de Adobe nos podría facilitar el trabajo:

https://browserlab.adobe.com

Otra herramientas en línea:

http://browsershots.org

Twitter y Wordpress: 15 herramientas y “hacks” útiles

Buen listado de útiles recursos para integrar Wordpress y Twitter de varias maneras.
Listado en: http://www.smashingmagazine.com

El checklist avanzado antes de lanzar tu sitio web

Siempre es necesario contar con un listado (checklist) de items que deben ser tomados en cuenta antes de publicar un sitio web, para evitar los típicos ovlidos u omisiones. Agrupados en estas categorías:

Estilo y contenido
Validación y estándares
SEO / Métricas
Tests de funcionalidad
Segurdad / Riesgos

etc…
El listado fue compilado (y actualizado por el mismo con comentraios de otros [...]

Crea formularios web en línea… Gratis!

pForm es una herramienta en línea que nos permite crear formularios web customizados con gran facilidad.
La versión gratis te limita a crear un formulario cusstomizado con todas las opciones, pero sólo en formato HTML (que en muchos casos es suficiente, ya que se puede utilizar un simple mailer script para que funcione en línea).
Sitio web: [...]

Programas para videotutoriales, gratis!

AviScreen. Graba el vídeo en formato AVI, tambiéncaptura la pantalla en formato BMP. Sólo para Windows y no graba audio.

CamStudio.org. Programa de código abierto que graba el vídeo yaudio en formato AVI. Sólo funciona en Windows.

Copernicus. Trabaja con los archivos pesados rápidamente ya que guardael vídeo en la memoria RAM para un acceso más rápido. [...]

100+ recursos para desarrolladores web

Excelente recopilación de recursos para desarrolladores web.
Incluye recursos como:

códigos
herramientas en línea
testing
documentación y referencia
windows,
convertidores,
gráficos
analizadores de sitios

Ver listado completo en: http://blog-well.com/

Websitegrader: Reportes de marketing para tu sitio web… Gratis!

Interesante y muy útil herramienta para obtener reportes de marketing (SEO Reports) de tu sitio web, con sólo ingresar
unos datos. Es gratis!
Website Grader is a free seo tool that measures the marketing effectiveness of a website. It provides a
score that incorporates things like website traffic, SEO, social popularity and other technical factors.
Sitio web:
http://www.websitegrader.com

BitNami: Aplicaciones web empaquetadas y listas para instalar!

BitNami Stacks te permite instalar directamente en tu PC/Mac las aplicaciones de código abierto más populares, por medio de un instalador común y corriente. Incluye
todos los servicios asociados con la aplicación, como Apache, MySQL, etc.
BitNami stacks make it incredibly easy to install your favorite open source [...]

Vectoriza imágenes en línea (gratis!)

Interesante herramienta en línea que permite subir archivos en bitmaps (según
ellos, de todos los formatos) para convertirlos en formato vectorial.
En este momento el servidor está sobrecargado, por lo que intentaré más tarde hacer unas pruebas. Gracias
Xavier por el dato.
Visitar el sitio en: http://vectormagic.stanford.edu/

Más herramientas para diseño web en línea… y gratis!

Button Generators:

Web 2.0 Badges, fun badges with the colors, fonts, shapes, that you want.
My Cool Button, easy button generator. With shade and reflection effects, and rounded borders.
Brilliant Button Maker, make those small two colors buttons that so many people like.
The Original I Love Your Image Generator, really fun and original, and you will surprise
everyone.

Rounded [...]

Mega listado de generadores “web 2.0″ en línea

Incluye:

Graphics & Image generators
Color
generators
CSS generators
Domain Name generators
Email generators
Favicons generators
Flash generators
Form
generators
METATAG generators
Password generators
PopUp generators
robots.txt generators
RSS generators
SiteMap
generators
Text generators
ASCII generators
etc…

Ver listado en: http://www.ifxplus.com/

Interesante técnica para armar layouts con precisión

La
técnica consiste básicamente en utilizar una imagen de fondo temporal con el diseño (layout) del sitio, al momento de armar el HTML/CSS del mismo.
Esta imagen se
convertirá en una guía visual para posicionar y dimensionar con precisión los elementos de nuestro sitio.
Ver artículo y ejemplos en:

Técnica 1: http://www.subtraction.com
Técnica 2: http://www.smileycat.com/

10 cosas que seguramente no conocías de la “Developers Toolbar” de Firefox

La "Developers
Toolbar" de Firefox es una adición indispensable para diseñadores y
desarrolladores web. Cuenta con una gran cantidad de herramientas que nos facilitan la vida… pero, ¿Conoces todas sus funciones?
Aquí un listado muy bueno de algunas
cosas que seguramente no conocías.

1. Display Line Guides (Miscellaneous)
2. View Image Information (Images)
3. View Color Information (Information)
4. Display [...]

keep looking »

  • Acerca de…

    Este espacio es una iniciativa de Michael Müller, diseñador de interfaces gráficas y creador del portal Iconiza.com, escribiendo desde Ecuador.