Mostrando entradas con la etiqueta Diseño y Desarrollo Web. Mostrar todas las entradas
Mostrando entradas con la etiqueta Diseño y Desarrollo Web. Mostrar todas las entradas

Excelente software para crear capturas de pantalla - Ashampoo Snap 4

Esta herramienta es realmente útil, se trata de Ashampoo Snap 4, un software que facilita la tarea de crear capturas de pantalla tanto estáticas como videos, tiene muchas opciones, su interfaz es muy agradable y fácil de utilizar y además se pueden editar las capturas directamente antes de guardarlas, me parece una de esas herramientas interesantes que se descubren por ahí de cuando en cuando y de las que te da gusto hablar, yo uso la versión 3 pero la versión 4 ya está disponible en el sitio oficial de Ashampoo Snap, desde donde se puede descargar una demo gratuita.

Ashampoo Snap - capturas de pantalla, barra de herramientas

Así se ve la barra de herramientas que puede aparecer en cualquier lado de la pantalla y se oculta sola.

La imágen de abajo es una captura de ésta herramienta en modo de edición luego de hacer una captura estática de tamaño rectangular (se pueden hacer capturas de cualquier tamaño y forma).

Ashampoo Snap - captura de pantalla en imagen

La otra imágen de abajo es una captura del modo de edición luego de hacer una captura de video de tamaño rectangular, las capturas de video se pueden guardar sin sonido, o con sonido, utilizando el micrófono de tu PC, también se pueden guardar los videos reproducidos con zoom.

Ashampoo Snap - captura de pantalla en video

Como dice en el sitio oficial de Ashampoo Snap, se pueden capturar secuencias de películas o de juegos de PC (en una ventana) y guardarlos como archivos de vídeo de alta calidad, también tutoriales y otros, es una herramienta muy recomendable, el costo de Ashampoo Snap 4 es de 19,99 euros, pero se puede descargar una versión de prueba que dura hasta 40 días, y si ya tenías la versión anterior, puedes actualizarla por 5,99 euros.

Sitio oficial de Ashampoo Snap aquí.

Nuevo Google Body Browser

Google body browser
El 21 de diciembre de 2010 Google Labs presentó un nuevo servicio llamado Google Body Browser, (básicamente un google maps del cuerpo humano), el cual nos permite explorar un cuerpo humano en 3D, ver los distintos sistemas de la anatomía, el sistema óseo, el muscular, el nervioso, etc..., girar, rotar, acercar, ver capas y buscar partes específicas del cuerpo utilizando su nombre, para usar este nuevo servicio de google y explorar el cuerpo humano no es necesario instalar ningún software en nuestro sistema, la aplicación se ejecuta en cualquier navegador o web browser que soporte WebGL (WebGL es una especificación estándar desarrollada para desplegar gráficos 3D en navegadores web sin la necesidad de plug-ins), Firefox 4 y Google Chrome 4 son totalmente compatibles.

