Novedades en la categoría Desarrollo Web
Cuando se trabaja en diseños web con HTML y CSS se encuentra que hay un puñado de problemas comunes a solucionar cada vez. Entre ellos: Reiniciar el navegador por defecto para crear una plantilla en blanco, Creación y diseño de redes de líneas base para adherir el diseño o la Creación de un acuerdo por defecto para el tamaño, alineación y espaciado de la tipografía. De aquí surgen los frameworks CSS, para agilizar estas tareas y en resumidas cuentas, ganar tiempo y eficacia.
En este capítulo, presentamos un par de frameworks para CSS, definiciones de Wikipedia...
En el desarrollo de software, un framework es una estructura de soporte definida en la cual otro proyecto de software puede ser organizado y desarrollado. Típicamente, un framework puede incluir soporte de programas, bibliotecas y un lenguaje interpretado entre otros software para ayudar a desarrollar y unir los diferentes componentes de un proyecto.
Los Frameworks son diseñados con el intento de facilitar el desarrollo de software, permitiendo a los diseñadores y programadores pasar más tiempo identificando requerimientos de software que tratando con los tediosos detalles de bajo nivel de proveer un sistema funcional. » más info
Las hojas de estilo en cascada (Cascading Style Sheets, CSS) son un lenguaje formal usado para definir la presentación de un documento estructurado escrito en HTML o XML (y por extensión en XHTML). El W3C (World Wide Web Consortium) es el encargado de formular la especificación de las hojas de estilo que servirán de estándar para los agentes de usuario o navegadores.
La idea que se encuentra detrás del desarrollo de CSS es separar la estructura de un documento de su presentación. » más info
Sistemas framework para CSS
Los frameworks más comunes se encuentran disponibles para javascript, php, o algún otro lenguaje de programación, pero también los encontras para CSS; a continuación 2 de los mejores o más comunes frameworks para CSS...
- Blueprint
- este framework desarrollado por Olav Bjorkoy reside en google code e implementa un sistema de rejilla (grid) el cual permite ubicar y posicionar los elementos <html> fácilmente en la página. Enlaces:
- 960gs
- 960 Grid System racionaliza el desarrollo web mediante el suministro de flujo de trabajo en dimensiones comunes. Esto consiste (en una manera similar al anterior), en una grilla base de una anchura de 960 píxeles con dos variantes: 12 y 16 columnas, que pueden ser utilizadas por separado o conjuntamente. Porqué 960? porque es divisible por 2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320 y 480, un número bastante flexible.
Este sistema provee archivos de ejemplo para su fácil comprensión, ademas de archivos fireworks o photoshop. Enlaces:
En el sitio web de Román Cortés se encuentran estas muy buenas figuras (en el ejemplo: Homero Simpson) hechas solamente con código HTML/CSS (sin imágenes!).
Recomendamos algunos sitios que hoy por hoy podrían situarse en lo más alto de la escala web, en este "medio relativamente nuevo" que es internet.
- Extensa red con infinidad de recursos, entre otros: g search, g mail, g maps, g docs, g images, g video, g earth, g analytics, g webmasters
- Foros del Web
- Una comunidad para los entusiastas del web y el mundo de la computación
- JoomlaSpanish
- Joomla es uno de los mejores CMS (sistemas manejadores de contenido)
- Xeoweb
- Uno de los mejores sitios en cuanto a Posicionamiento y técnicas SEO
- Ffiles
- Gran colección de archivos Adobe Flash (inglés)
- CSSplay
- Experimentos con CSS (hojas de estilo en cascada) (inglés)
- Deviantart
- Comunidad de arte digital (inglés)
- Phong
- Tutoriales Photoshop (inglés)
- SEO Chat
- Todo sobre SEO (inglés)
Algunos
scripts
que
funcionan
en
este
sitio.
se
pueden
descargar
visitando el link
más
abajo.
- mt-ajaxcomments.js Sistema de comentarios MT Hacks
- slimbox.js El último "lightbox" más optimizado
- gravatar Permite incluir avatars en los comentarios
- fadomatic.js Transparencia modificando el canal alpha
- búsqueda google personalizada Motor de búsqueda
- mootools.js Compacto y modular framework de javascript
- greybox.js Orangoo Labs - clase de "lightbox"
Comentarios recientes