Software Maquetación

opzina · #1 (**permalink**) 10/09/2010, 16:19

Hola,

Ando buscando algun programa para hacer las css,
hay alguno exclusivo para esto?

Saludos

alexk · #2 (**permalink**) 10/09/2010, 17:10

Notepad++ seria un ejemplo... lo importante es tener el conocimiento... la herramienta es lo de menos...

PD: Usua el buscador es un tema muy tratado, esto deberia ir en el foro de Editores Web.. alli mismo tendras mas informacion tambien

Shaito · #3 (**permalink**) 10/09/2010, 17:53

Hola!

Yo te recomiendo usar el Dreamweaver, pues ayuda mucho al ir tu escribiendo y él indicando las posibilidades.

Siempre puedes *comprarlo* y usarlo *legalmente* hasta que te acostumbres :-X

Pero como el notepad o el notepad ++ ninguno!

Saludos

joseomaker · #4 (**permalink**) 10/09/2010, 21:33

el mejor es geany,claro,geany ahi que aprenderlo y es como aprender vim,solo que mas facil.

ahi que aprender cosas como hacer y manejar snippets (es facil),cargar tags,etc.

aca ahi un post mio que tiene el manual para cargar las Tags (sugerencias de codigo,tambien llamadas intellisense),y en el post tambien esta le link del manual oficial,ahi que aprender a configurarlo (es como configurar cualquier programa),etc:

http://www.forosdelweb.com/f17/geany...as-mas-836376/

eso si,es muy productivo y aprenderas a usarlo en 1 dia,para que no tengas que hacer los snippets te dare mi archivo de snippets (tiene los que tiene por default y unos hecho por mi para html,css y php,de paso tambien e copiado los snippets de html dentro de php para que editar archivos php con html) por MP (mensaje privado) y te explicare como instalarlo y configurarlo.

enviame un pm si estas interesado.

EdwinCruz · #5 (**permalink**) 10/09/2010, 23:41

bueno aunque no es exclusivo para mi dreamweaver, dado que como dicen te ayuda a completar o te da una idea si llegas confundirte por algo, ademas que te da vista en vivo de lo que estas asiendo eso es muy importante para mi por ejemplo.

Desventaja es que necesitas relativamente ya algo de memoria ram de 1gb para arriba
saludos.

jomaruro · #6 (**permalink**) 11/09/2010, 03:27

Hola:

Cita:

Iniciado por Shaito

Siempre puedes *comprarlo* y usarlo *legalmente* hasta que te acostumbres :-X

¡Ojo, con ciertas afirmaciones o consejos!

Cita:

2.9 Los usuarios no pueden publicar, solicitar ni difundir información que promueva el plagio, la piratería, la divulgación de números de serie, crack o similares, o copias no autorizadas de material protegido por derechos de autor.

Extraído de las Políticas de Foros Del Web

Opzina, lo mejor, como ya te han dicho Notepad++, pero para todo tipo de código no solo CSS.

Saludos.

Impostor · #7 (**permalink**) 11/09/2010, 03:31

Cita:

Iniciado por joseomaker

el mejor es geany,claro,geany ahi que aprenderlo y es como aprender vim,solo que mas facil.

ahi que aprender cosas como hacer y manejar snippets (es facil),cargar tags,etc.

aca ahi un post mio que tiene el manual para cargar las Tags (sugerencias de codigo,tambien llamadas intellisense),y en el post tambien esta le link del manual oficial,ahi que aprender a configurarlo (es como configurar cualquier programa),etc:

http://www.forosdelweb.com/f17/geany...as-mas-836376/

eso si,es muy productivo y aprenderas a usarlo en 1 dia,para que no tengas que hacer los snippets te dare mi archivo de snippets (tiene los que tiene por default y unos hecho por mi para html,css y php,de paso tambien e copiado los snippets de html dentro de php para que editar archivos php con html) por MP (mensaje privado) y te explicare como instalarlo y configurarlo.

enviame un pm si estas interesado.

"Ahí hay un hombre que dice ¡ay!"...

* "Ahí" es un adverbio que indica "en qué lugar"
* "Hay", del verbo haber
* "Ay" es una interjección, generalmente de dolor, y que suele ir entre exclamaciones (como toda interjección que se precie, claro)

Saludos¡¡

Piquinikis · #8 (**permalink**) 11/09/2010, 09:14

hola gente, personalmente uso el notepad++ o me ayudo con el Rapid CSS aunque este ultimo no es freeeeeee... saludos

kseso? · #9 (**permalink**) 11/09/2010, 10:16

Hay demasiados "el mejor". Cada cual tiene el suyo.
Pero están obviando lo más importante y básico:
Si no tienes unos conocimientos de html y css malamente se podrá controlar cualquier software. Será el programa quien lleve las riendas, y el usuario será un mero pica iconos.

