Mayumi Blogger Template

lunes, mayo 19, 2014

Fontastic: Herramienta para crear fuentes

Fontastic es una aplicación que permite poder crear o diseñar tu propia fuente con una serie de íconos, alrededor de 9000, para poder agregarlo a tu página web o blog. Permite la modificación y la edición de las fuentes vía CSS.

Basta con crearte un usuario con tu correo y contraseña para luego cargar la aplicación y empezarla a utilizar. Se puede escoger una serie de iconos o agregar tu propios íconos en formato SVG para que formen parte de tu fuente.

Se puede escoger la serie de íconos que deseas para tu fuente. Asimismo se le puede poner un nombre a tu creación y agregarle un prefijo para las llamadas en CSS a la fuente.

Finalmente la aplicación te permite descargarla fuente para que puedas agregarla en tu fuente o sitio web o alojarla en los servidores de la propia aplicación.

Link: Fontastic

Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google+.

viernes, abril 04, 2014

MacBook y iMac: Diseño en CSS3

En el siguiente post les mostraremos una animación de la versión de escritorio de  Apple, el iMac y su laptop, una MacBook, hecho enteramente en CSS3. 

 

Asimismo, tenemos una galería de animaciones y diseño hechos en CSS3 que pueden revisar.

 

Pueden darle un vistazo en el siguiente enlace.

Link: Designing MacBook & iMac Using CSS3

 

¿Qué les parece la animación? ¿Conocen alguna animación en CSS3 similar?

Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google +

sábado, mayo 04, 2013

Any.do: Un gran gestor de tareas (To-Do List)

En el siguiente post les hablaré de Any.do, un excelente gestor de tareas que funciona en diferentes plataformas (aplicación de Google Chrome, Android. iPhone y versión web) y cuenta además con un diseño elegante.

A mucho nos ha pasado que tenemos que realizar una lista de cosas para hacer en el día: actividades diarias, trabajo, entre otros. En este caso un gestor de tareas es lo que se necesita, puesto que podemos trabajar con esta aplicación en el camino: en el teléfono, escritorio y mientras nos movilizamos.

Entre las características principales de la aplicación destacan:

• Capturar lo que desea poner en lista de forma hablada.
• Ordenar la lista de actividades arrastrando y soltando actividades (drag and drop).
• Ordenar por fechas, carpeta o prioridades
• Enviar recordatorios para las actividades que se debe de realizar.
• Crear tareas con lista de sub-tareas para cada una de ellas.
• Sincronizar tus actividades con la Google Tasks
• Grabar tus actividades en la tarjeta SD del teléfono.
• Compartir tareas con otras personas.
• Personalizar la aplicación con otros temas.

 Aquí tienen un video de su funcionamiento:

En resumen, esta aplicación sirve muy bien para su función. Si no tienen una aplicación para gestionar tareas, Any.do es muy recomendado.

¿Qué les pareció?  ¿Conocen otra aplicación similar?

Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google +.

miércoles, mayo 01, 2013

ConversorMonedas: Herramienta para coversión de divisas

Esta sencilla web: ConversorMonedas.com, nos permitirá hacer conversiones o equivalencias de los diferentes tipos de cambio entre las monedas, las divisas de varios países; las conversiones, los resultados son muy rápidos. Según la web, su sistema permite convertir las principales monedas del mundo gracias a sus datos actualizados, así se podrá operar en el mercado forex, la bolsa de valores e incluso con opciones binarias.

Otra opción igual de rápida es GoogleFinanceConverter que también nos permitirá hacer las conversiones entre diversas divisas a nivel mundial. La web es como todo el mundo Google, super sencilla, pero a la vez muy útil. Recomendado.


Enlace: conversormonedas.com

Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google+.

miércoles, abril 10, 2013

Mapa mundial de Ciberataques en tiempo real

La compañía de telecomunicaciones Deutsche Telekom ha realizado un proyecto nos permite poder contar con una mapa global el cual muestra en tiempo real los ciberataques que se realizan alrededor del mundo. ¿Qué les parece?

Este proyecto funciona gracias al uso de casi 100 sensores que permiten simular ser equipos vulnerables para atraer ataques informáticos (conocidos como honeypots). Estos sensores permiten conocer de donde provienen estos ataques cibernéticos y hacia donde se dirigen.

De acuerdo a la página y al momento de la consulta se pudo comprobar que el mayor número de ataque informáticos provienen de:

• Rusia (2,402,722)
• Taiwán (907,102)
• Alemania (780,425)
• Ucrania (566,531)
•  Hungría (367,966)
• Estados Unidos (355,341)
• Rumania (350,948)
• Brasil (337,977)
• Italia (288,607)
• Australia (255,777)
• Argentina (185,720)
• China (168,146)
• Polonia  (162,235)
• Israel (143,943)
• Japón (133,908)

