Upgrade to Pro — share decks privately, control downloads, hide ads and more …

flexbox

Avatar for wyzer wyzer
May 10, 2017
Programming
31
0

 flexbox

explicacion pequeña sobre flexbox

Avatar for wyzer

wyzer

May 10, 2017

Other Decks in Programming

See All in Programming
Spec-Driven Development with AI Agents (Workshop, May 2026)
Avatar for Anton Arhipov antonarhipov
3
350
SkillsをS3 Filesに置く時のあれこれ
Avatar for watany watany
3
1.6k
Lightning-Fast Method Calls with Ruby 4.1 ZJIT / RubyKaigi 2026
Avatar for Takashi Kokubun k0kubun
3
3k
サプライチェーン攻撃対策「層を重ねて落ちない壁」を10日間で組み上げた話 #TechLeadConf2026
Avatar for Kashun Yoshida kashewnuts
1
280
Agent Skills を社内で育てる仕組み作り
Avatar for jackchuka jackchuka
1
2k
AIベース静的検査器の偽陽性率を抑える工夫3選
Avatar for Kuniwak orgachem
PRO
4
460
UaaL×Androidアプリのメモリ計測 — Memory Profilerの先へ
Avatar for Ryosuke Shimizu (RIO) rio432
0
160
ハーネスエンジニアリングにどう向き合うか 〜ルールファイルを超えて開発プロセスを設計する〜 / How to approach harness engineering
Avatar for r-kagaya rkaga
28
22k
Augmenting AI with the Power of Jakarta EE
Avatar for ivargrimstad ivargrimstad
0
410
書き換えて学ぶTemporal #fukts
Avatar for Hiroyuki ANAI pirosikick
2
370
運転動画を検索可能にする〜Cosmos-Embed1とDatabricks Vector Searchで〜/cosmos-embed1-databricks-vector-search
Avatar for 開発室Graph studio_graph
3
910
PHPでバイナリをパースして理解するASN.1
Avatar for muno92 muno92
PRO
0
460

Featured

See All Featured
Believing is Seeing
Avatar for Spiro Bolos oripsolob
1
120
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
31
5.9k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
37
6.4k
Technical Leadership for Architectural Decision Making
Avatar for Kenny Baas-Schwegler baasie
3
360
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
3k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
281
24k
How to Align SEO within the Product Triangle To Get 
Buy-In & Support - #RIMC
Avatar for Aleyda Solis aleyda
2
1.5k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
15k
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
2
360
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
39
3.1k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
420

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/