Realmente estos editores WYSIWYG pueden aplicarse a cualquier sitio web basado o no en frameworks o gestores de contenidos, pero, como en este momento estamos desarrollando un par de proyectos en Codeigniter, os hacemos referencia a estos tutoriales que nos muestran como integrarlos en este framework de desarrollo web.
Archivo | diseño web
Feed RSS de esta secciónmarkItUp! Universal Markup jQuery Editor
markitup! es un plugin de JavaScript basado en jQuery que nos permite convertir cualquier textarea en un editor de etiquetas. Soporta codificación HTML, Textil, sintaxis Wiki, Markdown, BBcode o incluso un sistema propio de marcas.
Características
- Autor: Jay Salvat
- Licencia: MIT/GPL
- Tamaño: 6.5Kb.
- Requiere: jQuery 1.4.2
- Navegadores soportados: IE6-7-8, Safari 3+, Firefox 3+
Holmes CSS detective: herramienta de diagnóstico de hojas de estilo
Buscando utilidades para validación de código CSS hemos encontrado holmes.css – CSS Markup Detective. Se trata de una herramienta stand-alone de diagnóstico de hojas de estilo que nos muestra, resaltados, los trozos de código inválidos, inaccesibles, obsoletos (http://www.w3.org/TR/html5/obsolete.html#obsoletos) o que presentan una marcación HTML (incluido HTML5) errónea.
Continuar leyendo →
Scripts PHP para gestión de bases de datos
En este post os referenciamos algunos de los scripts PHP para gestión de base de datos en entornos web que nos parecen de mayor utilidad para nuestros desarrollos de aplicaciones.
Encontraréis código para abstracción de base de datos, presentación y edición de campos, generadores de código HTML (por ejemplo para formularios web) sobre consultas a base de datos, navegadores y paginadores para tablas, etc.
Se tratan de scripts comerciales, pero en ningún caso superan los $20 de coste, lo que consideramos muy asequible teniendo en cuenta el trabajo del que podemos liberarnos al desarrollar nuestras aplicaciones web.
Sitios web destacados por The CSS Awards [inspiración]
The CSS Awards es un nuevo ‘showcase’ donde se incorporan las tendencias en diseño web en general y de CSS en particular. La web tiene el objetivo de premiar a los mejores websites realizados en CSS, y el gran valor añadido del proyecto es que estos premios son otorgados por los diseñadores, agencias y bloggers más importantes y reconocidos internacionalmente, pudiendo el usuario saber que nota le ha asignado cada juez por los cuatro criterios de valoración: Diseño, Creatividad/Personalidad, Contenido y Usabilidad. El propósito de estos premios es valorar el diseño, la creatividad y el esfuerzo de los diseñadores, estudios y agencias web.
Incluimos la selección realizada por el equipo de The CSS Awards de sitios web destacados.
Continuar leyendo →
Parallax Scrolling: introducción y ejemplos
En el artículo 11 Tendencias de Diseño Web para 2011 incluíamos la técnica Parallax Scrolling como una de las que tendrían más preponderancia durante este año en cuanto a tendencias de diseño web.
El uso de parallax scrolling está en la línea de sustituir Flash por otras tecnologías que permitan incluir efectos visuales. Se trata de un efecto que genera la ilusión de estar visualizando un espacio en tres dimensiones utilizando imágenes distribuidas en capas que se mueven a un ritmo diferente.
Para implementarlo se pueden recurrir a trucos CSS o utilizar plugins jQuery como Spritely. Su utilización puede ser más efectiva incluyéndolo como un elemento secundario en nuestro diseño , por ejemplo, como un encabezado o pie de página o como fondo de la misma.
Continuar leyendo →
