2010-05-31

Opciones para realizar Videoconferencias privadas en la web

chatride.com


Sin necesidad de registro sólo tenemos que crear una sala y divulgar su enlace a la persona con la que queremos comunicarnos. El aspecto recuerda mucho al del famoso chatroulette, siendo tan sencillo como el popular mebeam.com, con el mismo objetivo.

Adobe Connect Now


Con un panel bastante completo y sencillo de usar, Adobe ConnectNow ofrece la posibilidad de compartir una dirección del tipo https://connectnow.acrobat.com/diegopolo, a la que los invitados a la videoconferencia tendrán que acceder para verse las caras usando sus webcams.

vawkr.com

Integrada con Facebook y con la posibilidad de crear salas también en myspace o en cualquier página web o blog, sin necesidad de instalar nada ni de tener que registrarse en ningún sitio.

meeting24.tv


meeting24.tv es una aplicación de videoconferencia que permite, en poco tiempo, crear una sesión en la que pueden participar hasta 24 usuarios al mismo tiempo.

ubiqq.com


Ubiqq genera una dirección url que, después de ser abierta por la persona con la que queréis hablar, creará una sesión de chat con vídeo en la que se podrán ver los dos protagonistas al mismo tiempo.

palbee.com

Una de las opciones más completas, ideal para hacer reuniones, ya que pueden compartirse archivos, capturas, presentaciones, etc.

ekko.tv


Una barra que incluye la posibilidad de realizar videoconferencia entre dos personas.

Hay otras opciones, como oovoo o tokbox.com, por ejemplo. Aunque estoy seguro que con tanta opción encontraréis lo que se adapte a vuestras necesidades particulares.


Fuente:wwwhatsnew.com

Extensiones de Google Chrome para desarrolladores Web

En el sitio de descarga de extensiones para el navegador Chrome han hecho un listado de extensiones para desarroladores web, y me ha sorprendido la cantidad de herramientas que se pueden agregar al Chrome para diseñar mejores sitios web, las extensiones son las siguientes.

  • SpeedTracer

    Mide el rendimiento y velocidad de una página web.

  • Pendule

    Herramientas de desarrollo web para Chrome.

  • Resolution Test

    Una extensión para los desarrolladores que deseen probar las páginas web en diferentes resoluciones de pantalla, con la opción de definir sus propias resoluciones.

  • Measureit!

    Saca una regla que te ayudará a obtener el ancho y alto en píxeles de cualquier elemento en una página web.

  • Chrome Sniffer

    Detecta Frameworks y librerías que usan los sitios web.

  • XML Tree

    Muestra los datos XML en un modo fácil de entender.

  • BuiltWith Technology Profiler

    Detecta con que tecnologías están construidos los sitios web que estás visitando.

  • View Selection Source

    Puedes ver el código fuente de la sección de la página que tienes seleccionada.

  • JavaScript Tester

    Extensión para todos los desarrolladores de JavaScript que deseen ejecutar y probar el rendimiento del código JavaScript.

  • CSS Reloader

    Te permite recargar todos los CSS de cualquier sitio sin que haya que volver a cargar la página en sí.

  • Web developer

    Agrega un botón de barra de herramientas con diferentes herramientas para programadores web.

  • CSS Viewer

    Un simple visor de las propiedades CSS.

  • JSonView

    Puedes ver los documentos JSON en el navegador.

  • CSS Scan

    Ofrece una visión general rápida de las propiedades CSS al pasar el cursor del Mouse sobre el elemento.

  • Chrome Editor

    Edición de HTML fácilmente, justo dentro de su navegador.

  • Multiswitch

    Cambiar entre el desarrollo, prueba y aplicación productiva.

  • Regular Expression Checker

    Simple probador de expresiones regulares.

  • PHP Documentation

    Documentación PHP, la documentación oficial para programadores de PHP.

  • jsshel

    Interactúa con Javascript, jQuery y jLinq

  • Window Resizer

    Redimensiona la ventana del navegador para emular varias resoluciones de pantalla.

  • Aviary Screen Capture

    Toma una captura de pantalla de cualquier página web y editar directamente en el navegador con aplicaciones Aviary.com.

  • Eye Dropper

    Gotero selector de color que te permite elegir el color de cualquier página web o del selector de color avanzado.

  • Instant Image Editor

    Modificar cualquier imagen o imagen de fondo al instante.

  • Lorem Ipsum Generator

    Crea texto de relleno al azar.

  • Plain Clothes

    Quita los estilos de las páginas.

  • Validity

    Haz clic en el icono en la barra de direcciones o presione Ctrl + Alt + V para validar la página actual.

  • Inline Code Finder

    Encuentra los elementos HTML con eventos JavaScript en línea, en línea y estilo javascript: enlaces

  • Picnik

    Toma capturas de páginas web y edita las imágenes directamente en tu navegador con Picnik

