Las cámaras digitales, historía de un difícil paso hacia Internet

Irrumpieron hace una década con fuerza en el mercado de las nuevas tecnologías, pero se han ido desinflando con el paso del tiempo, de forma inexplicable no hicieron nada nuevo por evitar la caida de ventas de éstas, pero al fin se han decidido a dar el paso y reinventarse, hablamos de las cámaras digitales y su nueva característica social.

la fotografia en internet

El triunfo del mundo digital en la fotografía

 

Se las prometian muy felices los fabricantes de cámaras digitales cuando desbancaron de un plumazo a las tradicionales cámaras analógicas gracias a las novedades que incorporaban con respecto a estas: almacenamiento en memoria, pantalla para visualizar las fotos en tiempo real, zoom digital, etc..

Una vez consiguieron el liderazgo en el campo de la fotografía y una gran cuota en el mundo de las tecnologías, decidieron alimentar este nivel de ventas con la “lucha de los Megapixeles”, como ya sucediera con los Mhz en los ordenadores, todo el mundo quería tener cuantos más Megapixeles mejor, pero ese deseo pasó a mejor vida cuando la gente se dió cuenta de que no era realmente importante.

 

La era de las cámaras de los smartphones y sus telecomunicaciones

De repente aparecieron los smartphones, teléfonos móviles inteligentes con conexión a Internet, y por supuesto, con cámara integrada, la cual fue mejorando sus prestaciones, toda una revolución en el mundo de las telecomunicaciones. Para el usuario no experto, era más que suficiente para hacer sus fotos cotidianas la calidad de las cámaras de sus smartphones, además, gracias a su conexión a Internet, podían enviar sus fotos y vídeos fácilmente a sus seres queridos en cuestión de instantes. Además los sistemas operativos de los smartphones, conscientes de esto, añadieron opciones de compartir de forma inmediata las fotos realizadas con nuestros smartphones.

Con este panorama, parece que los fabricantes de cámaras digitales, se vieron resignados, y se enfocaron a fabricar cámaras para los usuarios profesionales, siendo conscientes de que su cuota de mercado se vió reducida drásticamente.

La resurrección de las cámaras digitales

Hasta que hace poco, a alguién se le encendió la bombilla y pensó, ¿por qué no llevar a nuestras cámaras toda la funcionalidad social de los smartphones en el campo de la fotografía? Y así ha sido, las cámaras digitales empiezan a integrar sistemas operativos capaces de permitir funcionalidades de compartición via Internet, de forma que, tenemos las mismas funcionalidades, con una calidad de imagen superior, ahora si, muchos usuarios no profesionales, empiezan a verle sentido al hecho de adquirir una cámara digital.

 la fotografia en internet 2

La pionera en este sentido fue Samsung, llevando las funcionalidades de sus smartphones a su nueva Samsung Galaxy Camera. Ahora el resto de grandes marcas han empezado a impulsar este tipo de cámaras. A continuación vemos algunas de ellas:

Samsung Galaxy Camera: Posee una gran pantalla, lente de 21 aumentos y 16 megapíxeles. La memoria de ocho gigas se puede amplia con tarjetas microSD. Gracias a que tiene tanto wifi como 3G podemos estar conectados a Internet en cada momento. Podemos editar las fotos y compartir en Instagram, Facebook o Twitter sin demora.

Nikon Coolpix AW110 : Realemente dura y resistente, ideal para aventureros.Una cámara todoterreno, con la calidad de la casa: 16 megapíxeles y cinco aumentos ópticos. La conexión wifi permite hacer copia de seguridad en cuanto capta una red abierta. El GPS convierte la pantalla en un mapa donde localiza las fotos.

Sony WX300 : Ligera y delgada, con sensor de 18 megapíxeles y 20 aumentos. Graba vídeo en alta definición y el modo inteligente da mejores resultados de lo estimado al disparar.  Incluye conexión wifi para transferir los archivos a la Nube, el ordenador o redes sociales.

Canon IXUS 240 : Mínima y elegante, con pantalla táctil, conexión wifi y detector de caras. Destaca por una óptica perfecta para excursiones y eventos en interiores gracias al gran angular.

Enrique Jiménez

Telecomunicaciones Granada

 

 

 

