31 May

Menú circular desplegable que funciona con jQuery y CSS3

Pie Menu es un fantástico plugin desarrollado con el framework jQuery y con la potencia de CSS3 para la creación de un bonito menú circular animado.

Este menú circular funciona de tal modo que las opciones se encuentran escondidas, y solamente se muestran cuando decidimos extender el menú, para realizar esta acción el menú realiza una atractiva animación, la misma se puede configurar con apenas unos pocos parámetros que nos permiten seleccionar el ángulo de salida, el radio del circulo, etc.

Otro detalle es que el menú puede configurarse con la capacidad de poder ser arrastrado. Esta opción resulta practica para los usuarios en determinadas situaciones en donde el espacio de trabajo se modifica continuamente.

Ejemplo de uso:


Estructura HTML:

< div id='outer_container' class="outer_container" >
< a class="menu_button" href="#" title="Toggle">
< span>Menu Toggle
< ul class="menu_option">
< li>< a href="#">< span>Item< /span>< /a>< /li>
< li>< a href="#">< span>Item< /span>< /a>< /li>
< li>< a href="#">< span>Item< /span>< /a>< /li>
< li>< a href="#">< span>Item< /span>< /a>< /li>
< li>< a href="#">< span>Item< /span>< /a>< /li>
< /ul>
< / div>

 

JavaScript:

$('#outer_container').PieMenu({
'starting_angel':0(Starting Angle in degree),
'angel_difference' : 90(Displacement angle in degree),
'radius':100 (circle radius in px),
});

No olviden visitar el sitio oficial del plugin, si se encuentran interesados en utilizarlo les recomiendo ver su demostración online.

Web: Pie Menu

Fuente: http://www.kabytes.com/programacion/menu-circular-desplegable-que-funciona-con-jquery-y-css3

Share this
29 May

Cómo descargar los subtítulos de los videos de YouTube en formato SRT

Si necesitas obtener los subtítulos de un video de YouTube porque has descargado el video de YouTube a tu computadora pero no incluye los subtítulos, aquí te voy a mostrar una manera de hacerlo muy fácilmente que incluso puedes obtener los subtítulos traducidos a cualquier idioma que ofrece el traductor de Google.

Para descargar los subtítulos de un video de YouTube sigue los siguientes pasos:

Por ejemplo, tenemos este video: http://www.youtube.com/watch?v=toql5jGSDBU entonces entramos a este sitio: http://mo.dbxdb.com/setting.html

Ahí elegimos el idioma en el que queremos descargar los subtítulos, de manera predeterminada está seleccionado el inglés.

Finalmente pegas la URL del video de Youtube en el campo de la parte superior de la página y presionas el botón de la flecha verde apuntando hacia abajo (es un poco confuso el diseño del sitio).

Obtendrás un archivo .zip que dentro incluye el archivo .SRT de los subtítulos, te recomiendo un programa como VLC para reproducir los videos con subtítlos SRT.

Claro, este no es el único método, existen estos otros métodos para descargar Subtítulos de los videos de YouTube.

Share this
27 May

Estudio: 44% de los usuarios nunca darían click a publicidad de Facebook

Después de que General Motors decidiera retirar una campaña de anuncios en Facebook con valor de 10 millones de dólares comenzó a desatarse la polémica sobre si los anuncios que ofrece Facebook como servicio de cobro son útiles para las compañías o no. Varios coinciden en que la publicidad en Facebook es pésima, pero, ¿qué tanto?

La agencia de mercadotecnia Greenlight realizó una investigación relacionada con la publicidad en Facebook, y en la que encontró que un 44% de los usuarios de la red social aseguran que nunca darán click sobre publicaciones patrocinadas o publicidad mostrada en Facebook.

Si bien, GM decidió retirar una campaña de 10 millones de dólares en Facebook, eso no quiere decir que piensen que Facebook sea malo para actividades de mercadeo, pero sí las formas son las que no funcionan correctamente. De hecho, GM dedicará un presupuesto de 30 millones de dólares en actividades de promoción a través de Facebook a través de su equipo digital, pero esta decisión deja algo claro: los banners de Facebook son inútiles y caros (considerando el ROI y CTR).

