Archivo de la categoría 'Herramientas para Diseño y Programación'

Editor de fotografías online

Miércoles, 7 de diciembre del 2011

Magnífico editor de fotografías online. Podemos abrir el editor con entorno de Photoshop o bien modificar una imagen que tengamos en nuestro ordenador aplicándole efectos y marcos predefinidos.

Pixlr

 

Usa cualquier fuente en html Google Fonts

Martes, 28 de junio del 2011

El otro día fué sin duda un día de suerte, mirando entre la multitud de entradas de post que me llegan al Netvibes, me llamo la atención una frase “Usa cualquier fuente en html” .

Lo primero que pensé es “seguro que tiene truco y al final es tipografía en imagen o algo que no funciona en todos los navegadores”, aunque me dió mucha confianza de que llevara la palabra Google delante.  Estuve bastante tiempo leyendo con mucha atención (sobre todo porque estaba en inglés y sólo me enteraba de la mitad, luego la neurona me funcionó y me acorde de que el traductor de Google está para algo).  Cuando acabé de leer, mi grado de felicidad como diseñadora (harta de las mismas tipografías en web) había crecido, pero todavía me quedaba un punto de incredulidad, lo unico que faltaba era probarlo.

Al día siguiente hice la prueba y como diría mi sobrina “Pa mi, pa siempre”. Funciona genial, se ve incluso en los móviles perfectamente y en los ipad e iphone.

El enlace es Google web fonts y creo que hay varias maneras de utilizarlo. Yo os pongo la mas sencilla y la que yo he usado. (más…)

Iconos Customizables.

Martes, 7 de septiembre del 2010

Llevo un montón de tiempo buscando iconos que sean mimimalistas, guapos, vectores y gratis (es que ya puestos a pedir…).

Bueno pues minimalistas, minimalistas no los he encontrado, pero lo que tengo claro es que van a dar mucho juego y ahorrar tiempo.

La página es Iconza

La ventaja que ofrece esta página es :

  1. Tienes 3 tamaños (32×32, 24×24 y 16×16)
  2. Eliges el color que quieras para el icono, es un selector
  3. Eliges el color de fondo que quieras para el icono, es un selector

Tambien tienes la opción de hacer el fondo transparente no poniendo nada en el código de colores.

El formato es png y en esto no hay opción, pero… que más podemos pedir….

Hasta pronto!

Truco en el IE7 y IE6 para CSS

Lunes, 23 de agosto del 2010

Ayer por primera vez, después de mirar los marging, los padding, etc. no fui capaz de ajustar el css de una web para que se viera de igual manera en todos los navegadores, bueno no fui capaz hasta que encontré este sencillo truco que ahora os comentaré.

Seguro que si hiciéramos una encuesta del navegador al que más rabia tenemos los que trabajamos con páginas web, saldrían por mayoría el explorer 6 y el 7, pero lo que está claro es que existen y que muchos de nuestros clientes todavía son usuarios de estos, así que no queda más remedio que solucionar los problemas  que se nos pongan delante. (más…)

Capturas web de la manera mas sencilla

Martes, 23 de marzo del 2010

capturas web

Hace tiempo que alguien me preguntó por un programa de capturas de páginas web sin tener que aprenderse uso de herramientas ni nada por el estilo, y mira por donde que hoy lo he encontrado.

Nadie podrá decir que meter una dirección en una página web y apretar un botón no es sencillo. Pues más o menos, es eso lo que teneis que hacer desde ésta página web.

superscreenshot

Los pasos que tienes que seguir son los siguientes:

  • Meter la dirección web(url).
  • Elegir si quieres pantalla completa o solo la zona vista.
  • Elegir tamaño.
  • Elegir formato.
  • Apretar botón de “view”.

Una vez  salga la captura de pantalla,  haceis click sobre la imagen con el botón derecho del ratón para copiar o guardarlo donde querais.

Ah! Se me olvidaba un par de cosas que teneis que tener en cuenta:

  1. Tarda unos segundos en cargar la pantalla (paciencia)
  2. No admite páginas redireccionadas (resignación)

Sencillo ¿verdad?

Hasta pronto!

Menus de navegación

Domingo, 10 de mayo del 2009

menus

