John Dani vuelve a compartir con nosotros un vídeotutorial sobre cómo maquetar y crear el layout de un sitio web con CSS.
Etiqueta: dreamweaver
HTML Lorem Ipsum | Extensión para Dreamweaver
A los de CSS-Tricks se les ha ocurrido otra herramienta para ayudarnos al diseño web, se trata de unos snippets de código HTML (listas, párrafos) con texto falso, el famoso Lorem Ipsum.
El sitio es HTMLIPSUM. Lo seleccionas y lo pegas en tu código. Muy básico, lo ideal sería mezclar esta aplicación web con cualquier otra de las muchas que generan texto falso, es decir un editor online de texto falso. Con vista diseño y vista código.
Vía: HTML-Ipsum: Another Handy Lorem Ipsum App
Extensión para Dreamweaver
De todas formas lo más rápido si trabajas con Dreamweaver es instalar esta extensión: Lorem and more Cuando necesites texto falso, vas a Insertar > Lorem and more y configuras las opciones:
Software comercial vs. Software de Código Abierto
Esta es la premisa del sitio Osalt.com (Código abierto como alternativa a software comercial). Ahora disponible en español, osalt (Open Source ALternatives to Commercial Software) publica las alternativas a las aplicaciones comerciales más habituales.
Ejemplos:
Hace muy poco publicaba una serie de aplicaciones para la creación de screencasts, 7 opciones para la creación de Videotutoriales, a la que podemos añadir la alternativa open source que propone Osalt: CamStudio.
No abogan sólo por el software libre también hablan y comparan el soft comercial, de hecho tienen 2 tops.
La dicotomía subyacente en osalt la he trasladado a pqpq.es para que deis vuestra opinión y leáis las de otros sobre estos 2 modelos de desarrollo de software:
Adobe presentará la CS4 el próximo 23 de septiembre
Adobe presentará oficialmente la Creative Suite 4 mediante un webcast el próximo 23 de septiembre al que ya podéis registraros.
Los horarios:
- Europe – 11:00 a.m. CET
- North America – 9:00 a.m. Eastern
- North America – 9:00 a.m. Pacific
- Australia – 4:00 p.m. AET (Sept 24)
- Singapore/Hong Kong – 2:00 p.m. (Sept 24)
- India – 11:30 a.m. IST (Sept 24)
Crear y editar plantillas para WordPress desde Dreamweaver | ThemeDreamer
ThemeDreamer es una extensión para Dreamweaver que facilita la edición y creación de plantillas o themes para WordPress. Ofrecen una demo de 15 días tras registrarse, el precio es de 29,95$
Normalmente lo que hacemos es instalar un WordPress en un servidor local e ir tocando el CSS, las páginas PHP por separado hasta lograr lo que queremos. La ventaja de esta extensión es que:
- combina los archivos dependientes,
- la opción (live View) WYISWYG editando el theme de forma mucho más sencilla,
- etiquetas especiales de WP (WordPress Template Tags, Include Tags, y Conditional Tags),
- también trae hints sobre la sintaxis y parámetros de WP.
Aquí he abierto el archivo single.php y como véis tengo la edición en vista Diseño con todos los archivos combinados:
10 Vídeos demostrativos de Adobe CS4
En estos días y hasta su lanzamiento no parará de hablarse de las novedades de la próxima suite de Adobe, la CS4, con productos ya en beta y otras presentaciones rondan multitud de vídeos que podemos ir viendo para hacernos una idea:
Flash CS4
3 Betas de CS4 listas para descargar
Los rumores del lanzamiento de la nueva suite de Adobe han creado miles de posts, ellos mismos intentaban aguantar la noticia imagino que para seguir vendiendo su CS3. Ya no hay vuelta atrás, desde ayer tenemos disponibles 3 Betas de la CS4 descargables desde Adobe Labs:
Estas Beta sólo funcionarán 48 horas a no ser que tengas la CS3 y la actives con tu serial.
Novedades:
Adobe® Dreamweaver® CS4 beta
- Nueva interfaz
- Live View: ya no habrá que pulsar F12 para que veamos en el navegador nuestra página, ahora DW integra el motor de renderizado open source WebKit.
- Archivos relacionados: muestra todos los archivos asociados al documento (Javascript, CSS, PHP o XML).
- Navegador de Código: seleccionas un elemento en la vista diseño o en la vista código y se muestra en un pop-up todo el código que afecta a ese elemento.
- Inspector de propiedades CSS: muestra todo el CSS del elemento y añade un tooltip con información sobre las propiedades CSS.
- Code Hinting para Javascript: se añade esta función que facilita la programación y que ya existía para otros lenguajes como HTML y CSS.
- HTML Data Sets: creación dinámica de datos en una simple lista o tabla con el Spry Data
- Integración con Photoshop: Arrastra y suelta en DW un .psd para crear un objeto inteligente
- Mejora de integración de versiones
- Autoría Adobe Air
El grupo de usuarios de Adobe DWUG ya ha empezado a publicar videotutoriales con las novedades de DW CS4, qué rapidez !!!