Aplicación iPad: Portafolio para Diseñadores gráficos

Para los estudiantes de diseño, fotografía o para los profesionales en estas áreas es muy importante siempre llevar consigo un portafolio donde esté lo mejor de su trabajo con el fin de que las demás personas puedan verlo y se interesen en lo que hacen. Un factor bastante importante es la forma en que estos portafolios son presentados. Factores como el orden, creatividad, incluso la higiene son determinantes a la hora de que los demás demuestren interés en tus cosas.

Foliozo es una excelente forma de llevar siempre contigo un portafolio organizado y que puede mostrarse a los demás de una forma bastante llamativa, creativa, y que seguro causará impacto en quien lo vea. Foliozo es una aplicación para el iPad, que convierte tu dispositivo en una herramienta de trabajo única, con la que puedes mostrar lo que sabes a hacer a cualquier persona en cualquier momento.

Entre las muchas características que tiene, está la posibilidad de sincronizar con tu cuenta en DropBox, para que puedas organizar mejor tus carpetas y tengas acceso a tus archivos en cualquier lugar en el que te encuentres rápidamente.

[youtube]http://www.youtube.com/watch?v=LhURW9oprVA&feature[/youtube]

En el anterior video se muestra de una forma promocional y práctica las ventajas de tener aplicaciones como esta en tu iPad. En resumen es una muy buena opción que vale la pena probar si eres un amante del diseño o la fotografía.

Descubre esta gran aplicación en iTunes

Si conoces más aplicaciones como esta, no dudes con compartirlas con nosotros!

Solución: Problema con las Fuentes o Letras en IE con CSS

IE (Internet Explorer) tiene dentro de su configuración varios aspectos que no son del gusto de todos, y allí entran los diseñadores y los administradores de blogs o sitios web al momento de querer cambiar el tipo de letra de cualquier etiqueta o parte de sus Webs. Por lo general hacer el cambio de letra para que cualquier parte del sitio se vea más llamativo es bastante fácil; El problema surge cuando esta nueva letra se ve en todos los navegadores, menos en Internet Explorer, que es el que por lo general causa inconvenientes.

Esto se debe a que la mayoría de las letras tienen el formato .TTF (TrueType Font) que no es soportado por IE, por lo tanto debemos usar otro tipo de fuente que son las que llevan el formato .EOT (Embedded OpenType) el cual es un poco primitivo. La idea al querer cambiar de fuente es darle un aspecto diferente y más llamativo al sitio que se esté arreglando, por lo que desistir y dejar los tipos comunes de letras no debe ser una opción.

Lo que se debe hacer es convertir el formato de la fuente TTF a EOT y usar ambos tipos mediante la propiedad @FontFace en el archivo de style.css. Por lo general solo existe un archivo, pero hay veces se hace necesario usar uno alternativo únicamente para usarse con IE. Sin embargo, en el procedimiento que detallaré a continuación basta con un solo archivo de estilos y todo quedará resuelto.

Cómo convertir la fuente a .EOT

Para la conversión de la fuente, se usará un servicio bastante bueno llamado @font-face Kit Generator que está online, donde lo único que hay que hacer es subir la fuente .ttf (…u otro formato diferente…), y el servicio nos devolverá un .rar con varios archivos, que no son más que la misma fuente en varios formatos, y de una vez devuelve el código CSS que hay que usar en el style.css para lograr que en todos los navegadores la letra se vea igual.

En el Botón Add Fonts, se pedirá el archivo con la fuente para subirlo al servicio. Hay tres tipos de configuraciones para la conversión de las fuentes, si eres un experto en el tema puedes usar la opción de EXPERT para configurar mejor el procedimiento. Luego de algunos segundos la descarga estará lista y basta con dar clic en:

Ahora lo que hay que hacer es descomprimir el archivo descargado en una carpeta de tu PC, seleccionar los archivos que contienen las fuentes en los formatos que han sido convertidos y subirlos a tu sitio por medio de un cliente FTP o por el panel de administración. Luego abre el archivo que está también dentro del .rar llamado stylesheet.css y allí encontrarás un código que no es muy difícil de entender. Debes hacer los ajustes necesarios en la parte de src: url(………) ya que aquí va la dirección a donde fueron subidas cada una de las letras. Sigue este tutorial para entender mejor lo anterior.

