SlideShare una empresa de Scribd logo
Title
Description
FLEXBOX Y GRID
LOS MEJORES AMIGOS DEL MAQUETADOR
Mauricio Gelves - @maugelves
Mauricio Gelves
SiteGround Brand Ambassador
WORDCAMPLAPALMAS
WP Freelancer
Lic. en Informática
@maugelves en RRSS
Grid y Flex
Los mejores amigos del maquetador
@maugelves - #WCLasPalmasGC
¿Cómo hemos llegado hasta aquí?
Tropiezos de la era pre-flex-grid
Introducción a Flex y Grid
Demos
@maugelves - #WCLasPalmasGC
Grid y Flex
¿Cómo hemos llegado hasta aquí?
06 de Agosto 1991
Tim Berners-Lee
Grid y Flex
¿Cómo hemos llegado hasta aquí?
@maugelves - #WCLasPalmasGC
Grid y Flex
Tropiezos de la era pre-flex-grid
TABLETITIS
Uso desmedido de tablas HTML y/o
frames para bocetar páginas Webs.
@maugelves - #WCLasPalmasGC
Grid y Flex
Tropiezos de la era pre-flex-grid
TABLETITIS
Uso desmedido de tablas HTML y/o
frames para bocetar páginas Webs.
FLASHITIS
Intento fallido de querer ser guays con
una tecnología privada.
Title
Description
@maugelves - #WCLasPalmasGC
Grid y Flex
Tropiezos de la era pre-flex-grid
TABLETITIS
Uso desmedido de tablas HTML y/o
frames para bocetar páginas Webs.
DIVIDITIS
Uso desmedido de DIV’s porque la
Tabletitis era algo pasado de moda.
FLASHITIS
Intento fallido de querer ser guays con
una tecnología privada.
<body>
<div class="header">
<div class="logo"></div>
<div class="navigation"></div>
</div>
<div class="content">
<div class="title"></div>
<div class="accordion"></div>
</div>
<div class="footer"></div>
</body>
@maugelves - #WCLasPalmasGC
Grid y Flex
Tropiezos de la era pre-flex-grid
TABLETITIS
Uso desmedido de tablas HTML y/o
frames para bocetar páginas Webs.
DIVIDITIS
Uso desmedido de DIV’s porque la
Tabletitis era algo pasado de moda.
FLASHITIS
Intento fallido de querer ser guays con
una tecnología privada.
FLOATLEFTITIS
Uso desmedido de Floats y Clears
@maugelves - #WCLasPalmasGC
Grid y Flex
Tropiezos de la era pre-flex-grid
TABLETITIS
Uso desmedido de tablas HTML y/o
frames para bocetar páginas Webs.
DIVIDITIS
Uso desmedido de DIV’s porque la
Tabletitis era algo pasado de moda.
FLASHITIS
Intento fallido de querer ser guays con
una tecnología privada.
FRAMEWORKTITIS
960 Grid, Bootstrap, Foundation…
Resultado: Dividitis + Classitis
FLOATLEFTITIS
Uso desmedido de Floats y Clears
Grid y Flex
Introducción a Flex y Grid
Flex
Grid
Title
Description
Vs
Piet Mondrian
CSS Grid / Flex
Diseño Victoriano
Flash, Dividitis, Tabletitis, Bootstraptitis…
Grid y Flex
Introducción a Flex y Grid
¿Qué es Flex?
¿Qué es Grid?
div.container{
border: 5px dashed #000000;
display: flex;
}
div.box {
border: 3px solid #000000;
height: 100px;
width: 100px;
}
.container{
display: flex;
flex-wrap: wrap;
}
.container{
display: flex;
justify-content: flex-start;
}
.container{
display: flex;
justify-content: flex-end;
}
.container{
display: flex;
justify-content: space-between;
}
Espacio calculado automáticamente por el browser
.container{
display: flex;
justify-content: space-around;
}
El primer y último espacio es la mitad de ancho del
resto de los espacio
.container{
display: flex;
justify-content: space-evenly;
}
El primero, último y espacios interiores se distribuyen
en forma equitativa
.container{
align-items: flex-start;
display: flex;
height: 200px;
}
.container{
align-items: flex-end;
display: flex;
height: 200px;
}
.container{
align-items: center;
display: flex;
height: 200px;
}
.container{
align-items: center;
display: flex;
height: 400px;
justify-content: center;
}
.container{
align-items: stretch;
display: flex;
height: 200px;
justify-content: space-evenly;
}
.box {
height: auto; /* Important */
}
.container{
align-items: center;
display: flex;
height: 200px;
justify-content: space-evenly;
}
.box:nth-child(3){
align-self: flex-start;
}
.container{
display: flex;
flex-direction: row-reverse;
}
.container{
display: flex;
flex-direction: column;
}
.container{
display: flex;
flex-direction: column-reverse;
}
Grid y Flex
Introducción a Flex y Grid
¿Qué es Flex?
¿Qué es Grid?
Columnas Columnas Columnas Columnas Columnas
Filas
Filas
Filas
Filas
gap gap gap gap gap
gap gap gap gap gap
gap gap gap gap gap
gap
gap
gap
gap
gap
gap
gap
gap
gap
gap
gap
gap
gap
gap
gap
gap
¿Quién puede usar grid?
Casi todos los que estamos aquí…
.container {
display: grid;
}
.container{
grid-template-columns: 100px 2fr 1fr;
grid-template-rows: 25% 100px 2fr;
height: 300px;
}
100px 2fr 1fr
25%
100px
2fr
.container{
grid-template-columns: 100px repeat(3, 1fr);
grid-template-rows: 25% repeat(4, 1fr);
}
1fr 1fr 1fr100px
25%
1fr
1fr
1fr
1fr
.container{
grid-template-columns: repeat(4, 100px);
grid-template-rows: repeat(3, 100px);
grid-template-areas:
"header header header header"
"main main . sidebar"
"footer footer footer footer";
} header
main empty sidebar
footer
.item-a {
grid-area: header;
}
.item-b {
grid-area: sidebar;
}
.container{
grid-column-gap: 10px;
grid-row-gap: 15px;
}
10px 10px 10px
15px
15px
15px
1 2 3 4 5
2
3
4
5
.item {
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 1;
grid-row-end: 2;
}
.item {
grid-column-start: 1;
grid-column-end: 4;
grid-row-start: 1;
grid-row-end: 2;
}
1 2 3 4 5
2
3
4
5
.item {
grid-column-start: 1;
grid-column-end: 4;
grid-row-start: 1;
grid-row-end: 3;
}
1 2 3 4 5
2
3
4
5
.item {
grid-column-start: span 3;
grid-row-start: span 1;
}
1 2 3 4 5
2
3
4
5
1 2 3 4 5
2
3
4
5
.item-01{
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 3;
}
.item-02 {
grid-column-start: 2;
grid-column-end: 4;
grid-row-start: 2;
grid-row-end: 4;
z-index: 10;
}
.container{
grid-auto-flow: dense;
}
.item{
grid-column-start: span 3;
grid-row-start: span 1;
}
.item.small {
grid-column-start: span 1;
grid-row-start: span 1;
}
.container {
display: grid;
grid-template-columns: repeat( auto-fit, minmax( 150px, 1fr ) );
}
Flex y Grid
Aprende,
diagrama
y maqueta.
¡Muchas gracias!
Mauricio Gelves
WORDCAMPLAPALMAS
@maugelves (Twitter | Instagram | YouTube)