¿Qué les pareció? ¿Conocen alguna otra herramienta similar?

Link: sicherheitstacho

Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google+.

lunes, abril 08, 2013

Graffiter: Herramienta de Dibujo con estilo de Graffiti

En el siguiente post les hablaré de Graffiter, una herramienta para crear dibujos con le estilo de graffiti. La aplicación permite escoger un fondo que puede ser una pared como una puerta de garaje.

Cuenta con dos formas de realizar dibujos: con un puntero que pinta como si fuera spray y otro como marcador, se puede variar el tamaño del puntero y la intensidad del dibujado, así como una gran variedad de colores.

Al finalizar el dibujo es posible publicarlo en la misma página web, grabarlo como un archivo jpg y enviar el dibujo a tu dirección de correo.

La aplicación permite crear dibujos como  los siguientes:

 

¿Qués les pareció? ¿Conocen alguna otra herramienta de dibujo similar?

Link: Graffiter

Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google+.

jueves, abril 04, 2013

Pencil Madness: Herramienta de Dibujo online

 

El día de hoy les hablaré de Pencil Madness, una herramienta de dibujo con varias herramientas, colores y pinceles para crear dibujos realmente atractivos.

Al finalizar el dibujo es posible extraerlo en formato jgp así como vectorial (.svg).

Con esta aplicación se pueden crear dibujos como los siguientes:

 

 

¿Qués les pareció? ¿Conocen alguna otra herramienta de dibujo?


Link: Pencil Madness

Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google+.

domingo, marzo 31, 2013

Plagium: Encuentra plagios de textos en Internet

Si estás cansado de que copien tus posts o mejor aún al crear los tuyos, en la etapa inicial de investigación del tema quieres ver si las páginas web que estás leyendo son copias de terceros blogs y quieres conocer el post original Plagium.com, te será de mucha ayuda, ya que con esta útil herramienta web podrás encontrar al autor original de dicho post o tema del que tratas de investigar. También puede ser de utilidad para los docentes acuciosos que no quieren ser sorprendidos por plagios o copias, sin ningún análisis, por parte de sus alumnos.

Características principales de Plagium: 

- Buscador web especializado en encontrar coincidencias de texto en Internet. 
- En el formato gratuito, hace búsquedas de hasta 25,000 caracteres. 
- Resultados ordenados según el porcentaje de coincidencia del texto. 
- Enlace o lista de enlaces hacia las fuentes originales de encontrarse coincidencias. 
- Se sirve de las API de Bing y Google, cuenta con su propio motor denominado TX Miner.
- El sitio web está en: español, inglés, alemán, italiano, portugués y francés. 
- El servicio es gratuito. También podemos registrarnos y optar por más opciones.


Enlace: plagium.com

Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google+.

jueves, marzo 28, 2013

Google Keep: Guarda lo que tengas en mente

En el siguiente post hablaremos sobre el nuevo producto de Google llamado Google Keep. Esta aplicación permite poder crear, editar y acceder a tus notas en la web de tal forma que estén disponibles cada vez que lo necesites a través de un browser de internet o en tu teléfono móvil.

Google Keep tiene el siguiente aspecto en el teléfono móvil:

Google Keep está disponible en el sitio de descargas de aplicaciones de Android, Google Play, y está disponible para dispositivos que funcionen con la versión 4 conocida como Ice Cream Sandwich y superiores. 

Con esta aplicación es posible:

• Realizar un seguimiento de tus ideas a través de notas, listas y fotografías
• Realizar notas de voz que automáticamente se transcriben
• Permite el uso de widgets que permiten capturar notas rápidamente
• Crea notas de colores
• Permite archivar notas que ya no se utilizan
• Convertir una nota en una lista de cosas
• Utilizar tus notas a través del móvil o el escritorio a través de Google Drive

En el siguiente video pueden ver un poco más acerca de su funcionamiento:

¿Qué les pareció? ¿Les parece un reemplazo o complemento a herramientas similares como Evernote?

Link: Google Keep en Google Play y Google Drive

Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google+.

jueves, marzo 21, 2013

Íconos de Photoshop hechos en CSS3

En el siguiente post les mostraremos una animación de los logos de Adobe, Adobe Photoshop CS3, Adobe Photoshop CS4 y Adobe Photoshop CS5 hecha enteramente en CSS3.

La animacipon está compuesta por los logos del famoso editor fotográfico en sus diferentes versiones hasta la más reciente.

Es un diseño en CSS3 parecido a la animación original.

Link: A tribute to Adobe Photoshop

¿Qué les parece la animación? ¿Conocen alguna animación en CSS3 similar?

Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google +.

miércoles, marzo 20, 2013

