Diseño Web

Como Probar el Responsive Design en Firefox

skamasle-firefox

Saber si Nuestro Blog / Web Tiene Responsive Design

Bien mucho se habla del responsive desing ( diseño que se adapta a todas las resoluciones ) pero el asunto aquí es como probar si el diseño que usamos es responsive sin tener un dispositivo móvil, sin cambiar nuestra resolución o bien sin tener que entrar a páginas web o aplicaciones que cargan nuestro blog y nos lo muestran en distintas resoluciones.

Pues bien, esto se puede hacer con firefox, con unos cuantos clics podemos probar nuestro theme en las resoluciones que queramos.

Solo tenemos que presionar Control + Shift + M para llamar la herramienta de Responsive Design View O bien desplazarnos por el menú Firefox ( iceweasel en mi caso ) -> Web Developer -> Responsive Design View.

firefox-responsive-design-skamasle

Sigue leyendo

Diseñar y Hacer Páginas Web Online Desde el Navegador

Para hoy traigo otra aplicación online que entra en la competencia de los sistemas que permiten diseñar nuestra página web online, en este caso se trata de Easel, una aplicación bastante intuitiva y a la vez potente que nos permite editar las plantillas que nos ofrecen sin la necesidad de instalar nada.

Básicamente nos dan a escoger la plantilla y luego de eso podemos cambiarle todo lo que queramos, esto es más que nada para no hacerla desde cero, pero podemos cambiar colores, tamaños, botones, textos, alineaciones todo a nuestro gusto.

Lo mejor de todo es que no hay que editar código, todo lo hacemos con el mouse, arrastrar, expandir cajas y botones, contraer etc etc y claro, el teclado, para escribir la información y con eso es más que suficiente para comenzar a usar easel.

Si gustan pueden ver un demo de como funciona la app, así no tendrán que registrarse en vano si no les complace, el demo lo pueden ver en la web del autor en este enlace: Diseñar y Hacer Páginas Web Online Desde el Navegador

Convertir Imágenes en Archivos CSS Para Insertar en Nuestra WEB

Bueno creo que ya voy volviendo y me voy alejando de los viajes que tengo que hacer, así vengo con una herramienta más que nada para webmasters o bien para cualquier persona que tenga una página web y quiera darle un diseño un poco diferente.

Se trata de IMGtoCSS, una página web que nos ofrece una herramienta que nos permite convertir cualquier imagen en archivo CSS.

Y si, básicamente eso es todo lo que hace, sin mucha ciencia, solo has de crear una cuenta en la web, subir tu imagen y convertirla, al acabar la conversión la aplicación te dará el código css que podrás usar en tu página web

Según el autor de la aplicación lo recomendable es usar imágenes en PNG, pero que el programa también puede convertir imágenes en formato JPG, TIFF, BMP, GIF y hasta archivos ICO.

Así que ya saben si quieren darle a su página web un toque más “moderno” o sea algo más novedoso, dejar de usar imágenes y usar archivos CSS para acelerar la carga de la web y mejorar el estilo pueden probar IMGTOCSS visitando el siguiente enlace: Convertir Imágenes en Archivos CSS Para Insertar en Nuestra WEB

No se que les parecerá a ustedes, pero tal vez la use para convertir el logo de skamasle en CSS.

Y si quieren ver algunos resultados pueden visitar ese mismo enlace que les deje y en la parte de abajo ver el logo de firefox en CSS y el respectivo código y también pueden ver el botón de Twitter en CSS y también el like de facebook en CSS y creo que con eso tienen muy buenos ejemplos del potencial que tiene la web y por si fuera poco, les dejo este vídeo para que puedan aprender a usar el programa por si no lo tienen muy claro:

Espero les sirva :)

Utilizamos cookies propias y de terceros para mostrarle publicidad relacionada con sus preferencias según su navegación. Si continua navegando consideramos que acepta el uso de cookies.
Seguir Navegando
x