Más contenido relacionado

Similar a Flexbox y Grid: Los mejores amigos del maquetador

Codigos HTML Lenguaje IV
Codigos HTML Lenguaje IVCodigos HTML Lenguaje IV
Codigos HTML Lenguaje IV
guestc906c2
 
¿Qué es Flexbox y Como se Utiliza?
¿Qué es Flexbox y Como se Utiliza?¿Qué es Flexbox y Como se Utiliza?
¿Qué es Flexbox y Como se Utiliza?
Tony López Pagán
 
CSS3
CSS3CSS3
Guía básica para pegarle al xhtml (Primera parte)
Guía básica para pegarle al xhtml (Primera parte)Guía básica para pegarle al xhtml (Primera parte)
Guía básica para pegarle al xhtml (Primera parte)
Carlos Caicedo
 
Front-end Basics for Developers
Front-end Basics for DevelopersFront-end Basics for Developers
Front-end Basics for Developers
Nadal Soler
 
Acti 04 Css con html5 para creacion de web.pptx
Acti 04 Css con html5 para creacion de web.pptxActi 04 Css con html5 para creacion de web.pptx
Acti 04 Css con html5 para creacion de web.pptx
AlexBaldeon2
 
Teoria 2
Teoria 2Teoria 2
Teoria 2
Elisa López
 
