3 Aralık 2014, ÇARŞAMBA

Polimer Öğreticiler #10 - Ana Simgeleri

Hey bu öğreticiler yukarı düzeye var ve bugün de koşuyoruz olmadan Polimer çekirdek kullanan simgeler iki yıllık bir proje Simgeler artık basit kullanarak daha seni çok seviyorum önemli Biz kullanıyorum ve o sonra erişim gibi HTML ithalat 800 SVG Seni yeniden boyutlandırma şekillendirebilirsiniz görebilirsiniz ve bu polimer simgeler gerçekten kullanımı süper kolay ve ihtiyacınız nasıl şekil Kolay başlamak için bu yüzden biz tanıttı videoyu taciz şimdi bunu yapmasına izin Bazı temel düzen elemanları ve ne yaptık inşa edilmiştir üstünde bir araç çubuğu için izin verilen bir başlık paneli var v

e sonra Gördüğünüz gibi aşağıda bir içerik alanı biz üst kısmında bir bar var bizim Aşağıda sadece bir bizim içerik alanında bu biraz hayatı vardı ve yapacağız bu polimer çekirdek kullanıyor olacak yapmak konum ne ikonlar ve şi

mdi skor simgeler gerçekten sadece vardır Eğer polimer kullanılarak eğer alabilirsiniz kolay yolu Bunun neresi gerçekten harika bu SPG simgeleri kullanabilirsiniz olduğunu CSS bu simgeleri değişt

“Hızla Polimer Çekirdek Simgeleri kullanarak Polimer projeye SVG simgeleri düşmesi öğrenin https://www.polymer-project.org/components/core-icons/demo.html https:...”
LevelUpTuts

irmek ve endişelenmenize gerek yok Onlar şarkıcı vardı ama aynı zamanda yeterince görüntü yaklaşık 5 endişe eğer bunları değiştirme onlar finanse değil çünkü render Onlar bu yüzden önde gidelim Geez BSP gidiyoruz ve bu simgeleri almak için ithalat ne gerek ithalat Her şeyi yüklemek vermedi şimdi çalışıyor biz başında yaptığımız gibi bu yüklemeniz gerekir gidiyoruz biz veriyoruz güç bileşeni zaten her şeyi yüklü beri çekirdek simgeleri Biz çekirdek simgeler var olduğu

Polimer Öğreticiler #10 - Ana Simgeleri Resim 1 Polimer Öğreticiler #10 - Ana Simgeleri Resim 2 Polimer Öğreticiler #10 - Ana Simgeleri Resim 3 Polimer Öğreticiler #10 - Ana Simgeleri Resim 4

nu görmek Çekirdek I ayarlayabilir ya da araba simge seti skor simgesi kombine Yüklü olanlar yoksa tire SPG şimdi sen devam et ve yapmak istiyorsan bu yüzden Yıldız polimer çekirdek simgeleri gücünü kullanarak Bir komuta ve ben go ahead ve yapıştırmak için gidiyorum Polimer proje sayfasından ondan video açıklaması içine bağlantı gösterir nasıl bu yüklemek için bizim komuta ve tam biz zaten olmuştur gibi pek bizim yapmak istediğimiz ilk şey önemlidir bazı burada hiçbiri bağlantı var bizim temel simgeleri almak istedi