WiniThemes: Encuentra nuevos themes para tu blog

Este sitio web Winithemes.com, es un elegante buscador de themes o temas para los que están por crear su weblog o los que desean modificar la presentación actual de su blog. Son variados los themes que encontraremos en esta interesante web, así como diseños nuevos para todo tipo de plataformas como: WordPress, Joomla, HTML, Magento y OpenCart. 

Cada uno de los temas tiene su propio demo para que podamos ver mejor el tipo y forma del theme elegido antes de agregarlo a nuestro sitio web. En este demo podremos modificar colores, aspectos principales del mismo a nuestro gusto para que podamos decidirnos por el mejor. 

En la web encontraremos tanto themes gratuitos, como themes en venta; dependiendo de nuestro presupuesto y gustos optaremos por el que mejor se nos adecue. Yo encontré muchos themes gratuitos, muy atractivos, de coste cero. Si deseas cambiar o modificar el theme de tu blog, este sitio web te será de mucha ayuda. Página web recomendada.


Enlace: winithemes.com 

Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google+.

jueves, marzo 14, 2013

umbrUI: Diseño de inputs en CSS3

En el siguiente post les mostraremos una animación basada en el tratamiento de elementos html input estilizados con CSS3 sin hacer uso de imágenes adicionales o JavaScript.

Cabe mencionar que son visibles en Chrome o Safari, si usan Firefox no se verá correctamente ya que, como el autor indica, está hecho para navegadores que soporten Webkit.

Pueden darle un vistazo en el siguiente enlace.

Link: CSS3 appearance none

¿Qué les parece la animación? ¿Conocen alguna animación en CSS3 similar?

Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google +.

sábado, marzo 09, 2013

Nyan-Cat hecho en CSS3

En el siguiente post les mostraremos una animación del Nyan - Cat hecha enteramente en CSS3.

La simulación está compuesta por el famoso gato en movimiento y con su música de fondo. Se recomienda ver la animación con los parlantes apagado por obvias razones.

Es un diseño en CSS3 parecido a la animación original.

Link: CSS Nyan Cat

¿Qué les parece la animación? ¿Conocen alguna animación en CSS3 similar?

Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google +.

miércoles, marzo 06, 2013

íconos de iOS hechas en CSS3

En el siguiente post les mostraremos iconos del sistema operativo de Apple, iOS, hecho enteramente en CSS3. Me llamaron la atención por el gran parecido con los íconos de las aplicaciones de Apple.

Cabe mencionar que son visibles en Chrome, si usan Firefox no se verá correctamente ya que, como el autor indica, está hecho para navegadores que soporten Webkit.

Pueden darle un vistazo en el siguiente enlace.

Link: iOS Icons in pure CSS

¿Qué les parece la animación? ¿Conocen alguna animación en CSS3 similar?

Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google +.

martes, marzo 05, 2013

Ballena de Twitter en CSS3

En el siguiente post les mostraremos la animación de la famosa ballena de Twitter, hecha enteramente en CSS3. Es una animación creada por Steve Dennis, basada en el diseño original de Yiying Lu.

La simulación está compuesta por la conocida ballena que aparece cuando Twitter está caído y el conjunto de palomas que intentan levantarla.

Es un diseño en CSS3 parecido a la animación original.

Link: Pure CSS Twitter Fail Whale

¿Qué les parece la animación? ¿Conocen alguna animación en CSS3 similar?

Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google +.

lunes, marzo 04, 2013

Adobe Photoshop en HTML5 y CSS3

En el siguiente post les mostraremos una simulación de la interfaz de Photoshop hecha enteramente en CSS3.

La simulación está compuesta por la interfaz que sale al iniciar el programa, la interfaz principal del programa y una ventana emergente.

Es un desarrollo en CSS3 visualmente atractivo que vale la pena ver.

Link: Adobe Photoshop Simulator

¿Qué les parece la animación? ¿Conocen alguna animación en CSS3 similar?

Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google +.

viernes, marzo 01, 2013

TinyPng: Comprime imágenes PNG sin perder su calidad

Diseñadores, bloggers, webmasters y todo aquel que necesite imágenes claras o nítidas para su blog sabe que la mayoría de fotos con extensión PNG suelen ser muy pesadas por su buena calidad, siendo así estos archivos inviables por lo general para ser usados en una página web. Una solución a ese problema es: TinyPng.org, que reduce casi en dos terceras partes el peso de estos archivos de imagen, algo que sería de mucha ayuda en el desempeño de una web ya que se gana imágenes de buena calidad PNG y debido a su menor peso estas cargan más rápido a la hora de abrir una web, usándose menos ancho de banda. 
Esta herramienta web solo se especializa en este tipo de archivos con extensión PNG. Tampoco requiere que instalemos nada en nuestro computador y lo mejor, es gratuito. 