Otros resultados del estudio de Greenlight: solamente 3% de los encuestados señaló dar click de forma regular a los links patrocinados y otro 10% dijo que de vez en cuando lo hacía. Además llama la atención que un 30% de los participantes de la encuesta señaló “desconfiar seriamente” de la forma en la que Facebook administra sus datos personales.

Es decir, en buena parte la desconfianza en Facebook en general puede influir en la desconfianza sobre la publicidad mostrada en la red social. Para mala fortuna de Facebook, la decisión de GM representa un duro golpe en los inversionistas de cara a la salida de Facebook al mercado de valores estadounidense.

Share this
25 May

Descubre que clase de usuario eres en Instagram

Instagram siempre ha sido un éxito rotundo como aplicación, y desde que Facebook comprara a la aplicación, pasó a ser un tema importante a ser el tema importante de las últimas semanas. Antes la aplicación solía estar en iOS de forma exclusiva, pero hasta hace poco, Instagram dio el salto a la plataforma Android. Instagram tiene millones de usuarios, quienes suben imágenes con unos efectos y filtros muy agradables. De acuerdo con New Media Rockstars, hay 7 tipos de usuarios en Instagram, te invitamos a que descubras cuál eres tú.

En la infografía encontramos a 7 tipos de usuarios, los cuales se nombran en honor a 7 grandes artistas y fotógrafos. Dependiendo de qué tipo de imágenes o fotografías subas a la red y después edites, encontrarás cuál es tú tipo exacto de usuario y la definición. ¿Cuál eres tú?

Share this
23 May

Elementos UI en tonos claros gratuitos

Para quienes desarrollan aplicaciones web o móviles los elementos UI son de vital importancia. Al fin y al cabo, sin un buen diseño dificilmente atraiga a los usuarios.Es el combo de funcionalidad y atractivo lo que hace en la mayoría de los casos que un usuario sienta interés por probar una nueva herramienta, sobretodo en un campo competitivo.

Si no somos especialistas en la parte gráfica, podemos agradecer que en Internet se encuentra variedad de recursos que podemos utilizar sin problemas de forma gratuita y ayudarnos así a darle a nuestra aplicación el estilo visual que se merece.

En la imagen vemos un completo set UI en tonos claros de estilo limpio publicado en WebbyArts, con todos los elementos necesarios para crear el diseño de una aplicación: botones, sliders, banners, puntuación y menú, entre otras cosas.

Para poder trabajar con ellos sin ningún tipo de problemas, adaptarlos al diseño deseado, modificar colores o hacer prácticamente lo que sea que deseemos con comodidad, el archivo se encuentra en formato PSD, por lo cual al abrirlo con Photoshop podremos observar cada capa que lo forma y así modificar sin perdernos fácilmente.

Free PSD Web UI Elements – Descargar

Fuente: http://www.kabytes.com/diseno/elementos-ui-en-tonos-claros-gratuitos/

Share this
21 May

Iconos dibujados en formato PSD

Cuando navegamos en busca de iconos, la mayoría de ellos se encuentran en formato .PNG cuando son para trabajar en diseños, e .ICO si hablamos de renovar nuestro escritorio. Son pocos los casos en los que encontramos un paquete de buena calidad en uno de los formatos mas buscados: el .PSD.

¿Por qué? Porque dicho formato abre puertas que el resto no. Desde poder ayudarnos a observar las capas que forman el diseño de cada uno en Photoshop, hasta poder personalizarlos de forma mucho mas sencilla y rápida que si lo intentamos con alguno de los anteriormente nombrados. Con un .PSD no existen límites y esto es algo valorado por todos los que trabajamos en el mundo del diseño.

Vandelay publicó un atractivo paquete de iconos “hechos a mano” (O “Hand-Drawn” en inglés) a puro color de lo mas atractivos, incluyendo dispositivos, periódicos, elementos relacionados a la música y dibujos variados repartidos en varias temáticas.

