3 Aralık 2014, ÇARŞAMBA

Polimer Öğreticiler #11 - Düzen Öznitelikleri

Hey bu bugün gallo öğreticiler ve o düzeni kullanmak zorunda polimer kullanılarak nitelikleri şimdi biraz hafifletmek gerekir sevgili yıl önce ve biz konum bu videoyu doğru olanı Blu-ray papaz olmalıdır olacak yaptıklarını tam olarak ne size göstermek ve bunları nasıl kullanabileceğinizi iki HTML kullanarak düzenleri tanımlamak böylece nerede izlemeye devam böylece tamam şimdi başlamak için çift ​​o biz burada bazı nitelikleri içine düştü bir hedef olduğunu Bu tam sayfa düzeni ve dikey esnek Adının Wieser onlar dışında ne yaptıklarını üzerinde breezed Şuna biz onlar bizim projeye bazı esnek kutu

CSS ekleme olduğunu kaydetti Aslında herhangi bir CSS okumadan bu bir polimer maliyet düzen vardır nitelikleri ve ne zaman dikkat etmelisiniz, bu bir olarak kabul edilir olmasıdır bir polimer deneysel bir özell

iktir ve onların belgelerine kontrol etmek en iyisi olacak açıklamasında burada bir ara bazı polimer projesini pişirme Bu videoyu şarkı var br açıklama bağlantı eklemek ve bunu kontrol edebilirsin

“Polimer Düzeni Özellikleri ile HTML özniteliklerini kullanarak esnek-box düzen özellikleri eklemek için öğrenin. https://www.polymer-project.org/docs/polymer/lay...”
LevelUpTuts

iz onun şey en Belki şimdi emin olabilirsiniz bu şekilde çalışıyor şey değişti eğer doğru sözdizimi var Polimer belgeleri onun a tanımladığı gibi Solway düzen nitelikleridir bildirime düzen sistemi CSS esnek kutusunu kullanarak inşa Eğer esnek paketleri ile aşina değilseniz öğreticiler yapıyor olacak kadar seviye esnek kutu hiçbir şey deli sekiz kısa az bir video serisi ama onun gerçekten süper cool Eric sadece eğer zaten üzerinde izin büyük bir CSS Tri

Polimer Öğreticiler #11 - Düzen Öznitelikleri Resim 1 Polimer Öğreticiler #11 - Düzen Öznitelikleri Resim 2 Polimer Öğreticiler #11 - Düzen Öznitelikleri Resim 3 Polimer Öğreticiler #11 - Düzen Öznitelikleri Resim 4

cks var en size temel bir anlayış vermeli kutusuna izin CSS Tricks için ne bakmak Eğer fluxbox'a ile başarabilirsiniz Gerçekten tek nedeni fındık gidiyor değil fluxbox'a üzerinde dürüstçe tarayıcı desteği ama şartlarda Tamam yaratma düzenleri asla ettik Sonra CSS ile daha iyi bir deneyim oldu am daha az dolar yüzden bu ne üzerinde bazı gidelim ile Ben nitelikleri sorta temelde yapıyoruz Düzen bu beden olacak anlamına kekeme olduğunu Bir esnek düzeni için bir kap temelde burada şeyler söylüyor ışı