What is the flexbox
What is the flexboxWhat is the flexbox
What is the flexbox
Javier Herrera
 
Webtraining Zone - Grid CSS
Webtraining Zone - Grid CSSWebtraining Zone - Grid CSS
Webtraining Zone - Grid CSS
Alexzander Arriaga
 
Curso Grid CSS
Curso Grid CSSCurso Grid CSS
Curso Grid CSS
Webtraining Zone
 
LayeRs Dyv
LayeRs DyvLayeRs Dyv
LayeRs Dyv
David Bad
 
TECNOLOGIAS WEBIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
TECNOLOGIAS WEBIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIITECNOLOGIAS WEBIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
TECNOLOGIAS WEBIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
Jesusvuelvas2
 
Presentación Seminario Cleformación HTML5, El lenguaje del futuro
Presentación Seminario Cleformación HTML5, El lenguaje del futuroPresentación Seminario Cleformación HTML5, El lenguaje del futuro
Presentación Seminario Cleformación HTML5, El lenguaje del futuro
CLEFormación
 
Ez platform-meetup-madrid-march-2018
Ez platform-meetup-madrid-march-2018Ez platform-meetup-madrid-march-2018
Ez platform-meetup-madrid-march-2018
crevillo
 
HTML5 y CSS3: como sacarles partido hoy
HTML5 y CSS3: como sacarles partido hoyHTML5 y CSS3: como sacarles partido hoy
HTML5 y CSS3: como sacarles partido hoy
FRONTDAYS
 
HTML Tour - Responsive Web Design
HTML Tour - Responsive Web DesignHTML Tour - Responsive Web Design
HTML Tour - Responsive Web Design
Plain Concepts
 
CSS3
CSS3CSS3
MAQUETACIÒN WEB-Naomy
MAQUETACIÒN WEB-NaomyMAQUETACIÒN WEB-Naomy
MAQUETACIÒN WEB-Naomy
Hye Sun Liu
 
MAQUETACION WEB
MAQUETACION WEBMAQUETACION WEB
MAQUETACION WEB
Hye Sun Liu
 
Presentación2
Presentación2Presentación2
Presentación2
creto-96
 

Similar a Flexbox y Grid: Los mejores amigos del maquetador (20)

Codigos HTML Lenguaje IV
Codigos HTML Lenguaje IVCodigos HTML Lenguaje IV
Codigos HTML Lenguaje IV
 
¿Qué es Flexbox y Como se Utiliza?
¿Qué es Flexbox y Como se Utiliza?¿Qué es Flexbox y Como se Utiliza?
¿Qué es Flexbox y Como se Utiliza?
 
CSS3
CSS3CSS3
CSS3
 
Guía básica para pegarle al xhtml (Primera parte)
Guía básica para pegarle al xhtml (Primera parte)Guía básica para pegarle al xhtml (Primera parte)
Guía básica para pegarle al xhtml (Primera parte)
 
Front-end Basics for Developers
Front-end Basics for DevelopersFront-end Basics for Developers
Front-end Basics for Developers
 
