2 Mart 2012, Cuma

Öğreticiler #10 - İşlevlerinde İnşa Küstahlık

Bununla hey bu seviye yukarı gelgit ile Scott Lewinski olduğunu ve bugün biz sass işlevi becerilerini kadar tesviye olabilir bu yüzden bugün üzerinde bazı işlevler gideceğim orada konum Dahili ve çıkmak veya bir sürü bina hakkında konuşuyor olacak, sonra değerlendirmek ve sizin kendi fonksiyonları ve böylece ile birlikte geliyor güç dört kişilik örneği yapacağımız güzel bir şey yapmak n Kolay biz gidiyoruz Bu arka plan rengini almak 333 ve biz RGBA değerine dönüştürmek için gidiyoruz ve biz başka bir kanal için bir değer almayalım so Bu o dayalı şeffaf ve her türlü yüzdesi yapmak için gidiş b

unu yapmak için gidiyor, hangi gerçekten kolay yani biz olmak istiyoruz RGBA ve biz saracak bu ve parantez konum ve bizim renk değerini beri ve RGBA sadece kanal deniz puanınızı I doos yardıma ihtiyacım var Bunu a

lmak ve bizim CSS check out Daha sonra RGB ve en göstergeleri RGBA değeri şüphe ama 0.5 kadar özgür yenileme bu Eğer yüzde 50 şeffaf kadar haline geldi görebilirsiniz bu nedenle bu gerçekten harika ve

“Bu Sass gelişmiş özelliklerini kullanarak CSS kodu nasıl kullanıcılara göstermek bir dizi 10 öğretici olduğunu. Bu eğitimde Sass yerleşik işlevleri kullanımını k...”
LevelUpTuts

orada aslında başka n yerleşik fonksiyon diyor Bu hastalık daha çok yapmak kullanmak var oldukça benzer olduğunu Eğer adlı bir varlık, diğer adları kaybolma var karartmak biliyorum aynı değerler ve bu yüzden dışarı biz aslında fade out yapmak oldu bu temelde kullanıcısının anlamına bu bir Sadece şeffaf diğer cevap yapmak bir şey Size burada hemen hemen aa farklı fikir aynı çıktıyı verir Burada gördüğünüz gibi K arkasında ve şimdi yüzde yetmiş şeffaf oluyor Yapm

Öğreticiler #10 - İşlevlerinde İnşa Küstahlık Resim 1 Öğreticiler #10 - İşlevlerinde İnşa Küstahlık Resim 2 Öğreticiler #10 - İşlevlerinde İnşa Küstahlık Resim 3 Öğreticiler #10 - İşlevlerinde İnşa Küstahlık Resim 4

anız gidiyoruz sonraki şey hücre gerçekten harika bir şey oluyor ben bu blogda buldum bir sass yolu hakkında yeni şeyler öğrenmek için harika bir kaynak değerlendirmek ve yapmanız gidiyoruz Biz ensest işlevi sekiz faturaları kullanmak için gidiyoruz olduğunu denilen yüzde yüzdelerini almak değerlere ve CSS bu değeri kullanın Bu kullanışlı gelebilir yolu Bir üyenin size tasarımcı size web sitesi tasarımı verir diyelim ve tüm dayanıyor piksel bu tasarım olacak istediğiniz konum olacak Sıvı ve duyarlı bir şekilde olma