n bayrağı edebilmek için gidiyoruz Bu konuda ext bir tam sayfa temelde demektir vücut tüm portunu kadar sürecekse Şimdi aramak için ne anlama gidiyor içimizdeki var düzen vücut içinde bulunan unsurlar olmayın Ben sadece disk veya başlık paneli esnek olacak olurdu dikey iki gösteri yukarı aşağı biraz daha bazı temel gidelim örnekler burada son kez düştü skor simgeleri iyileştirmiştir ve ben burada yaptım Oranı gidiyor ve bu Dave içinde yaşıyorum Üç ayrı olması verir ve böylece atalım k gidiyorum Hızlı bir örnek yapmak ve bu bir polimerler dokümantasyon düz geliyor Biz 3 size bir kaydedebilirsiniz Bu şimdi Şimdi bu yapmak için buraya bazı stilleri ekleyelim gibi bu yüzden sınıf örnek görebilirsiniz bariz Böyle bu örnek sınıfını kullanarak olarak diyebiliriz ki bu örnek sevgili uh söyleyebilirim arka plan% oldukça geç bazı olduğunu vardır Renk biz sadece aslında bu koyu gri irade olacak o olacak diyebilirim olmak 3 33 ve daha sonra örnek ile herhangi efendim Dave sınıf nedenle herhangi doğrudan türetilmiş ve örnek bir altyapıya sahip olacak Bir o, bir eBay K bulunuyor sadece böyle en bizim CSS kontrol edelim Ridge TRCE checkin oldu biz aslında şu anda var Bir sonraki ve böylece biraz taze konum ve biz üç Dave kapsayan dört Wat sahip beklediğiniz tam olarak biri buraya üç size ve çünkü okuma okşama dadı % uh Burnett sadece resimler bir çift konteyner sows devam gördüm ve vardı dolgu malzemesi hatta sadece 10 metinleri yukarı çevresindeki tüm ekleyerek söylemeye başlar Şimdi bu düzen kullanarak gidiyor adlandırıyoruz Bu Dave istediğiniz ilk topu niteliklerini Bu sarma biz bu olmak istiyorum orada bu örneği yaptım Biz kullanmak için gidiyoruz böylece esnek düzen düzen nitelik ve şimdi biz bu olacak olup olmadığını belirlemek istiyorum yatay veya dikey% uh en doğrusu yatay kullanmasına izin Bu örnekte sadece böyle bu yüzden şimdi yatay düzen var ve biz olmak zorunda hepsi ve biz yenileme bizim sayfaya gelirseniz Eğer şu anda sahip konteyner div olduğunu görebilirsiniz Üç Dave yatay onun içinde ortaya koydu ile aralarında hiçbir boşluk etkin bir kontrol ile Bugünlerde herhangi bir CSS bundan kendilerine başka uygulanmış yok görebiliyorum arka plan rengi ama örnek bu dolar yön satır ve ekrana sahiptir Hatta burada bir kaç Impreza önek biz WebKit var da dahil olmak üzere bunu mum siyahlar ve Ms esnek bizim için artık bu biraz boşluk soran böylece biz sadece bu gün biz de onları marjinal ama istiyorum söyleyebiliriz 10 piksel şimdi biz yenilemek olarak onlar uh 10 piksel bir marj% olurdu her yerinde yol ve bize uzayın biraz verir aralarında ve onlar hala eşit aralıklı burada konum iyi aksiyon sağ cádiz Lex özniteliği gördük Bir esnek burada kullanılan ama biz bu orta sevgili içine atmak ne olacağını görmek Biz sadece bu yerde bir de aslında bir haraç kullanarak burada gerçekleşecek Bu kutu dışarı kalan boşluğu doldurmak seviyor Eğer bisiklet bisiklet kullanılan değil varsa oldukça olmalı önce Austin T ama o ne demek biz herhangi yapmak zorunda değilsiniz, çünkü hesaplamalar aslında biz başka sadece 84 yaptım olsaydı hissettiriyor yani 'gerekli bu alanı temel 1234 sürebilir Onlar Phil'in sonra almak zorunda ve yarım uzay Her şey kadar İstersek aynı şekilde bu boyutta bazı sorta oranında görünmesini Flex oranı kullanmak ve bütün bu esnetilmiş verebilir ve örneğin söyleyebiliriz Bu ilk 3 kadar sürecekse ve Bu sonuncusu üç kadar sürecekse bu yüzden sayfayı yenileyin şimdi eğer onlar eşit olmak için gidiyoruz görebilirsiniz bir diğerinin üzerinde bir oranda dağıtılmış 22 3 motor üzerinde bu tepki olduğunu ile sayfa sadece bu serin süper hakkı gibi ve en biz bunu değiştirmek ne olur görelim Dikey olmak için bir yatay ortaya koymak bir Flex bu yüzden sadece düşey yatay değiştirerek biz şimdi yenilemek biz bazı garabeti var fark yok iyi biz aslında ana div yüksekliği vermek zorunda Bu örnek, aksi takdirde çalışması için yapacağız var konum Tamamen bu sadece bir şey artık sırıtmak bekliyorsanız örnek Dave bize bir yükseklik verebilir buna böylece 300 piksel gibi ve gördüğünüz gibi bir şey Ben aşağı kaydırabilirsiniz olacak ve ben bu uzaklaştırdınız yaşıyorum beri gibi görünmüyor 3:20 Bir de dolgu ile 300 piksel ama Bundan daha büyük bir yol ama gibi pek görünüyor cinsiyetçilik ve biraz ben olacak Burada gördüğünüz gibi aynı oran 1223 bu sadece söylediler Dikey şimdi biraz diğer düzen özellikleri biz ne de var ben bir değilim sadece ferahlatıcı yazarak hep gösteren söz konusu polimerler belgelere kısıtlama ve burada aşağı doğru ilerleyin ve biz burada bazı diğer öğeleri olduğunu görebilirsiniz Ben bu yüzden Merkezi gidiyor olması başlangıç ​​veya bitiş kullanarak yatay düzende dikey merkez elemanları biz görebilirsiniz aşağı gelebilir üst veya alt kısmındaki şeyler konumlandırabilirsiniz haklı oylandı fonların diğer türleri bir başlangıç ​​için haklı Merkezi haklı ve meşru ve sadece gerçekten can check out tüm bu farklı olanları olabilir vardı etrafında her şeyi tamamen yapar nerede haklı kadar ayrı olabilecekleri gibi ve bunu sadece tüm bu soğutucu ve soğutucu almak tutar gördüğünüz gibi Farklı düzen özellikleri Bu farklı aslında dayak kapların tümü arasında öylesine Bazı oldukça serin düzenleri oluşturmak mümkün olmalıdır Burada aşağı gördüğünüz gibi şimdi de bazı genel amaçlı olanlar var göreli ve uyum içinde blok hit gibi bir şey ekran yapmak bir blok: Ekranda blok hit: yok bağıl konumu ve bu sizin düzeni vardır Şimdi ben onların nitelikleri hakkında nasıl hissettiğimizi çit hala yaşıyorum nitelikleri BEN tipik benim düzenleri CSS benim bir styling tutmak gibi CSS hi Ben kesinlikle kullanıldığında bu süper kullanışlı hale nasıl görebilirsiniz doğru yol Ben yakıt bu içinde her türlü belge yukarıya sahip özledim En iyi çözüm olmayabilir nitelikleri ama sonra tekrar bu sadece hala Deneysel olarak listelenen bu yüzden sadece polimer ile birçok şey gibi etrafında oynamak için eğlenceli bir çok şey Ben önemli herhangi bir tür üzerinde kullanarak devam edin, eğer şu anda ama ben bilmiyorum proje yani check it out her zaman olduğu gibi seviyesi ile Cisco polimer kullanılarak görüşlerinizi bildirin öğreticiler kadar bir komedi majesteleri herhangi bir soru veya yorumlarınız varsa düzeyinde Facebook veya Twitter hakkında Tut'ın sevgi kadar benden izlemek için teşekkür duymak ve bir sonraki görürsünüz tarafından.