Así que el mejor, sin duda alguna para mi, la propia cabeza. Después, para poner en código, cualquiera.
Desde el que te hace todo, al que no hace más que representar lo tú escribes.

Y una sugerencia para quien se inicia: al principio usa un editor que como mucho te coloree el código y te marque etiquetas no cerradas. Nada más. Así te obligarás a utilizar tus neuronas, no bits ajenos.

cristian_cena · #10 (**permalink**) 12/09/2010, 14:29

Hola, nada mas añado que esta aplicación te puede ser útil para comprender como trabajar con tipografía y css. Saludos.

enridp · #11 (**permalink**) 24/12/2010, 09:41

mmm yo no estoy de acuerdo con que el programa sea lo de menos.
Me gusta la programacion y programo en C++, AS3, JS, PHP, SQL, ASM, etc pero CSS se ha vuelto lenguaje mas dificil de usar para mi.

Obviamente la gran culpa la tienen los navegadores y sobre todo IE, es un lenguaje que esta lleno de trucos y hacks y se vuelve muy dificil predecir que es lo que estamos programando sin verlo (en cualquier lenguaje serio puedo armar miles de lineas sin compilar nada y saber de antemano que voy a obtener si no cometi algun error de sintaxis)

Por eso en este contexto, ya que no podemos arreglar los miles de navegadores y sus versiones, la unica solucion es un BUEN IDE para programar en CSS y la verdad me sorprende que todavía no haya nada.
Addons como Firebug o las herramientas incluidas en las ultimas versiones de Chrome e IE son bastante utiles. Pero creo que se necesita algo que englobe todo, un programa que permita posicionar en tiempo real y con vista previa a muchas versiones de navegadores (IETester parecia ser una solucion para las versiones de IE pero anda bastante mal sobre todo combinado con Javascript).
Un programa que dibuje las cajas y muestre los valores, para ver las diferencias entre los navegadores, un programa que incluya los hacks mas conocidos y las mejores formas de implementarlos para que los aplique automaticamente, un programa que incluya miles de layouts bien armados y con maxima compatibilidad, etc.

Por que no hay nada como eso? soy el único que siente la necesidad de algo asi?

enrique4480 · #12 (**permalink**) 24/12/2010, 12:34

yo uso aptana studio que para mi gusto es de lo mejor, tiene preview rapido en varios navegadores, coloreado y asitente para html, css, js y librerias como jquery etc. inspector del DOM y mas cosas, vale la pena que le des un ojo si buscas algo completo. te dejo una imagen que vale mas que mil plabras :).

Se me olvido comentarte que funciona tanto en windows como en linux y tiene soporte de plugins, pudiendo hacerte si fuese necesario uno para trabajar mas comodo.

enridp · #13 (**permalink**) 24/12/2010, 13:27

Gracias lo voy a probar, voy a bajar la Beta3 a ver que tal es.

Cita:

EDIT: bueno la verdad no se si arrancar con la Beta3 no tanto porque es Beta ya que por lo general andan bien igual sino porque por ej. vi que no tiene el debugger de JS que si tiene la Aptana2 y me pregunto si no faltaran otras cosas tambien tu que opinas Enrique? has probado Aptana3?

De todos modos me llama la atención que tengan publicidad de Dreamweaver en su web.

Igual cuando encontré este post estaba buscando un programa bien completo para CSS, algunas de las características que creo serían muy útiles son:

Previsualizar en multiples navegadores y diferentes versiones
Correccion automatica para diferentes versiones de IE
Completa base de datos con layouts (con actualizaciones online como por ej. los pluggins que nos bajan snippets en otros lenguajes)
Diseño del layout WYSIWYG (es decir que se pueda practicamente dibujar el layout y que arma un CSS acorde a eso)
Completa guia de estilos para todos los elementos, (con un preview de referencia no solo el codigo)

CSS es un lenguaje que no opera con funciones calculos operaciones, etc, solo definir reglas para la renderizacion de otros elementos, desde este punto de vista al menos para mi tiene mucho mas sentido un IDE donde trabajemos en forma visual que desde el código.
En PHP puede ser muy util tener un IDE que controle la sintaxis, que nos ayude con las miles de funciones, que nos permita comentar, tabular, etc el codigo, que nos maneje las referencias a las clases y nombres de variables etc. porque el codigo es lo importante en PHP, pero en CSS lo importante es como se ve al final.

Imagina un programa que nos permita agregar cajas y posicionarlas con referencias a otros elementos, dividirlas, etc. todo visualmente a modo de dibujo
Imagina un programa que analice el resultado obtenido y arme los hacks para lograr que en IE se vea igual.
Imagina un programa que tenga una enorme cantidad de clases CSS para poder asignar a Formularios, Textos, Menues, etc y ver en vivo como van quedando.
Imagina tooooda la genteeee viviendo la vida en paaaz