Maquetación Web

¿Qué es la maquetación web?

Cuando se desarrolla una página web en base al diseño de una imagen y se le otorgan funciones por medio de código, se dice que está maquetada. A diferencia de la maquetación editorial, que termina cuando el diseño está estructurado para su impresión, la maquetación web implica separar los elementos de la imagen y, dependiendo de la función que deba desempeñar cada elemento, desarrollar y estructurar el código que le permita a cada uno tener su orden y su aplicación. Los elementos visuales que percibe el usuario al entrar a una página web, se conoce como la “interfaz de usuario“ y se puede diseñar por un profesional en programas de edición de imagen como Photoshop o Illustrator. Cuando se separa la imagen final del diseño por elementos, se otorga a cada uno su función y se le da un orden por medio de un lenguaje de programación, el resultado será…
Twitter Bootstrap 3

Twitter Bootstrap 3: Mobile-first

Twitter Boostrap es un conjunto de herramientas (Framework) que contiene código HTML, CSS y JavaScript para el diseño de páginas web responsivas y estándares, aportando un diseño preliminar de formularios, tablas, botones, tipografía, ventanas modales, carrusel de imágenes y otros componentes de interfaz de usuario. La versión 3 de Twitter Boostrap fue escrita desde cero y las principales características tienen que ver con el abandono de soporte de navegadores antiguos y un diseño pensado desde el principio para dispositivos móviles (bajo la premisa: “Mobile-first”). Grid Ahora todo el código CSS esta en un solo archivo “bootstrap.css” (fusionando el CSS del responsive design con el resto de los estilos). En esta versión el uso de la clase .span* desaparece, a partir de ahora se utilizará .col-* para establecer el tamaño en los smartphones, .col-sm-* para tablets y .col-lg-* para portátiles y computadoras de escritorio. Diseño Siguiendo las tendencias del último año…
Twitter

Lo mejor de Sector Web en Twitter (2012-08-26)

Estos son algunos de los tweets más destacados que hemos publicado en los últimos 15 días: Bootstrap 2.1.0 – Un framework que permite desarrollar aplicaciones y sitios web de manera rápida y correcta. – http://bit.ly/q2G9Mm PowerTip – Un plugin de #jQuery que permite integrar tooltips de manera sencilla a tus proyectos web. – http://bit.ly/OzvGIy stroll.js – Una librería de #JavaScript que permite mostrar el contenido de una lista con efectos de transición. – http://bit.ly/HFXuUi ColorZilla – Un editor que permite crear gradientes en #CSS con una interfaz similar a la de Photoshop. – http://bit.ly/bY6lSb CSS3 Patterns Gallery – Una colección de 37 patrones para fondos desarrollados completamente en #CSS3. – http://bit.ly/rKbNF6 Síguenos en @sectorweb, excelente inicio de semana!
Twitter

Lo mejor de Sector Web en Twitter (2012-08-12)

Estos son algunos de los tweets más destacados que hemos publicado en los últimos 15 días: JustGage – Una librería de #JavaScript que permite crear gráficas semi circulares en vectores y con movimiento. – http://bit.ly/Plf5TA Adaptor – Un plugin de #jQuery que permite crear un slider con transiciones en 3D. – http://bit.ly/OQTO9t scrolldeck – Un plugin de #jQuery que permite crear presentaciones animadas controladas por el scroll. – http://bit.ly/v8xzhz Meny – Una librería de #JavaScript que permite crear un menú lateral bastante llamativo con un efecto 3D. – http://bit.ly/NcPajc Reveal.js – Una librería de #JavaScript que permite crear una presentación de diapositivas con un efecto 3D. – http://bit.ly/rHrfyP Síguenos en @sectorweb, excelente inicio de semana!