Cansada de siempre lo mismo,  hoy me he dedicado a buscar menus para la navegación de páginas web.
He encontrado desde los simples de toda la vida, horizontales que lo único q cambia es el color, a los mas animados con jquery  (son los más llamativos  aunque hay q pelearse un poco con ellos a la hora de personalizarlos)

Tambien os podeis encontrar alguna herramienta para generarlos, eligiendo color,.. etc.

Aquí os dejo algunas páginas.

cssmenumaker.com

cssplay

cssmenus (en éste no os dan las tripas , pero podeis coger ideas para diseño)

opencube (no es para nada una página llamativa, pero podeis sacar cosas interesantes)

13styles.com (si quereis el psd teneis q pagar)

css library (muy buena pinta,  lo descubrí hace 5 minutos)

create-a-cool-animated-navigation-with-css-and-jquery (solo muestra uno)

Bueno, hasta otra!

Tablas Personalizadas

Lunes, 23 de marzo del 2009

tablas

Hoy os voy a mostrar algo, que creo que a mi “compi” Tania, excelente programadora de Ticmedia, le  hará mucha ilusión.

La veo trabajar un montón de horas para mejorar las bases de datos de nuestras webs, y también los resultados de búsquedas , pero lo mejor de todo es que  está testeado en Firefox 2/3, IE 6/7/8, Opera, Safari y Chrome, ( si Tania, has leido bien) asi que, con un poco de suerte, todos los navegadores lo leerán igual.

Así en ese post que  muy pronto vas a escribir, (¿verdad?) sobre el Explorer y el Firefox ,quizás puedas decir, que en algunas ocasiones los dos sistemas se ponen de acuerdo, aunque lo mas correcto,  es decir que hay programadores que dominan la situación a la hora de trabajar y hacen que éstos navegadores no nos den problemas.

Incluye características muy interesantes como, añadir enlaces, destacar columnas, reconocimiento automático de datos, paginación… etc.

Aquí os dejo el enlace donde encontrareis demo,y descarga

TinyTable

Espero que facilite el trabajo a los programadores

Hasta pronto!

Iconolandia

Lunes, 2 de marzo del 2009

rss

Cada dia admiro mas a los ilustradores,  porque hacen chuladas en iconos como el que os muestro arriba y para eso se necesita buen gusto e imaginación.

Cuanto tiempo y cuantas veces habré buscado iconos para las web.
Uff! ni se sabe.

Los mas usados son los de ” Nuvola”  pero cansa poner siempre los mismos, porque además no pega mucho si por ejemplo pones estilo minimalista, ¿verdad?.

Ahora gracias a Dios y a el tiempo de búsqueda dispongo de unas cuantas familias de iconos bastante decentes.

Aquí os pongo unos pocos enlaces de alguna de las familias

iconeden

function-free-icon-se

Tambien podeis personalizar vuestro RSS

fasticon-smashing-feed-icons

speckyboy.com

HTML-Ipsum

Lunes, 2 de marzo del 2009

lipsum

Genial para aquellos que no tenemos la práctica de escribir en html todos los dias porque nos dedicamos mas al diseño en sí . Puede ahorrarnos unos minutillos de trabajo, nos da listas ordenadas, sin ordenar, listas con enlaces, tablas, etc.

Recomendado solo en épocas de mucho trabajo porque si no nos olvidamos de practicar html

Hasta pronto!

www.html-ipsum.com

El Firebug para IE (Explorer)

Miércoles, 11 de febrero del 2009

firebug

Uno de los dias mas felices de mi vida, (laboral, claro) fué cuando Fer, mi jefe, me enseñó el Firebug.

¡Vaya invento! La verdad es  que para los que trabajamos con páginas web, nos facilita mucho el trabajo, (sobre todo cuando alguna capa se nos pone rebelde).

Pue ahora, mira tú por donde, dando hoy una vuelta por internet, he descubierto que el explorer tambien lo tiene (eso si, menos vistoso y de momento por lo poco que lo he manejado creo no da tantas facilidades como el del Firefox).

Será cuestión de estudiarlo más.

¡Bienvenido sea!

enlace a Firebug para Explorer


tel.985 16 50 50
email: info@ticmedia.es

ticmedia.es
c/menendez valdés, 13 1ºb
33201 gijón - asturias