Acti 04 Css con html5 para creacion de web.pptx
Acti 04 Css con html5 para creacion de web.pptxActi 04 Css con html5 para creacion de web.pptx
Acti 04 Css con html5 para creacion de web.pptx
 
Teoria 2
Teoria 2Teoria 2
Teoria 2
 
What is the flexbox
What is the flexboxWhat is the flexbox
What is the flexbox
 
Webtraining Zone - Grid CSS
Webtraining Zone - Grid CSSWebtraining Zone - Grid CSS
Webtraining Zone - Grid CSS
 
Curso Grid CSS
Curso Grid CSSCurso Grid CSS
Curso Grid CSS
 
LayeRs Dyv
LayeRs DyvLayeRs Dyv
LayeRs Dyv
 
TECNOLOGIAS WEBIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
TECNOLOGIAS WEBIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIITECNOLOGIAS WEBIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
TECNOLOGIAS WEBIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
 
Presentación Seminario Cleformación HTML5, El lenguaje del futuro
Presentación Seminario Cleformación HTML5, El lenguaje del futuroPresentación Seminario Cleformación HTML5, El lenguaje del futuro
Presentación Seminario Cleformación HTML5, El lenguaje del futuro
 
Ez platform-meetup-madrid-march-2018
Ez platform-meetup-madrid-march-2018Ez platform-meetup-madrid-march-2018
Ez platform-meetup-madrid-march-2018
 
HTML5 y CSS3: como sacarles partido hoy
HTML5 y CSS3: como sacarles partido hoyHTML5 y CSS3: como sacarles partido hoy
HTML5 y CSS3: como sacarles partido hoy
 
HTML Tour - Responsive Web Design
HTML Tour - Responsive Web DesignHTML Tour - Responsive Web Design
HTML Tour - Responsive Web Design
 
CSS3
CSS3CSS3
CSS3
 
MAQUETACIÒN WEB-Naomy
MAQUETACIÒN WEB-NaomyMAQUETACIÒN WEB-Naomy
MAQUETACIÒN WEB-Naomy
 
MAQUETACION WEB
MAQUETACION WEBMAQUETACION WEB
MAQUETACION WEB
 
Presentación2
Presentación2Presentación2
Presentación2
 

Más de Mauricio Gelves

Introducción a GitFlow
Introducción a GitFlowIntroducción a GitFlow
Introducción a GitFlow
Mauricio Gelves
 
Segui questi 10 passi per diventare Freelance con WordPress
Segui questi 10 passi per diventare Freelance con WordPressSegui questi 10 passi per diventare Freelance con WordPress
Segui questi 10 passi per diventare Freelance con WordPress
Mauricio Gelves
 
Simple tricks to improve the performance of your site
Simple tricks to improve the performance of your siteSimple tricks to improve the performance of your site
Simple tricks to improve the performance of your site
Mauricio Gelves
 
Gutenberg Blocks Development for Programmers with no time
Gutenberg Blocks Development for Programmers with no timeGutenberg Blocks Development for Programmers with no time
Gutenberg Blocks Development for Programmers with no time
Mauricio Gelves
 
WordPress: el mejor amigo para tu emprendimiento
WordPress: el mejor amigo para tu emprendimientoWordPress: el mejor amigo para tu emprendimiento
WordPress: el mejor amigo para tu emprendimiento
Mauricio Gelves
 
Sviluppo dei blocchi di Gutenberg per programmatori senza tempo
Sviluppo dei blocchi di Gutenberg per programmatori senza tempoSviluppo dei blocchi di Gutenberg per programmatori senza tempo
Sviluppo dei blocchi di Gutenberg per programmatori senza tempo
Mauricio Gelves
 
Gutenberg Blocks Development for Programmers with NO time
Gutenberg Blocks Development for Programmers with NO timeGutenberg Blocks Development for Programmers with NO time
Gutenberg Blocks Development for Programmers with NO time
Mauricio Gelves
 