Esta útil herramienta web utiliza técnicas de compresión que disminuyen selectivamente el número de colores de una imagen, requiriendo un menor número de bytes para almacenar sus datos, lo que es casi imperceptible a la vista pero que genera una reducción muy considerable en el tamaño del archivo final.

Características principales de TinyPng.org: 

- Aplicación web gratuita para reducir el tamaño de imágenes con extensión PNG sin perder su calidad.
- También reduce archivos PNG cuando se usa transparencias, característica de este tipo de extensiones.
- Permite optimizar hasta 20 imágenes al mismo tiempo, tamaño máximo 3MB por cada archivo.
- Al momento de optimizar las imágenes se muestra en la web una barra con la diferencia de tamaños entre la imagen original y la nueva imagen que se va generando.
- Los resultados son rápidos y se puede descargar el archivo al instante.


Enlace:  tinypng.org

Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google+.

martes, febrero 26, 2013

Viewport Resizer: Ver páginas web en diferentes resoluciones

Si deseas saber cómo se vería tu blog o página web en un smartphone: iPhone, Samsung Galaxy, o en una tablet, etc. Esta herramienta web Viewport Resizer, te ayudará con tu cometido. Si bien parece una aplicación solo para desarrolladores de sitios web, con ella cualquier persona puede realizar varias pruebas para comprobar la forma en que será visto finalmente una web en las distintas resoluciones de pantalla de los actuales dispositivos móviles y computadoras que se encuentren en el mercado.

La herramienta Viewport Resizer, viene con su propio bookmarklet o botón que podemos arrastrar a la barra de marcadores de nuestro navegador favorito, esta se puede utilizar con cualquier navegador web moderno como: Chrome o Firefox. Cuando abrimos un sitio web, hacemos clic en el botón de la aplicación o bookmarklet de Viewport Resizer: (Resizer ↔­­­­­­­­­) y nos aparecerá de inmediato una cinta de color negro en la parte superior de la pantalla con los iconos que representan las opciones de tamaño en que podremos ver la página web sea un: Smartphone, Tablet o Widescreen. También nos permite crear tamaños personalizados (Customize). 

Sin duda una aplicación muy útil para ver como se desarrolla nuestra página web o blog en los distintos dispositivos móviles y tomar una decisión de cambio o no de nuestro template o plantilla web. Recomendado y no solo para bloggers.  :)

Características principales de Viewport Resizer:

- Aplicación web muy fácil de usar tomando nuestro navegador como herramienta. 
- Viene con un bookmarklet que hace más sencillo el examen visual de cualquier página web. 
- Nos permite ver la página web en diferentes tamaños de pantalla o resoluciones.
- También nos permite crear un bookmarklet personalizado.


Enlace:   viewport-resizer 

Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google+.

martes, enero 29, 2013

TrickedOutTimeline: Edita la cabecera de Facebook

En el siguiente post veremos una herramienta que puede ayudarnos a utilizar una fotografía de portada (cover) en nuestro perfil de Facebook con un diseño original predeterminado.

Para utilizarlo solo es necesario subir la fotografía que queremos y hacer login con nuestra cuenta de facebook para utilizar la aplicación. Si es que queremos un diseño original y rápido de crear, esta es una buena alternativa.

Link: TrickedOutTimeline

Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google+.

martes, enero 22, 2013

Audiolibros en diferentes idiomas (Descargas)

El siguiente post es una continuación del post publicado anteriormente sobre audiolibros, al cual pueden acceder a través del siguiente enlace.

En el siguiente post  agregaremos más opciones para poder acceder a audiolibros interactivos. Los libros que saldrán a continuación son libros en inglés, los cuales se complementan a la lista de recursos que tenemos para que puedan aprender idiomas.

Los audiolibros con los siguientes:

Librophile:

• Proporciona una colección de audiolibros para pc y móviles.
• Permite navegar  por los libros por palabras clave, géneros o lenguaje

Lit2Go:

Esta herramienta tiene una extensa colección en línea de poemas e historia en formato mp3.
Permite buscar entre estos audiolibros por título y género.

Project Gutemberg:

 Este es un proyecto del cual ya hemos hablado en el blog y que ofrece más de 2000 audiolibros de todos los géneros, incluyendo clásicos leídos por diferentes voluntarios.

LearnOutLoud:

Permite buscar entre más de 5000 audiolibros con tópicos en política, religión, filosofía, ciencia, entre otros.

 

Books Should be Free:

 Se puede encontrar una gran cantidad de libros de dominio público para niños y adultos.

¿Conoces alguna página de audiolibros que quisieras recomendar? ¿Cuál fue tu favorito?

Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google+.