JMiur [E]

Una forma sencilla de tener herramientas de diseño sin necesidad de instalar software o extensiones en los navegadores es utilizar bookmarklets que no son otra cosa que enlaces que ejecutan algo.

En todos los casos, basta arrastaralos a la barra de marcadores o añadirlos con el botón derecho del ratón; luego, cuando los queremos usar, basta hacer click en el marcador para ejecutarlos.

Estos son dos de ellos especiales para quienes quieren diseñar páginas web:


Design Suite es un conjunto de herramientas que incluye una grilla, reglas y algunas otras cosas que nos facilitan la tarea de medir cualquier parte de una página web, alinear correctamente los diferentes elementos, etc.


Favelet Suite nos abre una ventana con una serie de opciones disponibles que incluyen listas de colores, visor de atributos, etiquetas y objetos, posibilidad de ver el código fuente o la hoja de estilo del sitio, información general y varias herramientas para remover o redimensionar elementos.

14 comentarios:

Mariela Marianetti  

Dos propuestas muy interesantes, JM. Gracias por compartirlas. Un cordial saludo.

Responder
Beben Koben  

I've been collected links of the great bookmarks ;)
hihihi...do you want to know? :D
cheers :)

Responder
Arrebato Demencial  

hola!
En primer lugar felicitarte por el trabajo que realizas, en segundo lugar pedirte perdon por preguntarte una cosilla que no se donde hacerlo..bueno, la pregunta es...
Como puedo inserir los logos de suscripcion (rss,mail,f,t)todos juntitos y bien alineados en la parte derecha de mi blog? que codigo (se dice asi?) utilizo?
No se si es correcto poner aqui mi blog?...de todas formas esta en el perfil del coment...creo.....perdona mi ignorancia, !!!
gracias mil!!!!

Responder
La hormiguita  

genial, gracias :)

Responder
JMiur  

Arrebato Demencial:
No hay forma de decirte nada sin saber si son iguales o distintos, cuál es su tamaño, etc ya que no hay una sola solución genérica.

Responder
Arrebato Demencial  

Hola! Gracias por el interes, bueno, los iconos de suscripcion estan en mi blog, luego de hacer esto tendrian un alto y ancho de 50.
Si necesitas mas info, quieres que te mande mail?

Responder
Gaara2k  

Hola JMiur primero felicidades por el blog realmente de mucha ayuda y muy interesante.
Quisiera consultarte unas cosas para mi blog, primero como puedo hacer un cuadro de tamaños de banner como el tuyo.
Tambien tengo un problema con el fondo de mi blog no se porque cuando lo abro en mi pantalla de mi pc es 4:3 se ve ajustado y cuando lo abro en una lap o una pantalla wide sale todo mal.
Y por ultimo, si puedes ver mi blog como podria hacer para que las letras de las cabeceras de mis titulos se distingan mas es que si se pierde un poco. espero no molestar y ojala me puedas auxiliar

Responder
JMiur  

Beben Koben:
I have to delete your comment because the link included it's reported as a troyan by the antivirus. Please, check it.

Arrebato Demencial:
Los códigos a usar son los mismo; son simples enlaces con una imagen y se colocan todos en un elemento HTML:

<a href="DIRECCION"><img src="LAIMAGEN"></a>

Lo puedes hacer en un post borrador y luego, copiar el código HTML generado y pegarlo en ese elemento de la sidebar que debes agregar.

Puede haber más detalles pero, hay que verlo una vez puestos.

Gaara2k:
El sistema que uso para los banners, lo puedes ver explicado en esta entrada

El fondo de tu blog tiene 1263 pixeles de ancho así que, cuando lo miras en un monitor más ancho, se ve hacia la izquierda porque así está posicionado. Podrías centrarlo de este modo:

body {
background: url("http://2.bp.blogspot.com/_VpGrFvPOj74/TJv8i4a1SUI/AAAAAAAAAAs/Bo6-6wfXwqI/s1600/background.png") repeat fixed 50% 0 transparent;
.........
}

ese 50% indica que se muestre en la mitad de la ventana, sea cual sea su resolución aunque, claro, si esta excede los 1263 pixeles de ancho, el resto, los laterales, se verán de color negro porque, el fondo, se repite..

Sobre las letra, poco puedo decir, como están sobre una imagen de fondo tan fuerte, es decir, con tantos colores, conseguir que lo que se escribe encima resalte, no es nada sencillo.

Responder
Arrebato Demencial  

Hola Jmiur, MUCHAS GRACIAS!!!!!!! funciona de maravilla, es justo lo que queria, muchas muchas gracias por perder el tiempo con un servidor pues parece que esto es muy simple y elemental, de verdad muy agradecido, si alguna vez necesitas alguna consulta acerca del cine de terror, ya sabes, pasate por mi casa, que desde hoy tiene un trocito de tu saber hacer....hasta pronto compañero!

Responder
JMiur  

Me alegra que se comprendiera :D

Responder
EDS  

¡¡buenisimo!!

Responder
Gaara2k  

muchas gracias jmiur ya pude hacer lo del fondo, lo de los banners aun necesito los demas diseños para poder implementarlo pero esta comprendido eso, la letra lo que hice fue darle un efecto de sombra asi se distingue mucho mejor. de verdad te agradezco mucho, quisiera saber si donde tengo el widget de las actualizaciones al titulo, como le modifico el tamaño de la letra y estilo, no al widget solo al titulo de este que vendria siendo donde dice actualizaciones

Responder
JMiur  

Todos los títulos de los widgets, etán controlados por una regle genérica:

h2 { ....... }

Si quieres ca,bair ese sólo, deberás editar el widget mismo, buscar esa etiqueta H2 y allí mismmo, ponerle el estilo.

Tambien podrías crear una regla para ese widget específico:

#HTML1 h2 {}

Responder
Gaara2k  

wow en serio muchas gracias ya hice una prueba y es justamente lo que queria ya que si editaba en h2 me modificaba en algunas partes que no queria, y ya con el codigo especifico hace lo que buscaba muchas gracias enserio

Responder

¿Quiere dejar un comentario?

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Todos los archivos y demos alojados en Fileden han sido redireccionados y deberían estar funcionando correctamente.
De todos modos, también puede accederse a ellos a través de SkyDrive

Nota: sólo los miembros de este blog pueden publicar comentarios.

Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

 
CERRAR