Desarrollo de bloques de Gutenberg para programadores con poco tiempo
Desarrollo de bloques de Gutenberg para programadores con poco tiempoDesarrollo de bloques de Gutenberg para programadores con poco tiempo
Desarrollo de bloques de Gutenberg para programadores con poco tiempo
Mauricio Gelves
 
Código Bonito con PHP
Código Bonito con PHPCódigo Bonito con PHP
Código Bonito con PHP
Mauricio Gelves
 
Follow these 10 steps to become a freelancer with WordPress
Follow these 10 steps to become a freelancer with WordPressFollow these 10 steps to become a freelancer with WordPress
Follow these 10 steps to become a freelancer with WordPress
Mauricio Gelves
 
Domina el CSS de tu Web con la ténica BEM (bonito, elegante y molón)
Domina el CSS de tu Web con la ténica BEM (bonito, elegante y molón) Domina el CSS de tu Web con la ténica BEM (bonito, elegante y molón)
Domina el CSS de tu Web con la ténica BEM (bonito, elegante y molón)
Mauricio Gelves
 
10 pasos para convertirte en Freelance con WordPress
10 pasos para convertirte en Freelance con WordPress10 pasos para convertirte en Freelance con WordPress
10 pasos para convertirte en Freelance con WordPress
Mauricio Gelves
 
Gutenberg: Pros and Cons for this big change in WordPress
Gutenberg: Pros and Cons for this big change in WordPressGutenberg: Pros and Cons for this big change in WordPress
Gutenberg: Pros and Cons for this big change in WordPress
Mauricio Gelves
 
Il database di WordPress: Dodici tabelle che servono per fare di tutto e di più.
Il database di WordPress: Dodici tabelle che servono per fare di tutto e di più.Il database di WordPress: Dodici tabelle che servono per fare di tutto e di più.
Il database di WordPress: Dodici tabelle che servono per fare di tutto e di più.
Mauricio Gelves
 
Vive de vacaciones con WordPress
Vive de vacaciones con WordPressVive de vacaciones con WordPress
Vive de vacaciones con WordPress
Mauricio Gelves
 
Quiero aprender WordPress ¿Por donde empiezo?
Quiero aprender WordPress ¿Por donde empiezo?Quiero aprender WordPress ¿Por donde empiezo?
Quiero aprender WordPress ¿Por donde empiezo?
Mauricio Gelves
 
Vive de tus sueños con WordPress
Vive de tus sueños con WordPressVive de tus sueños con WordPress
Vive de tus sueños con WordPress
Mauricio Gelves
 
Taller de Iniciación a WordPress
Taller de Iniciación a WordPressTaller de Iniciación a WordPress
Taller de Iniciación a WordPress
Mauricio Gelves
 
WordPress Database: What's behind those 12 tables
WordPress Database: What's behind those 12 tablesWordPress Database: What's behind those 12 tables
WordPress Database: What's behind those 12 tables
Mauricio Gelves
 
La base de datos de WordPress
La base de datos de WordPressLa base de datos de WordPress
La base de datos de WordPress
Mauricio Gelves
 

Más de Mauricio Gelves (20)

Introducción a GitFlow
Introducción a GitFlowIntroducción a GitFlow
Introducción a GitFlow
 
Segui questi 10 passi per diventare Freelance con WordPress
Segui questi 10 passi per diventare Freelance con WordPressSegui questi 10 passi per diventare Freelance con WordPress
Segui questi 10 passi per diventare Freelance con WordPress
 
Simple tricks to improve the performance of your site
Simple tricks to improve the performance of your siteSimple tricks to improve the performance of your site
Simple tricks to improve the performance of your site
 
Gutenberg Blocks Development for Programmers with no time
Gutenberg Blocks Development for Programmers with no timeGutenberg Blocks Development for Programmers with no time
Gutenberg Blocks Development for Programmers with no time
 
