Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

flexbox

Avatar for wyzer wyzer
May 10, 2017
Programming
34
0

 flexbox

explicacion pequeña sobre flexbox

Avatar for wyzer

wyzer

May 10, 2017

Other Decks in Programming

See All in Programming
C#の現在地 進化の歴史と、AI時代の.NET Everywhere
Avatar for Yoshifumi Kawai neuecc
5
5.2k
【加筆修正版】Laravel のアプリケーションをどこにデプロイするか #phpcon_ehime
Avatar for akase244 akase244
0
150
IBM Bob でAI駆動開発『QC-Playbook』
Avatar for 1kano ichirokano2
0
110
TechTown - Creating Composable Callables in Contemporary C++
Avatar for Björn Fahller rollbear
0
130
re:Inventに行く前に知っておきたい現地参加のノウハウ
Avatar for nokomoro3 nokomoro3
0
430
すこし踏み込む CancellationToken
Avatar for tkym htkym
2
1.7k
AWS CDKのカスタムリソースでContinuum（旧Security Agent）を実装した話 | Implementing Continuum (formerly Security Agent) via AWS CDK Custom Resource
Avatar for アキキー | Akihisa Ikeda akihisaikeda
2
150
コーディング自動化の次へ。人の介入をゼロにするファクトリーとサポートAIによる実践
Avatar for Seiji Takahashi timakin
4
3.5k
The Rails Doctrine Decade
Avatar for Koichi ITO koic
2
590
Simple Storage Service(S3) is not simple
Avatar for Yura Iwatsuka iwatsukayura
0
290
AWSに止められる覚悟してますか？
Avatar for モリゾー morizo_1984
2
530
作って学ぶSpring BootのAuto Configuration / JJUG Night Seminar 2026-10-19
Avatar for Ryo Shindo rshindo
0
150

Featured

See All Featured
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
55
13k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
280
24k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
41
2.8k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.9k
Avoiding the “Bad Training, Faster” Trap in the Age of AI
Avatar for Mike Taylor tmiket
0
270
Claude Code どこまでも/ Claude Code Everywhere
Avatar for nwiizo nwiizo
68
59k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.6k
First, design no harm
Avatar for Per Axbom axbom
PRO
2
1.3k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
123
22k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
38
3.1k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
31
6.3k
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
Avatar for Aleyda Solis aleyda
1
2.2k

Transcript

  1. Native Responsive Design Leonel islas twiter: @leo_ary git: Wyz3r

  2. FLEXBOX

  3. ¿Que es flexbox? Es un modulo de css3 que nos

    ayuda a hacer responsive design de manera nativa y limpia

  4. Componentes principales

  5. Alineamiento

  6. Wrap

  7. justificación

  8. Ordenamiento css Browser html(pug)

  9. alineamiento por elemento

  10. ¿Porque usarlo? vs FLEXBOX

  11. Ventajas Nos ayuda a tener menos código No depender de

    librerías de terceros Dejar de usar propiedad float para diseño responsive

  12. referencias https://css-tricks.com/snippets/css/a-guide-to-flexbox/ https://desarrollofullstack.wordpress.com/2016/05/20/guia-de-flexbox-con-ejemplos/