Al tener este archivo listo, copia y pega el contenido dentro de tu archivo de estilos CSS, guarda los cambios y prueba el resultado en los diferentes navegadores.

Este es todo el procedimiento que hay que hacer. Si tienen problemas o dudas, no dejen de hacerlas en la sección de comentarios o ingresando al Foro.

Temas: Cómo cambiar la apariencia de Firefox

Personalizar los navegadores es muy común en la actualidad ya que hace más ameno el tiempo que pasamos al frente de un computador al tener llamativos y atractivos diseños que van desde dibujos abstractos hasta deportes y naturaleza. Firefox, es uno de los navegadores que más popular se ha hecho en los últimos años debido a su gran funcionalidad, seguridad y robustez; y no se queda atrás en lo que a personalización se refiere.

Para Firefox existe una gran cantidad de Themes o Temas gratuitos que son muy fáciles de instalar y que cambian por completo el aspecto de nuestro navegador en tan solo unos segundos. Estos temas están divididos en varias categorías para hacer más fácil su ubicación y Descarga:

Al escoger cualquier tema que se desee probar saldrá una pantalla con la siguiente interfaz:

Basta con dar clic en Seguir a la Descarga y a continuación aceptar el Acuerdo de Licencia Final de usuario:

A continuación saldrá una ventana que pide confirmar la instalación, basta con dar clic en Instalar ahora, esperar unos segundos y dar clic en Reiniciar ahora en una pequeña ventana que se abre en la parte superior.

Una vez realizado este procedimiento el tema queda instalado y el navegador cuenta ahora con un nuevo aspecto. Para regresar Firefox a la apariencia normal o por Defecto hay que hacer lo siguiente: Dar clic en el botón de Firefox, ubicado en la parte superior izquierda y posteriormente en Complementos:

Luego a la izquierda se da clic en el botón de Apariencia. Al lado derecho saldrán todos los temas que han sido instalados hasta el momento, saliendo también el que se considera por defecto. Basta con dar clic en Activar y posteriormente en Reiniciar ahora, y Firefox volverá a quedar como al inicio.

Descargar Temas para Firefox

Web Performance Optimization – Rendimiento de sitios Web

Web Performance Optimization (WPO) u Optimización del Rendimiento del Web, hace referencia de forma general a que “Cuanto más rápido va un sitio, Mejor”. Con esto se quiere dar a entender que uno de los aspectos más importantes del diseño de un sitio web, además de aspectos gráficos, contenidos y demás, es su velocidad de carga, velocidad de navegación y su rendimiento en general.

Cuánto mayor rendimiento tienen los sitios en Internet, más fáciles se vuelven de usar y por lo tanto las personas que los visitan sienten un alivio y una sensación de velocidad que hacen que no abandonen en principio el sitio por que lo que necesitan no llega rápido. Existen páginas web que tardan “eternidades” en mostrar su información y a la larga esto afecta en gran medida incluso el posicionamiento, ya que buscadores como Google por ejemplo, dan prioridad a sitios rápidos y con índices altos de rendimiento. En esto tiene mucho que ver el peso del contenido del sitio (KB, MB,…).

Por lo anterior queremos compartir hoy un excelente libro, creado por Javier Casares que tiene como fin mostrar a los usuarios como aumentar el rendimiento significativamente de un sitio Web, mediante una serie de técnicas especializadas y dedicadas a ello, que siendo estudiadas y aplicadas pueden hacer que un sitio web gane en velocidad y performance en general. Este libro o guía consta de 70 páginas en las que prácticamente cada una contiene una temática diferente pero abordando siempre el foco que es mejorar el rendimiento de un sitio web.

Algunas de las temáticas abordadas son:

  • Herramientas que ayudan al Web Performance Optimization
  • Combinar imágenes o íconos en CSS Sprites
  • Reducir el tamaño de CSS y JS
  • Usar ETags
  • Caché en contenidos dinámicos
  • Optimización de las imágenes
  • Código de Google Analytics
  • Código de Google Adsense

Y se tratan muchísimos otros temas de gran importancia… Así que anímense a descargar y leer este excelente recurso que muy seguramente les ayudará a conseguir el objetivo de mejorar el performance de su sitio y lograr que todo marche aún mejor.