WordPress: el mejor amigo para tu emprendimiento
WordPress: el mejor amigo para tu emprendimientoWordPress: el mejor amigo para tu emprendimiento
WordPress: el mejor amigo para tu emprendimiento
 
Sviluppo dei blocchi di Gutenberg per programmatori senza tempo
Sviluppo dei blocchi di Gutenberg per programmatori senza tempoSviluppo dei blocchi di Gutenberg per programmatori senza tempo
Sviluppo dei blocchi di Gutenberg per programmatori senza tempo
 
Gutenberg Blocks Development for Programmers with NO time
Gutenberg Blocks Development for Programmers with NO timeGutenberg Blocks Development for Programmers with NO time
Gutenberg Blocks Development for Programmers with NO time
 
Desarrollo de bloques de Gutenberg para programadores con poco tiempo
Desarrollo de bloques de Gutenberg para programadores con poco tiempoDesarrollo de bloques de Gutenberg para programadores con poco tiempo
Desarrollo de bloques de Gutenberg para programadores con poco tiempo
 
Código Bonito con PHP
Código Bonito con PHPCódigo Bonito con PHP
Código Bonito con PHP
 
Follow these 10 steps to become a freelancer with WordPress
Follow these 10 steps to become a freelancer with WordPressFollow these 10 steps to become a freelancer with WordPress
Follow these 10 steps to become a freelancer with WordPress
 
Domina el CSS de tu Web con la ténica BEM (bonito, elegante y molón)
Domina el CSS de tu Web con la ténica BEM (bonito, elegante y molón) Domina el CSS de tu Web con la ténica BEM (bonito, elegante y molón)
Domina el CSS de tu Web con la ténica BEM (bonito, elegante y molón)
 
10 pasos para convertirte en Freelance con WordPress
10 pasos para convertirte en Freelance con WordPress10 pasos para convertirte en Freelance con WordPress
10 pasos para convertirte en Freelance con WordPress
 
Gutenberg: Pros and Cons for this big change in WordPress
Gutenberg: Pros and Cons for this big change in WordPressGutenberg: Pros and Cons for this big change in WordPress
Gutenberg: Pros and Cons for this big change in WordPress
 
Il database di WordPress: Dodici tabelle che servono per fare di tutto e di più.
Il database di WordPress: Dodici tabelle che servono per fare di tutto e di più.Il database di WordPress: Dodici tabelle che servono per fare di tutto e di più.
Il database di WordPress: Dodici tabelle che servono per fare di tutto e di più.
 
Vive de vacaciones con WordPress
Vive de vacaciones con WordPressVive de vacaciones con WordPress
Vive de vacaciones con WordPress
 
Quiero aprender WordPress ¿Por donde empiezo?
Quiero aprender WordPress ¿Por donde empiezo?Quiero aprender WordPress ¿Por donde empiezo?
Quiero aprender WordPress ¿Por donde empiezo?
 
Vive de tus sueños con WordPress
Vive de tus sueños con WordPressVive de tus sueños con WordPress
Vive de tus sueños con WordPress
 
Taller de Iniciación a WordPress
Taller de Iniciación a WordPressTaller de Iniciación a WordPress
Taller de Iniciación a WordPress
 
WordPress Database: What's behind those 12 tables
WordPress Database: What's behind those 12 tablesWordPress Database: What's behind those 12 tables
WordPress Database: What's behind those 12 tables
 
La base de datos de WordPress
La base de datos de WordPressLa base de datos de WordPress
La base de datos de WordPress
 

Último

WordPress training basics - básicos de cómo enseñar WordPress
WordPress training basics - básicos de cómo enseñar WordPressWordPress training basics - básicos de cómo enseñar WordPress
WordPress training basics - básicos de cómo enseñar WordPress
Fernando Tellado
 