Para probar el Google Body Browser ingresa Aquí. (Actualización 2024: el link paso de ser http://bodybrowser.googlelabs.com/ a https://www.zygotebody.com/).

Google Body Browser para navegadores compatibles con WebGL

Cursos a Distancia - Instituto Superior Nueva Escuela en la Argentina

nueva escuela en Argentina, cursos a distancia on-line

El Instituto Superior "Nueva Escuela" con sede en la Argentina,  con más de 40 años de experiencia docente en Arte, Diseño y Comunicación, nos ofrece una forma distinta de obtener conocimiento de Primer Nivel a la distancia a través de Cursos on-line con duraciones variables y de distintas temáticas, entre éstas podemos encontrar:

cursos a distancia - on-line
- Animación 3D

- Dibujo Técnico Digital 2D y 3D 

- Dibujos Animados 2D y animación 3D

- Decoración de Interiores

- Diseño de Modas

- Diseño Gráfico Publicitario

- Diseño de Páginas Web

- Diseño de Moldería para Damas

Este tipo de Educación está disponible tanto para Argentinos como para cualquier persona del exterior, un dato importante como púde ver en su sitio web, es que no se requiere presentar ningún certificado educativo previo, simplemente te registras y puedes seguir los cursos desde donde estés, al centrarse en temáticas específicas,  aprendemos exáctamente lo que deseamos aprender y en poco tiempo, es un método muy atractivo de aprendizaje para formarnos en lo que nos gusta.

También existen Cursos de formación Profesional con una duración de 9 meses y cursos intensivos en distintas áreas,  además títulos profesionales en carreras completas (presenciales) con una duración de 3 años en promedio, entre las cuales están:

Nueva Escuela - Instituto de Educación Superior, Arte, Diseño y Comunicación
Títulos Profesionales en:
- Diseño Gráfico Publicitario
- Diseño Gráfico Editorial
- Diseño de Interiores
- Diseño de Modas
- Bellas Artes
- Fotografía 
- Publicidad
- Animación 3D y Dibujos Animados
- Diseño Web

Si ya eres un profesional en algún área relacionada, también puedes acceder a la bolsa de empleos que es un servicio gratuito de la Nueva Escuela, para ofrecer a estudiantes egresados, no egresados y otros, la oportunidad de contactar con empleadores que estén buscando personal con conocimientos específicos para ocupar cargos en determinadas empresas u organizaciones.

Bolsa de trabajo de la Nueva Escuela - Arte, Diseño y Comunicación

Es agradable encontrar centros educativos especializados en carreras de diseño como estas, con experiencia y que ofrezcan distintas opciones de estudio, si estas interesado en ampliar tus conociemientos en un Centro Educativo Superior, te recomiendo que le des un vistazo, su sitio web es: www.nuevaescuela.net.

Saludos.

Del Blog a Twitter y Facebook - Dlvr.it una Excelente aplicación para Bloggers

Dlvr.it - desde tu Blog a Twitter o Facebook
Nueva y excelente aplicación online para cualquier Blogger, si estabas buscando la forma de postear tus entradas del Blog en tus cuentas de Twitter, Facebook u otros, este sitio lo hace automáticamente y sin costo alguno (por ahora), el sitio se llama Dlvr.it "You Publish, We Deliver", y me pareció una maravillosa herramienta para aumentar el tráfico y hacer más conocido tu Blog, para usarla el proceso es muy simple, si todavía no tienes una cuenta de Twitter o Facebook (de tu blog), sólo tienes que crearlas yendo a Twitter o a Facebook respectivamente, una vez lo hayas hecho, te registras en Dlvr.it y configuras tu blog con cada cuenta respectivamente, después el sitio se encargará de postear tus nuevas entradas del blog  (usando tu feed RSS) en las cuentas que hayas registrado, por ejemplo en el caso de Twitter se creará un tweet con el título del post y un enlace hacia él para cada nueva entrada (ej. de Twitter en la imagen de abajo), 

EdyvargasBlog en Twitter, usando Dlvr.it, excelente herramienta para Bloggers

también puedes configurarlo para que muestre un poco de texto del contenido, en el caso de Facebook se pueden incluir imágenes también, luego puedes agregar un botón típico de "Follow me on Twitter/Facebook " en tu blog (como el que está al lado derecho de este Blog), y listo!, en general este sitio me gustó mucho, es muy agradable en aspecto y en uso, es fácil acostumbrarse al funcionamiento y configuración de tus cuentas y tiene muchas más opciones.

Dlvr.it - You Publish, We Deliver, herramienta para Bloggers

...en conclusión, para hacer tu Blog más conocido y aumentar tus visitas, Dlvr.it es fácilmente muy recomendable, si necesitas más datos o información para configurar tu cuenta, no dudes en preguntar en la sección de comentarios, Saludos.

www.dlvr.it.

El Mejor Hosting que hay! - iPage

Luego de vagar por semanas en la Web, buscando y analizando la mejor opción de Web Hosting y compra de Dominio me topé con un Top 10 de los mejores servicios que actualmente están en promoción, de estos 10 pude finalmente rescatar y decidirme por este:

Espacio en Disco: Ilimitado
Transferencia de datos: Ilimitada
Cuentas de Email: Ilimitadas
Dominios en Host: Ilimitados
1 Dominio: Gratis de por vida

más de 150 $us. de crédito Google, Yahoo, Facebook y otros para promocionar tu web, una atención muy buena y una interfaz de usuario excelente, además de otras cosas interesantes como el Affiliate Program o Programa de Afiliados, todo a 3,50 USD mensual, esto me pareció muy bueno, no había encontrado tanto por este  precio asi que decidí  lanzarme y comprarme una cuenta, el costo anual es de 42 USD, dénle un vistazo si están interesados en la compra de un Hosting y Dominio, vale la pena!.

Para crear una cuenta dale click al banner:

affiliate_link

UPDATE 08/09/2010
En la imagen, mi información privada fué cubierta con color plomo, y en un circulo rojo el espacio en disco y transferencia disponibles, ambos ilimitados.

ver imagen

Maravilloso servidor Portable "Server2Go"

server2go servidor portable
Esta magnífica herramienta es un servidor portable donde puedes almacenar los sitios web que estés desarrollando para luego probarlos desde un Flash USB o CD, sin necesiad de instalar Apache ni IIS (lo cual es un problema a la hora de mostrar los resultados a alguien en cualquier PC que no sea la nuestra), ni tampoco tener que subir los archivos a internet cada vez que queramos mostrar los resultados.

Soporta PHP 5, bases de datos Mysql 5 y SqLite, lo único que tenemos que hacer es descomprimir el server2go en una memoria USB, y luego cargar los archivos de nuestro sitio en la carpeta "htdocs", luego ejecutar server2go, cuando se abra el explorador con una dirección de IP en la barra de direcciones, debemos colocar el nombre de la carpeta de nuestro sitio, ej.: 192.168.1.2/misitio/index.html, y listo!

Es una herramienta muy útil y recomendable, y lo mejor de todo es que puedes descargarla completamente gratis desde el sitio oficial http://www.server2go-web.de/download/download.html.

server2go servidor portable ejemplo

Otra cosa interesante es que si quieres puedes utilizarlo junto con un Firefox Portable, solo hay que hacer unos cambios que están explicados en su sitio web, http://www.server2go-web.de/wiki/usingportablefirefox.

server2go servidor portable intro

Diseño CSS para IE6, IE7 y Firefox

Este es un pequeño y extremadamente útil "truco" que nos soluciona el común problema que tenemos al diseñar una web con CSS que debe ser compatible para Internet Explorer 6, Internet Explorer 7 y por supuesto Firefox.

Básicamente para Firefox no existe ningún problema pero IE6 e IE7 suelen interpretar las hojas de estilo en cascada de diferentes maneras, lo que puede "literalmente" hechar por la borda todo un diseño realizado para Firefox únicamente, bueno, no se procupen demasiado, la solución que encontré buscando en la web es muy simple, y consta en crear diferentes parámetros css para cada navegador, entonces el código que se interprete será el que corresponda al navegador que estemos usando,

Para IE6 debes colocar: * Html (antes de cada etiqueta)
Para IE7 debes colocar: *:first-child+html (antes de cada etiqueta)

Por ejemplo, si creas un Div llamado "contenido" debes colocarlo así:

Para Firefox:

#contenido{
position:absolute;
left:217px;
top:250px;
width:749px;
height:2000px;
z-index:1;

Para IE6:

* html #contenido{
position:absolute;
left:217px;
top:250px;
width:749px;
height:2100px;
z-index:1;

Para IE7:

*:first-child+html #contenido{
position:absolute;
left:217px;
top:250px;
width:749px;
height:2200px;
z-index:1;

Como ven, el alto (height) de nuestro Div, tiene un tamaño distinto para cada navegador, Firefox (height:2000), IE6 (height:2100) e IE7 (height:2200), esto quiere decir que si vemos la pagina web con firefox, nos mostrará el div "contenido" con un alto de 2000px, si lo hacemos con IE6 veremos el div "contenido" con un alto de 2100px, y con IE7 un alto de 2200px.

Esto puede utilizarse para cualquier div o etiqueta en nuestro código CSS, les aseguro que esta técnica les facilitará muchísimo el trabajo de diseñar para distintos navegadores, y seguramente les solucionará problemas (si todavia no la conocían) con cualquier diseño que tengan.

un saludo, y buena suerte.

Como usar CDOSYS!

Existen diferentes herramientas para enviar emails directamente desde tu pagina web, algunas cuestan dinero y otras no, esta vez hablaré de una de las más comúnes, poderosas y además gratuitas, se trata de CDOSYS, una herramienta de Microsoft que funciona bajo los servidores IIS desde los 5.1 para arriba.

para aquellos que quieran profundizar más en el tema pueden ver este enlace ASP Cdosys ,

lo que voy a mostrarles ahora es un ejemplo sobre como configurar esta herramienta en nuestro sitio web, y que esta "funcione" correctamente, me tomó un tiempo dar con buenos ejemplos en la web y despues de hacer varias pruebas por fin lo logré que funcione, pero para empezar debo aclarar lo siguiente:
  1. Cdosys debe estar instalado en el servidor IIS donde esté alojado su sitio web (normalmente lo está, pero si nó puden solicitar a su proveedor que lo instale).
  2. Para este ejemplo utilizaré el lenguaje ASP.
  3. Deben tener una cuenta de email configurada para su sitio web, por ejemplo si su sitio se llama: www.ejemplo.com, lo mas común es que su cuenta de email (si crearon una) sea "micuenta@ejemplo.com".
bueno, ahora el ejemplo, yo utilicé una página HTML que contiene el formulario donde llenamos los datos del email y el mensaje en sí (contacto.html) , y otra página ASP que procesa el envío y lo ejecuta (cdosys.asp).

este es el código de "contacto.html":
------------------------------------------------------------------------------------------------


<html>
<head><title>contacto.html</title>
</head>
<body>
<form name="email" action="cdosys.asp" method="post">

Remitente:
<font color=#808080>coloque su dirección de email</font><br />
<input type="text" name="remitente" size="66" maxlength="256" /><br /><br />

Destinatario:
<font color=#808080>email del destinatario</font><br />
<select name="destinatario">
<option value="">seleccione un email
<option value="miemail1@ejemplo.com">miemail1@ejemplo.com<!--aca pudes colocar cualquier dirección/es de email-->
<option value="miemail2@ejemplo.com">miemail2@ejemplo.com
</select><br /><br />

Asunto:
<input type="text" name="asunto" size="66" maxlength="256" /><br /><br />

Mensaje:
<textarea name="cuerpo" cols="50" rows="15"></textarea><br />
<input type="submit" value="Enviar" />
<input type="reset" value="Limpiar" />
</form>

</body>
</html>

-----------------------------------------------------------------------------------------------

éste el de la página que procesa el envío en ASP (cdosys.asp):

-----------------------------------------------------------------------------------------------

<% @ LANGUAGE=VBSCRIPT
ENABLESESSIONSTATE=FALSE %&g
t;

<html>

<head></head>
<%

Dim remitente,destinatario,asunto,cuerpo
remitente=request.form("remitente")

destinatario=request.form("destinatario")
asunto=request.form("asunto")
cuerpo=request.form("cuerpo")

Dim ObjSendMail


Set ObjSendMail = CreateObject("CDO.Message")

'Esta sección provee la informacion necesaria para la configuración del servidor SMTP remoto.
ObjSendMail.Configuration.Fields.Item ("http://schemas.microsoft.com/cdo/configuration/sendusing
") = 2
ObjSendMail.Configuration.Fields.Item ("http://schemas.microsoft.com/cdo/configuration/smtpserver") ="servidor.ejemplo.com" 'servidor SMTP
ObjSendMail.Configuration.Fields.Item ("http://schemas.microsoft.com/cdo/configuration/smt
pserverport") = 587 'puerto de servidor SMTP
ObjSendMail.Configuration.Fields.Item ("http://schemas.microsoft.com/cdo/configuration/smtpusessl") = False 'Usar SSL para la conección (True or False)
ObjSendMail.Configuration.Fields.Item ("http://schemas.microsoft.com/cdo/configuration/smtpconnectiontimeout") = 60


' Si su servidor requiere autenticación por nombre de usario y password agregue las siguientes 3 líneas, si no, no necesita hacerlo.
ObjSendMail.Configuration.Fields.Item ("http://schemas.microsoft.com/cdo/configuration/smtpauthenticate") = 1
ObjSendMail.Configuration.Fields.Item ("http://schemas.microsoft.com/cdo/configuration/sendusername") ="direccion@ejemplo.com" 'Nombre de Usuario

ObjSendMail.Configuration.Fields.Item ("http://schemas.microsoft.com/cdo/configuration/sendpassword") ="1234" 'Password
ObjSendMail.Configuration.Fields.Up
date
'Aquí acaba la configuración del servidor SMTP remoto==

ObjSendMail.To = destinatario
ObjSendMail.Subject = asunto

ObjSendMail.From = remitente
ObjSendMail.TextBody = cuerpo
ObjSendMail.Send

Set ObjSendMail = Nothing
%>
<body>

<div id="index">
<div id="mensaje">

su mensaje se ha enviado con éxito...

</div>

<meta http-equiv="refresh" Content="3;URL=contacto.html">

</div>

</body>

</html>

----------------------------------------------------------------------------------------------

ver un ejemplo en el sitio que desarrollé recientemente:

Análisis de percepción visual en imágenes - Feng-GUI

El Site Feng-GUI nos ofrece un servicio que como publicista, diseñador web y amante de la fotografía, me pareció particularmente interesante, se trata de un software de inteligencia artificial que simula los primeros 5 segundos de percepción visual en una imagen (web, fotografía, video, etc.), analizando y mostrando en una transparencia sobre la imagen que subamos, cuales son los sectores más atractivos visualmente, cuáles se ven primero y en qué orden se ven.

En el Site podemos subir una imagen cada cierto tiempo y nos mostrará los resultados sin ningún costo (solo una marca de agua en la imagen con el texto "Created by Feng-GUI") , pero si optamos por pagar, el precio es de 50 USD por 50 imágenes ó 200 USD por 250 imágenes, también ofrecen servicios para análisis de video y otros, vale la pena darse una vuelta por el sitio!

ver web: Feng-GUI

Diseño Web

Vean http://www.worldrangercongress.org, diseño web css 2.1.