Pequeño probador/generador de código CSS


([N1] aztecmexico) #1

Buen día a todos,

Esto del CSS es verdaderamente impresionante, permite dotar a nuestras aplicaciones de vistas muy agadables -o todo lo contrario-, y dicen por ahí que de la vista nace el amor, lo cual es muy cierto.

Pero yo soy Desarrollador, no diseñador y, aunque me gusta mucho esto de los CSS pues como que eso de ir a ciegas a la hora de probar directo sobre las aplicaciones como que es mucho perder el tiempo, estar ejecutando la app cada vez que cambiamos algo implica bastantes horas perdidas en prueba y error, que si se ve bien, que si no, que si combina, que si no combina, etc.

Por tal razón me dí a la tarea de desarrollar un pequeño probador/generador de código CSS, el cual me permite ahorrar algunas horas e ir a la segura antes de poner el código en mis aplicaciones.

El mismo consta -de momento- con un marco, un qlabel (que permite emular la mayoría de controles utilizados- y un botón, en próxima versión espero agregar como mínimo rejilla y scrollbar, además de un menú arbolado, con eso tendremos la mayoría de los objetos que comunmente utilizamos.

Bueno, el resto lo tienen que descubrir ustedes, las posibilidades son realmente infinitas, obviamente pueden modificar el vin y agregarle funcionalidades que deseen, y, si lo consideran conveniente, volverlo a compartir con la comunidad.

Anexo unas pantallas de muestra y el vin correspondiente.

Ahora van a perder tiempo hasta jugando con los efectos, jijiji, ahí yo no soy culpable.

Saludos a todos y que les sea de utilidad.

Martin Ibarra.


([N1] aztecmexico) #2

Como de costumbre no subio los archivos a la primera, haber a la segunda.





([N1] aztecmexico) #3

Van otros 3.





([N1] aztecmexico) #4

Bueno, como no deja subir el .vin, les dejo el enlace para descarga de mi google drive, además algunos recursos que me sirven muchisimo para el manejo de colores, tonos, ideas, etc.

Nuevamente saludos a todos.

Martin Ibarra.

Enlace para descargar el .vin:
https://drive.google.com/file/d/0B4WNTwKWqdPjLUt3amhiNXlSNms/edit?usp=sharing

Colores por código Hexadecimal: http://www.w3schools.com/cssref/css_colorsfull.asp

Tonos de un color: http://www.w3schools.com/tags/ref_colorpicker.asp?colorhex=006400

Mezclador de colores: http://www.w3schools.com/tags/ref_colormixer.asp?colorbottom=0000FF&colortop=FFFFFF

Colores por nombre: http://www.w3schools.com/cssref/css_colornames.asp


([N1] ESGRISA) #5

Gracias Martin buen aporte y tienes razon con :

Ahora van a perder tiempo hasta jugando con los efectos, jijiji, ahí yo no soy culpable.

saludos


([N1] aztecmexico) #6

Una pequeña actualización al .vin para que no salgan tantos decimales en el CSS.

https://drive.google.com/file/d/0B4WNTwKWqdPjdVpBZnhuTnpBREU/edit?usp=sharing


([N4] rpaton) #7

Muchas Gracias por el Aporte.

Saludos.

Ricardo Patón


([N1] percyleoncio) #8

Excelente tu aporte amigo
Muchas gracias


([N1] marianoyana) #9

Muchas gracias


([N1] Juan) #10

Gracias excelente aporte


([N4] ns) #11

+1


([N1] alamillos) #12

Tengo que agradecerte mucho este aporte, gracias a el he podido apreciar lo que se puede hacer con CSS, que antes no lo había aplicado.
Es un gran esfuerzo a favor de la comunidad.


([N1] aztecmexico) #13

Gracias alamillos,

Estoy trabajando en una nueva versión, más “usable” y que incluye ahora la mayoría de los controles y objetos que habitualmente utilizamos y personalizamos mediante CSS, los docs, los marcos, los separadores de pestañas del marco principal, controles de edición, scroll bars, cabeceras, pies, etc.

La verdad es que una aplicación hecha “normalita” con los valores y propiedades de personalización que vienen por defecto en V7 se ve bien, pero con un poco de tiempo dedicado a “vestirla” con CSS se puede llegar a ver impresionante y a ojos del cliente eso cuenta mucho.

Espero no tardar demasiado en terminar esta nueva versión y que sea una verdadera ayuda y apoyo para esta gran comunidad.

Saludos.

Martin Ibarra.

P.D. Gracias también a todos los demás participantes del foro.


([N3] Juanjo) #14

Muchas gracias.


([N2] CarlosAI) #15

Muchas gracias.
Con el fin de semana por delante para jugar con el.
Carlos


([N2] Mgalvezh) #16

Muy buen aporte, gracias Martin.

Saludos.
Miguel.


([N4] arturomiranda) #17

@aztecmexico

muy buen trabajo amigo…