FICHA DE EDUCACIÓN RELIGIOSA 17 DE CTUBRE LA oracion.docx
FICHA DE EDUCACIÓN RELIGIOSA  17 DE CTUBRE LA  oracion.docxFICHA DE EDUCACIÓN RELIGIOSA  17 DE CTUBRE LA  oracion.docx
FICHA DE EDUCACIÓN RELIGIOSA 17 DE CTUBRE LA oracion.docx
EmilyEsmeraldaQuispe
 
caso clinico de trastorno de personalidad obsesivo- compulsivo.pdf
caso clinico de trastorno de personalidad obsesivo- compulsivo.pdfcaso clinico de trastorno de personalidad obsesivo- compulsivo.pdf
caso clinico de trastorno de personalidad obsesivo- compulsivo.pdf
RoxanaJuarezTello
 
10. Táctica y Estrategia en Fútbol autor Oscar Milton Rivas (1).pdf
10. Táctica y Estrategia en Fútbol autor Oscar Milton Rivas (1).pdf10. Táctica y Estrategia en Fútbol autor Oscar Milton Rivas (1).pdf
10. Táctica y Estrategia en Fútbol autor Oscar Milton Rivas (1).pdf
XxsmalXxYT
 
Estructuras b-sicas_ conceptos b-sicos de programaci-n.pdf
Estructuras b-sicas_  conceptos b-sicos de programaci-n.pdfEstructuras b-sicas_  conceptos b-sicos de programaci-n.pdf
Estructuras b-sicas_ conceptos b-sicos de programaci-n.pdf
edepjuanorozco
 
Oración a Pomba Gira María Padilha .docx
Oración a Pomba Gira María Padilha .docxOración a Pomba Gira María Padilha .docx
Oración a Pomba Gira María Padilha .docx
LuisAlbertoCordovaBa
 
Diapositiva Herramientas Web, Tema Web 3.0.pptx
Diapositiva Herramientas Web, Tema Web 3.0.pptxDiapositiva Herramientas Web, Tema Web 3.0.pptx
Diapositiva Herramientas Web, Tema Web 3.0.pptx
erick502105
 
Los derechos de autor y Ética Profesional
Los derechos de autor y Ética ProfesionalLos derechos de autor y Ética Profesional
Los derechos de autor y Ética Profesional
bgonzalezm20
 
blog.pdf de coceptos de personalidad....
blog.pdf de coceptos de personalidad....blog.pdf de coceptos de personalidad....
blog.pdf de coceptos de personalidad....
JosvilAngel
 
Biografía Eugenio Díaz Castro su vida y su libros
Biografía Eugenio  Díaz Castro su vida y su librosBiografía Eugenio  Díaz Castro su vida y su libros
Biografía Eugenio Díaz Castro su vida y su libros
jhannimejia
 
ayuda en egresos exposición aps 1 grupal
ayuda en egresos exposición aps 1 grupalayuda en egresos exposición aps 1 grupal
ayuda en egresos exposición aps 1 grupal
jesusmedina766305
 
SEGURIDAD INFORMATICA- Ariana Vicente Cruzatt
SEGURIDAD INFORMATICA- Ariana Vicente CruzattSEGURIDAD INFORMATICA- Ariana Vicente Cruzatt
SEGURIDAD INFORMATICA- Ariana Vicente Cruzatt
vicenteariana54
 
5 CRITERIOS PARA EL DISEÑO DE DIAGRAMAS DE FLUJO.pptx
5 CRITERIOS PARA EL DISEÑO DE DIAGRAMAS DE FLUJO.pptx5 CRITERIOS PARA EL DISEÑO DE DIAGRAMAS DE FLUJO.pptx
5 CRITERIOS PARA EL DISEÑO DE DIAGRAMAS DE FLUJO.pptx
AlexanderCR12
 
Clases de Informática primaria para niños de colegios católicos
Clases de Informática primaria para niños de colegios católicosClases de Informática primaria para niños de colegios católicos
Clases de Informática primaria para niños de colegios católicos
mcavero2019
 

Último (14)