Descarga

Para más información visita | Javier Casares | Webperformanceoptimization.es

 

Íconos Gratis de Social Media (Facebook, Twitter, RSS…)

Para todas las personas que les gusta el diseño gráfico y que dedican gran parte de su tiempo, o incluso su vida diaria, a realizar páginas web, actualizar sus blogs y mantener atractivo el estilo visual de cualquier sitio es muy común el uso de los íconos de Social Media. Estos íconos representan las redes y medios sociales más usados en la actualidad, donde reinan Facebook, Twitter, YouTube, Google+, entre otros.

Por tal motivo, esta debe ser una de las partes importantes dentro de la estructura de los websites y debe ocupar un lugar llamativo para que los usuarios puedan seguir fácilmente el movimiento de contenidos e información por medio de estas grandes redes. En internet existen muchos listados de íconos de Social Media que incluyen cientos o miles de muchas diferentes temáticas, pero es común abandonar estas páginas debido a que no quedamos conformes con los que allí se muestra. En esta ocasión les comparto un listado que a mi parecer es uno de los más completos que existe en la red y que brinda muchas opciones para hacerse a un excelente paquete de estos íconos. Esta lista está publicada en wpmods.com.

Descargar Íconos de Social Media

Añade el Widget de Twitter a tu blog

Añadir el Widget de twitter a un blog o sitio web es muy ventajoso para mantener una buena conexión con la red social, al permitirle a tus lectores y visitantes seguir tus principales tweets, menciones o publicaciones favoritas. Además, dependiendo del diseño de tu sitio y el diseño que le des al widget se verá muy bien y se integrará mucho mejor, haciendo quedar un poco más llamativo el diseño.

La creación de este Widget es muy sencilla, no se necesita saber nada de programación ni códigos, el asistente lo hace todo por ti. Lo primero es ingresar a la sección de recursos de Twitter mediante este enlace. Allí escoge si quieres un widget para tu sitio web o para tu perfil de Facebook, para este caso escogemos la primera opción:

A la derecha salen 4 opciones donde puedes escoger para que vas a usar tu Widget, como pueden ver la primera solo muestra tus tweets más recientes, el segundo muestra tweets de una búsqueda que tu escojas, el tercero muestra tus tweets favoritos y el último tus twitteros favoritos. Como forma de ejemplo, para este caso escogemos Widget de búsqueda.

A la izquierda salen varias opciones de configuración y personalización, se escogen las que más se adapten y luego basta con dar clic en Terminar y Guardar Código, saldrá el código en HTML y lo único que debes hacer es copiar este código y pegarlo en la sección de tu sitio que deseas que aparezca, si usas Blogger el mismo sistema te guía para hacerlo, si usas otro CMS como WordPress por ejemplo basta con que te dirijas a la sección de Widgets, añadas uno de Texto y pegues allí el código.

Esto es todo lo que hay que hacer, el resultado lo puedes comprobar tu mismo en la vista previa cuando lo estás creando, o míralo aquí mismo en la barra de la derecha.

Espero sea de mucha utilidad.

Cambiar la apariencia de Google Chrome

Cambiar la apariencia de los navegadores es algo muy común en las personas que están todos los días en la red en busca de sus consultas o información. Google Chrome se ha vuelto un navegador bastante usado gracias a su simplicidad, eficiencia y sobre todo su seguridad. Por suerte también permite ser personalizado con llamativos temas sobre diferentes temáticas para darle un aspecto totalmente diferente y personal según el gusto de cada quien.

Los temas son gratuitos y son muy sencillos de instalar. Se dividen en dos categorías principales:

Estos temas se encuentran disponibles en la tienda del Google Chrome “chrome web store” donde también se pueden encontrar juegos y extensiones en general. Una vez seleccionado el tema a instalar saldrá la siguiente información:

Para instalar el tema, solo basta con dar clic en Instalar ubicado en la parte inferior derecha. Luego saldrá una pequeña ventana donde se pide una confirmación para instalar o cancelar la instalación. Luego de aceptar, tomará unos segundos la descarga del theme y se procede de manera automática la aplicación del mismo al navegador. Así mismo se da la opción de deshacer la aplicación del nuevo theme si no gustó por completo.

Descargar Temas

Claves del Marketing 2.0