ğiniz cinsel kenar çubuğu çok daha küçük hale nistam çekirdek yani çekirdek simgelerini araç çubuğu Bir yeniden çekirdek simgeler HTML dot bu yüzden bar bileşeni puanı simgeleri çekirdek I çalışabiliriz var HTML şimdi polimerler kullanmaya hazırsınız yerleşik Örneğin çekirdek simgeler, biz polimer logosunu kullanmak isteseydiniz biz önde gidip sadece burada ölü bırakabilirsiniz Çekirdek tire simgesi eleman etiketi ve sonra biz ve biz bir dize geçmek için gidiyoruz gerektiğini edemez var Bu türün polimer olacak tamam polimer logosunu kullanarak gidiyoruz çünkü şimdi biz sadece istiyoruz Bu eleman kapatmak ve en önde gidip biz şimdi en doğrusu muayene izin var sayfamızı 220 tazeleyelim Bu biz burada ne var görmek için ve biz simgesi puan var ama gördüğünüz gibi biz bir hesaplaşmaya içine bu kadar açık olursa Eğer biz bir SVG etiketine sahip bakınız bu ilgili serin ne gerçekten harika işte bunun üzerine bazı özellikler şimdi biz Ben aslında CSS ile bu stil uygulayabilirsiniz burada bu özelliğe sahip Bu herkes aslında yapmak için bu sadece bir stil konusunda artık o harika bizim CSS Bir stil veya simgesine satış ve biz aslında Joe onları indirmek veya alarak özelliklerini kullanarak yapabilirsiniz Burada parantez ve sonra biz özellik söyleyebiliriz polimerin eşit şu sadece şimdi hafta sonu tarzı böyle Simge özellikle bu yüzden go ahead ve bu diyecektim bazı özellikleri vereyim rengi mavi, bu gerçekten çirkin olabilir Standart mavi ve sonra biz söyleyebiliriz nefret% uh 50 piksel ile bir A 50 piksel şimdi en bizim HTML kontrol edelim ve gördüğünüz gibi biz bu büyük vardı Burada görüntü ve böylece biz gidiyoruz herhangi bir garip ölçekleme şeyler almak değil bir SPG var üzerinde mavi ve birlik olmanın renkler ağır basan ile yüksek olması Çekirdek simgesi gizlemek ve şimdi bu ile lee tam içine müthiş biz her zaman elimden geleni yüklemeden harcamak zorunda olabilir olacak tatlı bulmak ve herhangi olması yabancı mark-up biz temelde sadece bir etiket var Bu simge ve ne diyor Yaşınıza görüntüleme 10 saat hemen belli Ne ben nezaket Eğer merak ediyor olabilirsiniz ancak biz kullanabileceğiniz simgeler Açıkçası ne I can Polimer istediğimiz tek simgesi değildir bu yüzden buraya gelebilir de sahip oldukları demo sayfası çekirdek simgeleri Polimer projenin web sitesinde ve alabilirsiniz olan yorum bölümünde sizin için yaptığı sayfa kullanılabilir hale Orada Ben listeledik aynı diğer sayfası aracılığıyla Bir video yukarı ve biz var burada gördüğünüz gibi açıklama bölümü kesimler tarafından her türlü ve farklı türleri listelenir konum Biz varsayılan sizin çekirdek üzerinden kullanılabilir olacak budur dedi Biz aşağı kaydırma eğer simgeler ve diğer bazı simgeler gibi var görürsünüz AV simgeleri ve burada diyor bunu ithal etmek olabilir olacak Bu kullanabilmeniz için böylece AB HTML eğitim alabilirim AVI, HTML çalışabilirsiniz ithal etmek zorunda ve aşağı kaydırma biz iletişim simgeler var bakın biz seni arayan kulüpler cihaz simgeler var Bluetooth gibi şeyler şarj editör simgeleri erişim Burada sağ şeyler donanım% uh her türlü bu yüzden bile sizinle bu sosyal simgeleri sahiptir sosyal simgeleri ile yoksul kendisine olurdu HTML Onların yolu Instagram Facebook gibi şeylere erişmek olurdu senin müthiş eğlenceli gibi şeyler görürdük, böylece girişim adam dedi gelmek hub olsun hepsi burada ve simgeler aslında onu çok kullanıyorum gerçekten harika görünüyorsun olsun göbeğine zaten son zamanlarda sadece Google'ın aşağı polimer projeler üzerinde Bunların deposu yüzden burada büyüyüp izin ve Eğlenmek için en Biraz daha ileride bu Android simgesi ekleyelim Ben Android gibi ve burada aşağı doğru ilerleyin Çekirdek simgesi için ben sadece kopyalayıp bu yapıştırabilirsiniz ve o zaman sadece sizin için bu değişiyor alır görebiliyorum Android sayfamıza geri geliyor tasarrufu canlandırıcı ve biz boyut ve stil özgürsünüz orada başka bir simge var ancak biz memnun tamam şimdi biz biraz daha fazla simgeleri kullanmak için denemek istiyorum Farklı bir I adlı biz kolay sosyal simgeler kazandı diyelim söyleyebiliriz bu yüzden go ahead ve bu çekirdek kopyalamak izin simgeler biz burada daha önce vardı deyimi ithalat ve sözü geçen bir yapacağız yani hala aynı bu ilk pat tutmak ve yırtmaç konum veya ancak şimdi simgeler sosyal çizgi edilecek gidiyor HTML şimdi bütün ana erişimi simgeleri Sosyal simgeler hücre herkesi ve bunlardan her biri Sadece yeni bir çekirdek yapıştırmak izin Ben daha önce vardı gibi can şimdi biz bu sosyal etiketleri böylece kullanarak gidiyoruz ben bir sosyal kullanılacak gidiyor olabilir ve sonra ben tür istediğiniz kolon olması bu yüzden Instagram istediğini söylüyor ve aslında sadece Instagram değil onun Mesajı Instagram böylece sosyal Colin post-yüksek Instagram yenilemek ve şimdi biz bu var bakın biz onunla istediğinizi yapabilirsiniz burada gece Instagram SVG hoş şimdi sadece düşmesi mümkün ve ben polimer kullanılarak diyebilirim O temel çekirdek polimer I kesim var Burada gösterdiğim sayfada çekirdek simgeleri kontrol çekinmeyin müthiş simgeleri görmek için bir sonraki videoda vardır bu düzen biz kısaca bahsettik olduğunu niteliklerini keşfetmek için gidiyoruz Paul gibi önceki video Kurşun düzen ve dikey izlemeye devam etmek ve onlar hakkında daha fazla konum Ne polimer sunabileceği Her zaman olduğu gibi izliyor ve yaparız bir aşk hikayesi als sayesinde bu adam var Bir sonraki görmek tarafından.

Açıklama

Hızla Polimer Çekirdek Simgeleri kullanarak Polimer projeye SVG simgeleri düşmesi öğrenin https://www.polymer-project.org/components/core-icons/demo.html https://www.polymer-project.org/docs/elements/icons.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

  • 58
    Olumlu
  • 0
    Olumsuz
  • 11
    Yorum
  • 5025
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • DRDAnimation

    DRDAnimation

    28 EYLÜL 2012
  • Kap Slap

    Kap Slap

    8 Mart 2010
  • Mary Jane Tauyan

    Mary Jane Ta

    20 AĞUSTOS 2009

ANKET



Bu sayfa işinize yaradı mı?