WordPress training basics - básicos de cómo enseñar WordPress
WordPress training basics - básicos de cómo enseñar WordPressWordPress training basics - básicos de cómo enseñar WordPress
WordPress training basics - básicos de cómo enseñar WordPress
 
FICHA DE EDUCACIÓN RELIGIOSA 17 DE CTUBRE LA oracion.docx
FICHA DE EDUCACIÓN RELIGIOSA  17 DE CTUBRE LA  oracion.docxFICHA DE EDUCACIÓN RELIGIOSA  17 DE CTUBRE LA  oracion.docx
FICHA DE EDUCACIÓN RELIGIOSA 17 DE CTUBRE LA oracion.docx
 
caso clinico de trastorno de personalidad obsesivo- compulsivo.pdf
caso clinico de trastorno de personalidad obsesivo- compulsivo.pdfcaso clinico de trastorno de personalidad obsesivo- compulsivo.pdf
caso clinico de trastorno de personalidad obsesivo- compulsivo.pdf
 
10. Táctica y Estrategia en Fútbol autor Oscar Milton Rivas (1).pdf
10. Táctica y Estrategia en Fútbol autor Oscar Milton Rivas (1).pdf10. Táctica y Estrategia en Fútbol autor Oscar Milton Rivas (1).pdf
10. Táctica y Estrategia en Fútbol autor Oscar Milton Rivas (1).pdf
 
Estructuras b-sicas_ conceptos b-sicos de programaci-n.pdf
Estructuras b-sicas_  conceptos b-sicos de programaci-n.pdfEstructuras b-sicas_  conceptos b-sicos de programaci-n.pdf
Estructuras b-sicas_ conceptos b-sicos de programaci-n.pdf
 
Oración a Pomba Gira María Padilha .docx
Oración a Pomba Gira María Padilha .docxOración a Pomba Gira María Padilha .docx
Oración a Pomba Gira María Padilha .docx
 
Diapositiva Herramientas Web, Tema Web 3.0.pptx
Diapositiva Herramientas Web, Tema Web 3.0.pptxDiapositiva Herramientas Web, Tema Web 3.0.pptx
Diapositiva Herramientas Web, Tema Web 3.0.pptx
 
Los derechos de autor y Ética Profesional
Los derechos de autor y Ética ProfesionalLos derechos de autor y Ética Profesional
Los derechos de autor y Ética Profesional
 
blog.pdf de coceptos de personalidad....
blog.pdf de coceptos de personalidad....blog.pdf de coceptos de personalidad....
blog.pdf de coceptos de personalidad....
 
Biografía Eugenio Díaz Castro su vida y su libros
Biografía Eugenio  Díaz Castro su vida y su librosBiografía Eugenio  Díaz Castro su vida y su libros
Biografía Eugenio Díaz Castro su vida y su libros
 
ayuda en egresos exposición aps 1 grupal
ayuda en egresos exposición aps 1 grupalayuda en egresos exposición aps 1 grupal
ayuda en egresos exposición aps 1 grupal
 
SEGURIDAD INFORMATICA- Ariana Vicente Cruzatt
SEGURIDAD INFORMATICA- Ariana Vicente CruzattSEGURIDAD INFORMATICA- Ariana Vicente Cruzatt
SEGURIDAD INFORMATICA- Ariana Vicente Cruzatt
 
5 CRITERIOS PARA EL DISEÑO DE DIAGRAMAS DE FLUJO.pptx
5 CRITERIOS PARA EL DISEÑO DE DIAGRAMAS DE FLUJO.pptx5 CRITERIOS PARA EL DISEÑO DE DIAGRAMAS DE FLUJO.pptx
5 CRITERIOS PARA EL DISEÑO DE DIAGRAMAS DE FLUJO.pptx
 
Clases de Informática primaria para niños de colegios católicos
Clases de Informática primaria para niños de colegios católicosClases de Informática primaria para niños de colegios católicos
Clases de Informática primaria para niños de colegios católicos
 

Flexbox y Grid: Los mejores amigos del maquetador