Hace años que el mundo del Internet está en un constante cambio y sobre todo en una constante evolución. Entender como se mueve actualmente esta gigantesca herramienta de información, como se relaciona todo con las redes sociales, con los diferentes servicios que se prestan y con la importancia que se le debe dar a las personas que están a diario allí informándose, son claves vitales para hacer crecer un negocio vía online, una comunidad, vender tus productos o hacer conocer una idea.

Temas como el SEO, el social media, Adwords, AdSense, publicidad, directorios, diseño web, entre muchos otros construyen la base de lo que hoy llamamos la Web 2.0 y hacen que el medio de información más usado en la actualidad, el Internet, se convierta en una herramienta súper potente para “jugar” con el Marketing.

Por esta razón hoy quiero compartir un material [ebook] escrito por varios autores y dirigido y editado por Eva Sanagustín, todo publicado en clavesdelnuevomarketing.com donde se explica detalladamenet las claves del marketing en la web 2.0 y todo lo que se debería hacer para tener un éxito estable en cualquier idea o emprendimiento en línea. Consta de 17 capítulos y 271 páginas llenas de útil información.

  • Bienvenido al nuevo marketing. Por Marc Cortés
  • Ver más allá del banner. Por Javier Cerezo
  • Enviar emailings. Por José María Gil
  • Elegir las palabras que venden. Por Sergio Monge
  • Pensar como los buscadores. Por Eduardo Garolera
  • Conocer las Redes de afiliados. Por Rafa Jiménez
  • Escuchar a los social media. Por Chema Martínez-Priego
  • Blogs… ¿Pero no habían muerto? Por Marc Cortés
  • Microblogs… ¿Los sucesores de los blogs? Por Marc Cortés
  • Podcast y video online. Por Jordi Pérez
  • Redes sociales y comunidades. Por Javier Godoy
  • Widgets. Por Enrique Burgos
  • Ser un community manager. Por Chema Martínez-Priego
  • Viralizar el mensaje. Por Juan Sánchez
  • Gestionar la reputación online. Por Iván Pino
  • Comprender la analítica web. Por Javier Godoy
  • Tener creatividad. Por Jesús Revuelta y Xavi de la Cruz
  • Llevar años navegando. Por Jordi Pérez
  • Poseer habilidades directivas. Por Javier Guardiola
  • Conseguir retorno 2.0. Por Juan Luis Polo
  • Por tu madre no hagas nada de esto. Por Ricardo Tejedor
  • Resumiendo el nuevo marketing. Por Eva Sanagustín

En nuestro sitio siempre hemos rescatado la idea de hacer un buen trabajo en Internet mediante la publicación de interesantes artículos referentes a SEO, diseño Web, entre otros. Si necesitas asesoría con respecto a estos temas no dudes en contactar.

ebook

  • Ver ebook Online
  • Para descargarlo, se puede hacer desde el enlace anterior y luego dando clic en Download (1.8MB)

Para más información visita | ClavesDelNuevoMarketing

Cambiar resolución de Pantalla en Google Chrome

Para los diseñadores web es muy importante entender que las personas que visitan sitios o páginas lo hacen desde muchos diferentes navegadores y que para cada uno pueden existir normas distintas de visualización, por lo que se debe tener cuidado en plantillas y ediciones con CSS. Pero también hay algo que es muy importante y es la resolución. Actualmente muchas personas tienen en sus hogares u oficinas pantallas de última tecnología, y de diferentes y variadas resoluciones como 1280×800, 1440×900, 1024×768 entre muchas otras.

Por estas razones es bastante importante que cuando se finalice un diseño se pruebe bajo todos los criterios posibles ya que de lo bien que quede, será un buen punto de partida para atraer al público hacia el. Un diseño mal hecho o que no se acomode a la resolución ni navegador usado, es muy seguramente un sitio web que no volverá a tener visitas. Hoy les quiero compartir una excelente extensión para Google Chrome, que es un navegador bastante usado ya para edición web, la cual permite tener diferentes resoluciones, y con las cuales se puede ver instantáneamente como se ven nuestros sitios en 13 tamaños distintos (Pueden agregarse más manualmente), dándonos una idea muy exacta de que debemos tener en cuenta o que debemos corregir. Las resoluciones disponibles por defecto son:

Como dato adicional, se considera que cualquier diseño web debe encajar mínimo en una resolución de 1024×768. Con esta extensión entonces se puede revisar si se cumple con este dato. Espero les sea de mucha utilidad.

Descargar Extensión

Plantillas Gratis de PowerPoint

A menudo necesitamos crear presentaciones de PowerPoint, ya sea para el trabajo, proyectos o para uso académico. En muchas ocasiones comenzar una presentación nueva requiere que perdamos un tiempo considerable en diseñar cómo lucirá el fondo y estilos. Pero por suerte existen sitios en Internet que nos facilitan el trabajo. Uno de estos es FPPT, un recurso gratis en Internet donde podemos encontrar una colección de más de 1300 PowerPoint Templates para descargar.

Los fondos de PowerPoint se encuentran organizados por categorías, y podemos encontrar desde algunos muy simples con hasta fondos más avanzados para usar en presentaciones de negocios, finanzas, tecnología o software.

Usando alguno de estos fondos podemos crear presentaciones un poco más atractivas que con los tradicionales fondos de Microsoft PowerPoint y a la vez permitirnos enfocarnos en lo que más importa de la presentación, que es dedicar tiempo a su contenido.

Ir a Free PowerPoint Templates

Alinear una Imagen al Centro con CSS

Al no existir un método en CSS para centrar las imágenes de nuestros sitios web tan fácil como lo hacemos con los textos, o con las mismas imágenes pero con HTML, existe una opción verdaderamente sencilla que permite centrar una imagen y hacerla visible en cualquiera de los navegadores más recientes (probado en IE 9, Firefox 5 y Chrome 12) correctamente.

Hay que tener en cuenta el lugar donde se quieran centrar las imágenes, ya que si se hace en la plantilla general, se centrarán todas las imágenes del sitio y se dañará la estructura. Por lo general la clase de las imágenes en CSS es img, entonces pueden usar las demás clases para hacer que solo determinadas partes del sitio centren las imágenes.

A modo de ejemplo, voy a explicar como centrar las imágenes únicamente del cuerpo del Post. Para mi theme la clase que define el estilo del Post es #content .single por lo que para hacer el procedimiento utilizo este código y le agrego el img que es la que representa las imágenes en mi tema. Creo entonces una nueva línea en mi style.css que quedaría:

#content .single img {

}

Ahora para centrar las imágenes que contengan el anterior parámetro, basta con agregar dos líneas.

  • display: block;
  • margin: auto;
En general, las 2 anteriores líneas son las que se deben usar para centrar cualquier imagen. La primera hace que las imágenes se muestren en bloque generando un nuevo renglón entre el cuerpo del texto, y la segunda hace que el margen para todos los lados se automatice haciendo que quede igual arriba, abajo, a la izquierda y a la derecha. De esta forma la imagen queda centrada y es muy útil en mi caso por ejemplo, para centrar todas las imágenes de los Artículos automáticamente.
El código finalmente entonces debe quedar así:
#content .single img {
display: block;
margin: auto;
}

Espero que este sencillo tutorial les funcione a la perfección en sus Blogs o Sitios web. Cualquier duda será atendida a la menor brevedad.

Revista de Diseño y Programación – Edición Julio 2011

Pixels&Code es un excelente sitio web, conformado por un gran equipo de trabajo, donde se publica actualmente una revista dedicada a los programadores y diseñadores. Según ellos esta nueva revista está dedicada a todos los trabajadores freelance y las empresas especializadas que se dedican al desarrollo y diseño de sitios web.

El contenido de la revista en su edición de Julio es realmente interesante, se tratan temas como:

  • Programación Android
  • Programación Mobile para Windows Phone 7
  • Accesibilidad Web
  • Introducción a las Bases de Datos
  • Promoción Web
  • Arma un sitio de Video Tube en 5 minutos
  • Algoritmos Quick Sort
  • Tecnología NFC

La revista puede verse fácilmente online desde el sitio web, pero también permiten descargarla totalmente gratis a nuestros PC’s en formato PDF. Aparte hay opciones para compartir por correo electrónico a conocidos o suscribirse al NewsLetter.

Para más información y ver Antiguas o Nuevas Publicaciones visita el sitio oficial | Pixels&Code