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

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!

RSS Feed Add to Technorati Favorites Add to Del.icio.us Stumble It! Submit to Slashdot Submit to Buzz! Digg It!

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…)

RSS Feed Add to Technorati Favorites Add to Del.icio.us Stumble It! Submit to Slashdot Submit to Buzz! Digg It!

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!

RSS Feed Add to Technorati Favorites Add to Del.icio.us Stumble It! Submit to Slashdot Submit to Buzz! Digg It!

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!

RSS Feed Add to Technorati Favorites Add to Del.icio.us Stumble It! Submit to Slashdot Submit to Buzz! Digg It!

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!

RSS Feed Add to Technorati Favorites Add to Del.icio.us Stumble It! Submit to Slashdot Submit to Buzz! Digg It!

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

RSS Feed Add to Technorati Favorites Add to Del.icio.us Stumble It! Submit to Slashdot Submit to Buzz! Digg It!

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

RSS Feed Add to Technorati Favorites Add to Del.icio.us Stumble It! Submit to Slashdot Submit to Buzz! Digg It!

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

RSS Feed Add to Technorati Favorites Add to Del.icio.us Stumble It! Submit to Slashdot Submit to Buzz! Digg It!

Paletas de colores y patrones de fondo web

Miércoles, 11 de Febrero del 2009

Hay veces que trabajando con las webs, intentas buscar combinaciones de colores para dejarlas mas vistosas , pero no siempre  conseguimos encontrar el color que deseamos

Pues para hacerlo mas facil, aquí os dejo varios enlaces donde podreis encontrar paletas de colores de diferentes gamas

paleta_colores

colourlovers (aparte de las paletas, podeis encontrar patrones para los fondos)

Web 2.o paleta de colores

colorblender (paletas para hartarse)

ava7 ( patrones chulos)

RSS Feed Add to Technorati Favorites Add to Del.icio.us Stumble It! Submit to Slashdot Submit to Buzz! Digg It!

Redondear esquinas para IE (Explorer)

Miércoles, 11 de Febrero del 2009

Por fin despues de muchos quebraderos de cabeza, hemos consegido encontrar una página en donde explica  de 3 formas distintas ,(y además en español )  de cómo redondear las esquinas de las cajas en IE (Explorer).

En algunos de éstas explicaciones tambien encontraremos la solución a las transparencias con los archivos .PNGesquinas

Demos y descargas aqui

RSS Feed Add to Technorati Favorites Add to Del.icio.us Stumble It! Submit to Slashdot Submit to Buzz! Digg It!


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

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