sını yıl için bu yüzdeler anlamaya ve konteynerler için dayanmaktadır kap, bir cüzdan Çin yakın sen kap bölünmesiyle yapmak böylece tasarımcıları size bir düzen verilmiş diyelim ve onun 1440 piksel genişliğinde ve istedikleri ve onlar soldaki sol kenar çubuğunu istiyorum ve onlar soldaki sağdaki ana içerik ve kenar çubuğunu istediğiniz 550 piksel olması gerekir ve ana içerik 190 piksel olması gerekir ya da en azından o tasarım ve homers olduğunu nasıl ve bu istediğiniz akışkan olması Eğer bölmek gibi sen ne 14:40 890 ve Bir sürü dolayısıyla gerçekten almak için gidiyoruz, bu değerler ile çalışırken bir uzun ondalık yüzden bu durumda bu yüzdeler okuma sonuna kadar olurdu Eğer 61 noktayı biliyorum 80 Eğer doğru olmak istiyorsanız 55 yüzde 56 Bir ve bu tamam biliyorum ama CSS oldukça alabilirsiniz bilmiyorum Bir ondalık nokta ki ne yüzde gerçekten sıkı oluyor ile Daha sonra bir şey değiştirmek istiyorsanız ve süper kolay olmayabilir İhtiyacınız olan yüzdeler almak kolay yolu Bir hesaplamalarına Sass & Bide Sass kullanmaktır sizin için CSS gün okunabilir bakın ve güzel bir gün sonra kolay düzenlemek için Hücre ve burada bizim ilk örnekte Biz intro almaya gidiyoruz özelliği yaptım yaptım Burada bir tane burada bu bir özelliğinin bu biridir yaralı ve biz bu beni almak için gidiyoruz Burada uzayda biz bunu bir wid almak için gidiyoruz tamam Ben seviyorum ve arayacaksın onun konum Burada belirtilmesi gereken ve yapacağız baskı hastalığında sarın konum ve biz bu olduğunu intro beri söylemek için gidiyoruz Paragraf bir 550 olması gerekir 14:47 aşkın 550 yapmak piksel 1440 bölü piksel ve bununla yapılacak gidiyor biz bu kurtardın Burada gördüğünüz, bizim CSS gidiyor onu bunu bir katiyen verdi yani 38 .1 9 dört kadar içeri as tutarak tüm matematik floresan yapıyor temiz Bu hemen hemen her zaman, her yıl özgün kaynak geri ilgilidir malzemesidir Burada böylece onun kopyası bu parçalar iki yıl özellik ve sonra biz bu olacak demek için gidiyoruz 890 piksel bir ondört vardı 14 sadece görebilirsiniz yenileme her ikisi de artık onların doğru boyutuna göre ayarlandı Birlikte bu sınırın biz burada var özelliği gibi Buna ve tasarruf Büyük ve en intro sevmeme izin ver sol uygulamalı burada comment tamam Eğer olduklarını göremiyorum yenileme mükemmel akışkan ve konteyner süre ayarlayın Kurt oranda birbirine mükemmel gözaltına Burada 38 noktadan 194 giderseniz 61 puan 806 100 kadar ekler Baktığın biliyorum üzerinde senin burada hizip ve 558 bir doksanlar çok daha kolay ve daha sonra bu iki yüzdeleri veya ekleme ben bakmak sanırım çok daha basit ayrıca yerleşik işlevleri hakkında başka serin şey iç içe olabilir ki onları böylece Diyelim ki kişi türünü diyelim Bu bile isterseniz kendi CSS ondalık uğraşmak istemiyor değiştir ve istersen sonra CNN CSS daha sonra değiştirebilirsiniz size yüzde olarak en çok bu ölümlerin ile uğraşmak zorunda değilsiniz Bize diyor ki için de şanslı bir yuvarlak işlevi vardır kimse biz kullanmak için gidiyoruz fonksiyonları etrafında etkili bir çift sadece sadece etrafında ve biz bu yüzdeyi sarmak için gidiyoruz zemin ve ardından sarın ve konum fantezi ve biz bu tek olacak şal sensin böylece isimli bu en yakın tam sayıya yuvarlamak bu olacak mıyız olduğunu: ve o gidiyor yüzdesi beri Bize bu 38 ve 62 3 yenileme ulaşmak vermek Hala çünkü wichsen incik burada bir değişiklik hayal ve temelde aynı oranda fark ve onlar gördüğünüz gibi her ikisi de hala 100 kadar ekleyin ve her ikisi de hala sıvı konum Bu eşek inşa edilir sass işlevleri hakkında daha fazla bilgi edinmek istersen kontrol ve sass docs geliyor şeritten diyor Bu script fonksiyonları size tüm senatör kaynak verecek Dahili ensest fonksiyonlar ve ayrıca ne nasıl kullanılacağını önünde parametreleri onları gerçekten harika özelliği bu check out eğer ve o nasıl hakkında çok şey öğrendim fonksiyonlar ensest çalışmak Uzun ve bu eğitim için bu kadar ve sonraki mika yapacağız gitmiş dedim Kendi işlevi yapma üzerinde Anna ne kadar güçlü olduğunu ve Biraz daha görmek ister eğer biliyor abone çekinmeyin bir şey varsa sizin hakkınızda herhangi bir soru ne yaptığımızı biliyoruz Burada sana ne istiyorsun öğrenen şey burada bize bir mesaj göndermek Yorum bırakmak için çekinmeyin Ben bir kez daha bu Scott ve biz mümkün olduğunca ve biz en kısa size geri alırsınız izlediğiniz için teşekkürler tarafından.

Açıklama

Bu Sass gelişmiş özelliklerini kullanarak CSS kodu nasıl kullanıcılara göstermek bir dizi 10 öğretici olduğunu. Bu eğitimde Sass yerleşik işlevleri kullanımını kapsamaktadır. Ben RGBA () ve fade-out () yanı sıra yüzde () ve yuvarlak () kapsamaktadır. Sass fonksiyonlarının tam bir başvuru için göz atın: http://sass-lang.com/docs/yardoc/Sass/Script/Functions.html Kod: genişliği: Yuvarlak (yüzde (890px / 1440px)) RGBA (# 333,0.7)

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

  • 78
    Olumlu
  • 0
    Olumsuz
  • 7
    Yorum
  • 14942
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • GamingAndTech

    GamingAndTec

    16 NİSAN 2013
  • Modus Recordings

    Modus Record

    26 Kasım 2008
  • Randall P Studios

    Randall P St

    27 AĞUSTOS 2009

ANKET



Bu sayfa işinize yaradı mı?