¡Advertencia!
Este tema no ha tenido respuestas en más de un mes. Recuerda que si deseas añadir una nueva debes cumplir con las normas de la web.
Programación [Google Chrome] DIV Editor
Buenas, hace unos días empece con esta pequeña aplicación creada mas que nada por "hobbie", la cual da a conocer a los nuevos programadores (Mas que nada diseñadores) de una manera interactiva, algunas de las cosas mas comunes que puedes hacer usando CSS en divs.

Actualmente funciona únicamente para Google Chrome por cuestiones de algunos campos implementados de HTML5. No es un proyecto, simplemente es un ejemplo, por lo que esto no lo veo de importancia corregirlo.


http://diveditor.zxq.net/

Ejemplo:

Arquitecto, diseñador y programador | Comenzando a proyectar mi vida bajo mis propios ideales. Administrador de ilDom, Twiteck y Century21
¿Cómo se hace eso naranja de ahí? Madre mía XDD

Para seguirme solamente tienes que darle al corazón
@maoellisto

¿Cómo se hace eso naranja de ahí? Madre mía XDD


Como dicen muchos otros para llamar la atencion haciendolo, no enserio como se hace.
Amante de loros!
Ni idea como hiciste tu el tuyo, pero este coso hice yo:


@maoellisto

¿Cómo se hace eso naranja de ahí? Madre mía XDD


Juega con el border radius y la rotación en el eje Z.

http://d.pr/i/CVzX
http://d.pr/i/R7Ji

Sigue esos pasos y técnicamente queda igual
Políticamente irresistible.
Al menos les dio alguna utilidad. Actualmente me encuentro trabajando en un sistema de capas para manipular múltiples sombras, cuando lo tenga listo lo actualizo.

Arquitecto, diseñador y programador | Comenzando a proyectar mi vida bajo mis propios ideales. Administrador de ilDom, Twiteck y Century21
Gracias !! 

@CarleteXD-b4n

Ni idea como hiciste tu el tuyo, pero este coso hice yo:
penosa XDD
Para seguirme solamente tienes que darle al corazón
Me queda poco para terminar el sistema de capas en sombras, hoy lanzaré una beta del sistema.

Ejemplo con capas:

Arquitecto, diseñador y programador | Comenzando a proyectar mi vida bajo mis propios ideales. Administrador de ilDom, Twiteck y Century21
Actualización!
v1.2:
-Sistema de capas en sombras agregado.
-Mejoras en el diseño.

http://diveditor.zxq.net/


Edito:
Próximamente en v1.3:
-Selección de imagen de fondo del div



Edito 2:
-Terminado Bordes internos y externos para la versión 1.3
Arquitecto, diseñador y programador | Comenzando a proyectar mi vida bajo mis propios ideales. Administrador de ilDom, Twiteck y Century21
Para ser mi primera vez.. y todo al azar:

Actualización!
v1.3 - Novedades:
-Selección de imagen de fondo del div.
-Bordes Internos/ Externos.
-Mejoras en el diseño.

http://diveditor.zxq.net/
Arquitecto, diseñador y programador | Comenzando a proyectar mi vida bajo mis propios ideales. Administrador de ilDom, Twiteck y Century21
No podrías poner algo como 'Insertar' y que te de el código del 'dibujo'? Está muy bien la aplicación, a ver que más le añades

He hecho esto:

Aragonés amante de la montaña y la tecnología. Ingeniero informático, game master y redactor tecnológico. #Team4DDM
@robertoccu

No podrías poner algo como 'Insertar' y que te de el código del 'dibujo'? Está muy bien la aplicación, a ver que más le añades

He hecho esto:




Al final colocaré para poder ver el código CSS generado, pero primero tengo que tener listo las propiedades con las que trabajare y en que forma lo haré.

Saludos.
Arquitecto, diseñador y programador | Comenzando a proyectar mi vida bajo mis propios ideales. Administrador de ilDom, Twiteck y Century21
Increíble tío... Si me permites lo twitteo esto lo debe saber todo el mundo, me vas a ayudar mucho para hacer cositas con mis webs de pruebas... jejeje
Español. Exmiembro del DDI y los ya desaparecidos departamentos de Relaciones públicas y de Artículos. Programador y escritor principiante.
@iEnrique

Increíble tío... Si me permites lo twitteo esto lo debe saber todo el mundo, me vas a ayudar mucho para hacer cositas con mis webs de pruebas... jejeje


Claro, de hecho hoy me pondré a trabajar en novedades como cambio de unidades de medida, posibilidad de editar cada borde por separado y definirle transparencia al elemento en si.

Saludos.
Arquitecto, diseñador y programador | Comenzando a proyectar mi vida bajo mis propios ideales. Administrador de ilDom, Twiteck y Century21
Actualización!
Nueva versión 1.4 en camino.
Arquitecto, diseñador y programador | Comenzando a proyectar mi vida bajo mis propios ideales. Administrador de ilDom, Twiteck y Century21
Genial, la aplicación es de diez.

OoooS presento la iCuack  :roto2:

@Red-Bull

Genial, la aplicación es de diez.

OoooS presento la iCuack  :roto2:




Gracias.
Justo acabo de subir la nueva versión v1.4


Actualización!
v1.4 - Novedades:
-Unidad de medidas en bordes.
-Edición de bordes independientes.
-Mejoras en el diseño.

http://i43.tinypic.com/rtfg2r.png

http://diveditor.zxq.net/
Saludos.
Arquitecto, diseñador y programador | Comenzando a proyectar mi vida bajo mis propios ideales. Administrador de ilDom, Twiteck y Century21
1 ¿No puede redimensionarse la imagen? A veces es 800x800 y ahí no cabe
2 ¿No puede centrarse automáticamente? Cuando es grande hay que darle scroll, sobra espacio por arriba y el lado izquierdo, y luego falta por abajo y la derecha.

Para seguirme solamente tienes que darle al corazón
@maoellisto

1 ¿No puede redimensionarse la imagen? A veces es 800x800 y ahí no cabe
2 ¿No puede centrarse automáticamente? Cuando es grande hay que darle scroll, sobra espacio por arriba y el lado izquierdo, y luego falta por abajo y la derecha.




Resuelto con la 1.4.1.

Actualización!
v1.4.1 - Novedades:
-Arrastrar Div por mouse.
Arquitecto, diseñador y programador | Comenzando a proyectar mi vida bajo mis propios ideales. Administrador de ilDom, Twiteck y Century21
Programación [Google Chrome] DIV Editor