Açıklama

Polimer Düzeni Özellikleri ile HTML özniteliklerini kullanarak esnek-box düzen özellikleri eklemek için öğrenin. https://www.polymer-project.org/docs/polymer/layout-attrs.html Ekstra özellikler için Pro Up Düzeyine abone olun! http://leveluptuts.com/level-up-pro Level Up Haber Bülteni Abone http://eepurl.com/AWjGz Sorularınız için yorumlar veya ziyaret sonrası: http://leveluptuts.com/forum Level Up Tuts Destek: http://leveluptuts.com/donations Geliştiriciler için inşa basit bulut barındırma, .: https://www.digitalocean.com/?refcode=67357174b09e

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

LevelUpTuts

LevelUpTuts

Ön uç web geliştiricileri için Öğreticiler. Level Up Tuts web geliştirme ve diğer medya uygulamaları ücretsiz öğreticiler sağlamanın bir yolu olarak Scott Tolinski ve Ben Schaaf tarafından başlatıldı. Biz bir medya yaratıcısı olarak büyüme bizim bilgi yararlı bulacağını umuyorum. Biz tam zamanlı (ve freelance) geliştiriciler Çünkü, Level Up Tuts sana getirmek için biz çalışıyoruz, bir yandan projesidir. Eğer öğrendiklerini hoşlanıyorsanız bu yüzden yeni dersler yapmaya devam edebilirsiniz bağış yapmak için çekinmeyin. Level Up Tuts bu hızlı anketi doldurarak geliştirmemize yardımcı olun https://docs.google.com/forms/d/1x7MTNp_umnvdkwJ5dfOVnnJtndkYdU7EDoCE9r8bYBk/viewform

YORUMLAR



10/10

  • 61
    Olumlu
  • 0
    Olumsuz
  • 4
    Yorum
  • 5373
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • Elly

    Elly

    3 EKİM 2005
  • Michelle Phan

    Michelle Pha

    18 Temmuz 2006
  • Plugable

    Plugable

    19 Mayıs 2010

ANKET



Bu sayfa işinize yaradı mı?