Cortes-Flores-Jonatan - Ejercicio 03

Responsive design
¿Qué es un framework ?
Un Framework es una estructura base utilizada como punto de partida para
elaborar un proyecto con objetivos específicos.
¿Qué es un diseño responsivo en el desarrollo web?
El diseño web responsivo es una configuración en la que el servidor siempre
envía el mismo código HTML a todos los dispositivos y se usa CSS para
modificar el procesamiento de la página en el dispositivo.
¿Cuáles son las características del diseño responsivo?
Se caracteriza porque los layouts (contenidos) e imágenes son fluidos y se usa
código media-queries de CSS3. El diseño responsive permite reducir el tiempo
de desarrollo, evita los contenidos duplicados, y aumenta la viralidad de los
contenidos ya que permite compartirlos de una forma mucho más rápida y
natural.
¿Qué funciones tiene los framework de diseño web?
Los frameworks de diseño ofrecen un esqueleto basado en columnas que facilita
la tarea de construir webs que se adapten a todo tipo de dispositivos. Además,
ofrecen una serie de clases CSS y funciones de JavaScript que se pueden
utilizar directamente y que nos ahorran tiempo a la hora de crear código.
¿Cuáles son las ventajas e inconvenientes de usar un framework?
Ventajas
 Estructura y organización del código predeterminada
 Reutilización del código. Evitar duplicidad de código
 Agilidad y rapidez en el desarrollo
 Menor coste en el desarrollo
 Buenas prácticas de desarrollo con el uso de patrones
Desventajas
 Tiempo de aprendizaje
 Versiones inestables
 Menor rendimiento
 Código sin utilizar
 Elección del framework
¿Qué es boostrap y por qué es tan usado?

Bootstrap es un framework front-end utilizado para desarrollar aplicaciones web
y sitios mobile first, o sea, con un layout que se adapta a la pantalla del
dispositivo utilizado por el usuario.
¿Qué es LESS?
Less es un dinámico lenguaje de hojas de estilo que puede ser compilado en
hojas de estilo en cascada y ejecutarse en el lado del cliente o en el lado del
servidor
¿Qué ventajas tiene LESS?
Con muchos usuarios, es más fácil encontrar desarrollo que use scss, y es más
fácil encontrar recursos de aprendizaje para scss;
La programabilidad es relativamente fuerte, admite funciones, listas, objetos,
juicios, bucles, etc .;
tiene más funciones que menos;
Bootstrap / Foundation, etc. use scss;
Biblioteca rica en sass: Brújula / Bourbon;
¿Qué es Sass?
Sass es un procesador CSS. Un preprocesador CSS es una herramienta que
nos permite generar, de manera automática, hojas de estilo, añadiéndoles
características que no tiene CSS, y que son propias de los lenguajes de
programación, como pueden ser variables, funciones, selectores anidados,
herencia, etcétera.
¿Cuáles son las principales diferencias de Less y Sass?
Ambos preprocesadores - SASS vs MENOS están muy extendidos entre los
diseñadores web y ambos comparten algunas de las mismas propiedades:
SASS y LESS permiten el uso de variables y mixins, con una diferencia, LESS
usa JavaScript mientras que SASS se basa en Ruby.
¿Qué son los grid system ?
Un grid system no es más que un archivo CSS que define una serie de estilos
que te ayudan a organizar el contenido de tu página web. Se podría comparar
con una plantilla o una hoja cuadriculada.
¿Cuáles son las librerías o frameworks basados en grid system más
populares y menciona sus principales características?
960 Grid System es un Framework para CSS que consiste en un sistema de
grillas a 960px, utilizada para realizar maquetaciones de proyectos web
Bootstrap es una referencia en el diseño y maquetación de plantillas web. Más
que una referencia, es posible que sea el Framework de HTML,CSS y Javascript
más utilizado en la red, amado y odiado.Lo que hace diferenciador de la versión
3 de Bootstrap, comparando a las versiones anteriores, u otros Frameworks del
estilo, es que es posible desarrollar teniendo en mente el concepto de “mobile
first”, y su sistema de grid, que te permite crear diferentes sistemas basados en
el tamaño del navegador.
CSS Grid Layout
CSS Grid layout contiene funciones de diseño dirigidas a los desarrolladores de
aplicaciones web. El CSS grid se puede utilizar para lograr muchos diseños
diferentes. También se destaca por permitir dividir una página en áreas o
regiones principales, por definir la relación en términos de tamaño, posición y
capas entre partes de un control construido a partir de primitivas HTML.
¿Qué son los diseño sensibles?
Más conocido por “Responsive design”, es aquel diseño que se adapta a
distintos dispositivos (iphone, ipad, smartphones, tablets,…).
Es decir, dependiendo del tamaño de la pantalla el contenido se reorganiza para
que la web se vea correctamente y la experiencia del usuario.
De esta manera tenemos una única web que se adapta perfectamente.
Podemos decir que, un diseño bien adaptado deberá adaptarse de forma
automática incluso sin necesidad de recargar la web. En pocas palabras es la
evolución del diseño adaptativo.
¿Menciona 20 frameworks o librerías para diseño web?
Google web starter kit
Angular
Laravel
Symfony
Django
Phalcon
Spring Framework
Express JS
Struts
Zend
Vue. Js
QCObjects
Tree. Js
React
.net
Flutter
Ionic
Native scipt
Qt
¿Qué es Single-Page Applications (SPA) donde se utiliza y cuales son sus

principales beneficios?
Una web SPA (Single Page Application) es una página web la cual está todo el
contenido en una sola página, es decir, carga tan solo un archivo HTML y todo
se produce dentro de este único archivo. De esta manera se puede ofrecer una
experiencia más fluida, más rápida.
Es decir, todo el código HTML, JavaScript y CSS se carga una sola vez, puedes
navegar entre los diferentes apartados de la página y el contenido ya estará
precargado de antemano, es por esto que es tan rápido.
¿Qué es Font Awesome?

Es una libreria muy grande de ÍCONOS para nuestra pagina web
¿Qué es Web Starter Kit (google), cuales son sus principales funciones?
Google Web Starter Kit es un framework que ofrece un esqueleto sólido para
desarrollar sitios web. Usa JavaScript, CSS y HTML, tiene una base responsive,
sincronización multidispositivo y optimización de rendimiento con soporte para
SASS y para la herramienta gulp.js.
¿Qué significa diseño Pixel Perfect?
La expresión del pixel perfect se utilizaba en los 90 cuando las páginas web se
diseñaban utilizando Photoshop, y el proceso era mucho más artesanal de lo
que es hoy en día. A día de hoy los componentes de UI (User Interface),
normalmente, se construyen mediante código CSS, no creando los archivos
de diseño en Photoshop y añadiéndolos al HTML.
A día de hoy, implementar la metodología del pixel perfect tal y como estaba
concebida en sus inicios no tiene sentido, ya que el diseño actual es
demasiado fluido y animado como para buscar la perfección en cada pixel.

Cortes-Flores-Jonatan - Ejercicio 03

Cargado por

Copyright:

Formatos disponibles

Cortes-Flores-Jonatan - Ejercicio 03

Cargado por

Información del documento

Descripción original:

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Cortes-Flores-Jonatan - Ejercicio 03

Cargado por

Copyright:

Formatos disponibles

Responsive design

¿Qué es boostrap y por qué es tan usado?

¿Qué es Single-Page Applications (SPA) donde se utiliza y cuales son sus

¿Qué es Font Awesome?

También podría gustarte