Ver más en Web Dev Extensions.

2010-05-27

25 Programas Portable Gratis para Diseñar y Desarrollo Web

1. X-Inkscape

inkscape

2. Gimp

gimp

3. X-Blender

blender

4. IcoFX

icon-builder

5. Active Pixels

active-pixels

6. Anim8or

anim8tor

7. PicPick

pick-pick

8. Riot

Radical Image Optimization Tool (RIOT for short) is a free image optimizer that will let you to visually adjust compression parameters while keeping minimum filesize. rio

9. SmillaEnlarger

SmillaEnlarger is a small graphical tool ( based on Qt ) to resize, especially magnify bitmaps in high quality. ( The used algorithm is an invention of my own )smal-enlager

10. Font Viewer

font-vieweer

11. FastStone Photo Resizer

fast

12. Greenfish Icon Editor Pro

green-fish

13. Font Matcher

font-matcher

14. SiteShoter

site-shooter

15. Artweaver

Artweaver is an image editor that tries to simulate natural brush tools e.g.. chalk, charcoal, pencils. It supports common image formats such as BMP, GIF, JPEG, PCX, TGA, TIFF, PNG and PSD, in addition to its own format (AWD). Image editing functions includes selection, gradient, crop, fill, transparency, layers, effects (sharpen, blur, emboss, mosaic etc.).

art-waver

16. PhotoFiltre

PhotoFiltre is a complete image retouching program. It allows you to do simple or advanced adjustments to an image and apply a vast range of filters on it. It is simple and intuitive to use, and has an easy learning curve. The toolbar, giving you access to the standard filters with just a few clicks, gives PhotoFiltre a robust look.photo-filter

17. Diagram Designer

Diagram Designer is a simple vector graphics editor that allows you to create quick flowcharts, UML class diagrams, illustrations and more. Designers can find this app useful for creating quick wireframes or mock-ups.dagram

18. Fotografix

An image editor that provides powerful tools for designers and photographers alike.photo-graphics

19. PngOptimizer

Clean your PNG files of useless or wrong information.png-optimzer

20. RealWorld Paint.COM

RealWorld Paint.COM can display images using any zoom factor and always shows 100% accurate preview of the drawn shape. Tooltips are displayed throughout the user interface to explain meaning of controls.paint

Web Designers

A V-card website design which is an web design trend which has really became a really popular design trend since late 2009. So what is a V-Card? A V-card is an online business card which serves the same purpose as a business card offering a small about section, ways to get in touch and how to learn more about that person, company or service.

21. Notepad++

Notepad++ is a free (as in “free speech” and also as in “free beer”) source code editor and Notepad replacement that supports several languages. Running in the MS Windows environment, its use is governed by GPL License.notepad

22. Bluefish Editor

Bluefish is a powerful editor targeted towards programmers and webdesigners, with many options to write websites, scripts and programming code. Bluefish supports many programming and markup languages, and it focuses on editing dynamic and interactive websites. See features for an extensive overview, take a look at the screenshots, or download it right away. Bluefish is an open source development project, released under the GNU GPL licence.

blue-fish

23. gedit

While aiming at simplicity and ease of use, gedit is a powerful general purpose text editor.
Currently it features.

ged

24. Jedit

jEdit is a mature programmer’s text editor with hundreds (counting the time developing plugins) of person-years of development behind it. To download, install, and set up jEdit as quickly and painlessly as possible, go to the Quick Start page.

JEDIT

25. Crimson Editor

