Si queréis practicar programación de diseño web en CSS y no tenéis tiempo de montar un ambiente apropiado de desarrollo, echad un vistazo en cssdesk.com.
Se trata de un panel en el que podréis escribir el código en la izquierda para ver el resultado, en tiempo real, en la derecha. Aunque no es muy práctico para realizar sitios complejos, sí es ideal para practicar y enseñar algunos trucos de CSS.
Otra herramienta que debería ir al baúl de los favoritos de cualquier profesor dedicado al tema.
Aunque los usuarios de wordpress tenemos una enorme cantidad de extensiones perfectas para la creación y administración de formularios de entrada de datos en wordpress, siempre es importante conocer alternativas que no dependen de ninguna plataforma específica.
FAARY es una de las opciones más sencillas que conozco para crear formularios con un aspecto profesional y elegante. Sólo tenemos que informar los campos que queremos incluir, con los textos correspondientes, en la caja de entrada de la parte izquierda de su página, al apretar al botón «Generate» podremos ver el resultado a la derecha, dando la opción de bajar el código generado para instalarlo en nuestra web.
Muy sencillo de usar y listo para ser usado, aunque no usa base de datos para guardar los resultados, con lo que dependeremos del servidor de smtp para el envío de emails con las informaciones.
Como muchos ya sabréis, CSS3 invadirá poco a poco las diferentes páginas web ofreciendo recursos modernos y fáciles de implementar en su diseño.
Aquí os dejo una serie de enlaces interesantes para quien está estudiando o para quien simplemente quiere saber más sobre esta nueva técnica de programación de hojas de estilo.
Genera código en CSS3 después de indicarle el valor de algunas variables. Hay disponible una sección para ver el resultado antes de exportarlo.
Continúa leyendo «Para quien estudia CSS3»
Si trabajáis con CSS para el diseño de páginas web y queréis empezar a entender el funcionamiento del nuevo CSS3, echar un vistazo en css3please.com.
Se trata de una web que muestra un componente en el lado superior derecho que responde directamente al código mostrado en la página. Podemos alterar el código sin necesidad de ningún programa adicional y ver los efectos que el cambio tiene en el panel de texto.
Un buen editor de CSS3 online que puede ser usado para fines académicos.
Aquí os dejo una lista de enlaces que pueden ser útiles para quien trabaja con diseño.
– Trucos para pasar de un archivo PSD a HTML: line25.com
– Cómo pasar de un boceto a un tema en Wordpress: spoongraphics.co.uk
– Tutoriales de CSS3 y técnicas de creación de botones: speckyboy.com
– Excelentes diseños web oscuros: webdesignledger.com
– Cientos de trucos para quien trabaja con CSS: css-tricks.com
– 17 extensiones de Google Chrome para webdesigners: designm.ag
Espero que los aprovechéis.
Si habéis decidido cambiar los colores de vuestro sitio web y tenéis que buscar y modificar los códigos del archivo CSS correspondiente, echad un vistazo en Replace CSS colors.
Se trata de una aplicación que permite obtener los colores de cualquier archivo CSS mostrando en una lista todos los códigos detectados. Sólo tenéis que seleccionar cada uno de los nuevos colores y obtener el nuevo archivo CSS, sin necesidad de abrirlo con editores de texto ni ir buscando y reemplazando uno por uno los colores anteriores.
Muy sencillo y, sobre todo, práctico.
52framework se presenta como el primero en especializarse en HTML5 y CSS3, el futuro de la programación web que ya está más cerca de lo que pensamos.
Mientras unos piensan que puede ser el final del flash (por la cantidad de posibilidades del nuevo HTML5), y otros viven soñando con el momento en el que todos los navegadores web entiendan CSS3, 52framework se pone las pilas para permitir a los programadores realizar verdaderas maravillas de forma sencilla e indolora.
Los que aún no hayan visto el Paint Online hecho con HTML 5 o navegado entre la galería de obras de arte hechas con CSS3 seguramente no encontrarán esta noticia muy relevante, el resto podréis bajarlo de forma gratuita en 52framework.com
José Castro me presenta MarkerCSS, un frameworkCSS que pude facilitar mucho la vida de quien trabaja con esta técnica.
Markercss.com es un framework que simplifica maquetar en CSS, directamente sobre el código y de forma totalmente libre, sin la necesidad de utilizar columnas predefinidas.
De esta manera se puede simplificar todo o parte del código tradicional CSS, potenciando el trabajo visual del código, ya que contiene referencias preestablecidas que permiten realizar proyectos web in situ.
Al mismo tiempo podemos reducir los procesos de creación web ya que no necesitamos crear y nombrar todos los estilos de capas, así como definir textos y todos los atributos; ni tener que recordar las características de cada estilo.
En el sitio podéis encontrar mucha más información, toda en español y con posibilidad de echar un vistazo a su código fuente.
El tiempo pasa y las herramientas web buscan su espacio en el mercado, especializándose en tareas extremadamente específicas, como las que os presento aquí.
La lista, publicada en designer-daily.com, muestra 12 aplicaciones que pueden ser usadas para aquéllos que trabajan o tengan pensado trabajar con CSS.
Informa una página HTML y este sitio obtendrá las clases y IDs creando una hoja CSS lista para ser completada.
Transforma estilos locales en CSS, ideal para campañas de email marketing.
Continúa leyendo «12 útiles herramientas para trabajar con CSS»
Empecemos el día con una colección de noticias variadas, para estar al día de lo que se cuece en el mundo.
– Philips desarrolla una “piel inteligente” capaz de cambiar de color https://bit.ly/8iYR4F
– Un generador online de templates web – https://bit.ly/7pN4Xb
– Excelente colección de mapas antiguos https://bit.ly/6AkGCG
– Técnicas y herramientas para comprimir CSS https://bit.ly/5vDoZx
– Google, el NY Times y The Washington Post crean Living Stories, una nueva manera de leer las noticias online https://bit.ly/4CfzwJ