En total son 28 iconos creados en base a formas vectoriales, por lo que podemos agrandarlos o achicarlos a gusto sin problemas, además de por supuesto editar colores o efectos en cuestión de segundos, asi como crear nuevos modelos si es que nos falta alguno utilizando como base los que vienen incluídos en la descarga.

Hand Drawn Icons [2.2 MB] – Descargar en Vandelay Design

Share this
19 May

Anotaciones superpuestas en CSS3

En varias oportunidades les he comentado sobre las bondades de CSS3 y con ellas, los problemas que pueden llegar a tener al momento de implementarlos para plataformas web. Es por ello que mi recomendación es aplicar estos efectos con mucho cuidado y sabiendo que en algunos exploradores no podrán ser visualizados correctamente.

Mi selección sería sobre plataformas offline, aplicaciones y gráficos que puedan presentarse a través de un explorador determinado, en redes cerradas o presentaciones interactivas, donde uno mismo tenga la opción de decidir qué explorador usar.

Descargar código de Annotation Overlay Effect | Ver Demo | Tympanus

Dejando las especificaciones un poco de lado, quiero mostrarles una forma de presentación de anotaciones sobre imágenes que resulta muy atractivo y puede llegar a solucionar problemas de espacio. Al hacer clic en una imagen, aparecerán comentarios sobre la misma, cubriendola sutilmente. De esta forma podemos desplegar información accesoria y anotaciones que deseamos aclarar sobre la muestra en cuestión.

Fuente: http://www.kabytes.com/desarrollo/anotaciones-superpuestas-en-css3

Share this
17 May

Los usuarios empiezan a perder interés en Google+

La red social de Google ahora tiene más de 100 millones de usuarios, pero datos muestran que una vez que los usuarios se unen a Google+, empiezan a perder interés en ella rápidamente. Eso significa que la mayoría de usuarios publica información en su perfil y no regresan o muy rara vez lo hacen.

Con base en RJMetrics las personas usan Google+ una vez cada 12 días, y 30 por ciento del total de los usuarios registrados solo publican una vez, incluso el 15 por ciento no regresan a la red social. El problema radica principalmente en los comentarios, pues la mayoría de las personas registradas en la red no comentan por el simple hecho de que no hay información relevante o interesante.

El investigador Robert Moore dijo que:

“De lo poco que podemos ver, Google Plus tiene un largo camino por recorrer antes de convertirse en una verdadera amenaza para las redes sociales“

Es obvio que los usuarios no prefieren una red social aburrida, lamentablemente esto se vuelve una cadena sin fin, al no haber publicaciones interesantes o que llamen la atención de los usuarios menos gente entrará revisar sus círculos, por lo tanto no habrá comentarios y mucho menos nuevas publicaciones.

Una de las razones por las que sigue llamando la atención Facebook, es debido a que los mensajes y fotos son comentados, y las personas quieren saber qué piensan sus amigos o que están realizando y establecer un punto de conversación.

Google necesita trabajar duro, para poder encontrar una solución a este problema antes de que sea demasiado tarde.

Fuente: http://www.pcworld.com/article/255712/google_no_comments.html

Share this
17 May

Formulario de ingreso gratis [PSD]

El formulario de ingreso a nuestra cuenta, es prácticamente la puerta de bienvenida de cualquier proyecto, de ahí su vital importancia. Para los que no cuentan con una gran habilidad a lo que se refiere al diseño desde 365psd nos regalan un fantástico formulario en formato PSD, listo para utilizar.

El formulario se puede editar perfectamente en Photoshop, o cualquier otro programa que permita editar archivos en formato PSD, por lo que tenemos la posibilidad de editar colores, formas y tamaños, sin demasiadas complicaciones y en cuestión de algunos minutos.

Una vez finalizada la edición del archivo simplemente debemos exportar las imágenes, y ajustarlas a nuestro diseño utilizando para ello hojas de estilo y un poco de HTML.

365psd nos provee de recursos 100% gratuitos, para utilizar en proyectos independiente de su fin comercial, así que estamos autorizados a hacer uso de este fantástico formulario sin ningún tipo de restricciones.

Descarga: Login Form PSD

Share this

© 2006 Miracle Design. Todos los derechos reservados