While it can serve as a good replacement for Notepad, it also offers many powerful features for programming languages such as HTML, C/C++, Perl and Java.crimson

OWA: Una herramienta para estadisticas Web

Open Web Analytics (OWA) es un Framework Open Source para estadísticas Web escrita en PHP. OWA se realizo con el propósito de ser utilizado para implementar fácilmente características de análisis y estadísticas en nuestras aplicaciones Web.

Este Framework también tiene soporte integrado para las populares aplicaciones como WordPress y MediaWiki, puede ampliarse para rastrear y analizar diversos sitios Web.

Si tienes necesidad o curiosidad por testear este framework para estadísticas, puede seguir los pasos de instalación.

Prerequisitos

  • Soporte PHP 4.4+
  • Activar librerías GD
  • Directorio “/path/to/owa/logs” con permisos de escritura
  • Directorio “/path/to/owa/caches” con permisos de escritura

Paso 1: Descargar una distribución

La puedes realizar como descarga directa o también utilizar el un cliente SVN y hacer un Check out.

Paso 2: Configuración de archivos

Para esto debes renombrar el archivo de configuración owa-config-dist.php situado en la carpeta “owa/conf” y quitarle el “-dist”.

Luego editaras el archivo corrigiendo la conexión a la base de datos.

Paso 3:Iniciar la guía de instalación

Debes poner en tu browser la dirección:

http://www.yourdomain.com/path/to/owa/public/install.php
Y se iniciara automáticamente.

Nota: también puedes ver una instalación en WordPress o MediaWiki optimizada para el servicio.

2010-05-26

Ring2Skype: números telefónicos gratuitos en más de 100 ciudades


Las soluciones que he probado hasta el momento funcionan muy bien, pero si necesitamos varios números, resultan un poco costosas. Hoy navegando por la red encontré un servicio que nos permite tener números telefónicos gratuitos en más de 100 ciudades alrededor del mundo. Si, leyeron bien, gratis. Pero como es esto?.

El sistema, llamado Ring2Skype, es sumamente útil para profesionales o pequeñas empresas con clientes alrededor del mundo. Para usarlo solo tendremos que llenar un pequeño formulario con nuestro usuario de Skype, nuestro email y una contraseña (por seguridad utilicen una diferente a la de Skype). Luego seleccionamos el país y la ciudad en donde queremos tener nuestro número telefónico y presionamos el botón GET YOUR NUMBER.

Una vez completado el registro, el sistema nos asigna una extensión en el número telefónico de la ciudad que elegimos y cualquier llamada que nos hagan, será redireccionada a nuestra cuenta de Skype. Lo mejor es que podemos tener varios números alrededor del mundo a un precio inigualable: $0. También tenemos la posibilidad de tener números “directos” (sin extensiones) pagando una pequeña mensualidad.

En resumen, si tienen un pariente, cliente, amigo, etc. en USA , en España o en alguno de los 100 destinos internacionales que soporta este servicio, prueben Ring2Skype, les aseguro que les va a encantar.

Enlace: Ring2Skype

Generar Buttons con CSS puro

Interesante el recurso que nos muestran en css-tricks.com, donde podremos crear un botón con CSS eligiendo su tamaño, forma y colores sin necesidad de conocer detalles técnicos.

En la ventana izquierda podemos ver el resultado de lo que vamos configurando a la derecha, con la opción de obtener el código CSS correspondiente.

Muy práctico y extremadamente rápido.

20 Plantillas HTML-CSS gratis

Esta vez con 20 plantillas XHTML y CSS nuevas y de alta calidad para nuestro próximo proyecto web, algunos de estos templates cuentan con el PSD y otras traen un tutorial de como crearlo paso a paso.

1. MCUBE

2. CoolBlue

3. JungleLand

4. LawyerAttorney

5. Surf Company

6. Film Blog

7. Enthusiastica

8. Distinctive

9. DesignHQ

10. PortFolio

11. Classic Luxury

12. Login Page Template

13. Site Under Construction Template

14. Marketing Company Template

15. Photoshop VCard HTML Template

16. Minimal Design Template

17. XHTML & CSS3 One Page Template

18. SimpleFolio

19. Yiw Minimal

20. iPhone App