27 Kasım 2013, ÇARŞAMBA

Drupal Rehberler - Omega 4 Komple Kılavuzu #13 - Kesme Noktaları Giriº

Bir bu, bu kedi bizim için çok isterdim ve bugün olacaksın ediyoruz kesme uzantısı bahsediyoruz değerlendirmek ve onun temel fonksiyonlarını nasıl kullanabileceğinizi Her sponsorlar sitesi kurmak için: içinde Son video şimdi Omega biz yapılan bu düzen vardı ve gerçekten öyleydi bu iki sütun jest ve dedik Bu bir sen genişliğinde dört sütun gibi biliyorum olacak ya da her neyse ve bu bir olacak dokuz olacaktı Ben kontrol etmek zorunda ama kesin sayılar unutmak temelde onun sadece kabını sağ cevap veriyor biz onun konteyner NX Çar a verdi 960 re: on 960 ile verilen Tabii biz henüz

değerlendirilmedi bu: Daha önce gördüğümüz gibi sahip sayfaları artık cevap ama hem edeceğiz ama daha q1 Klasik typeof duyarlı tasarım başardık kırılma noktalarında şeyleri değiştirmek için sağ ve Tabii sadece kendi medya so

rguları yazmak ve bu şekilde yapabiliriz Biz gösterilen ettik ama daha önce konuştuk aslında onlar ile getirerek bir uzatma kablosu kesme vardır diyor Bu önemli beyanı hayır sen olduğunu söyledi yapar telaf

“Omega 4. To Complete Guide 13. öğretici Burada nasıl göstereceğim size cevap sitenizi oluşturmaya başlamak için Sass için kesme noktalarını uzantısı ile başlamak ...”
LevelUpTuts

i ve diyelim Kendi mola noktalarında var nasıl yapabilirsiniz göstermek ve sonra içine bir yanıt oluşturmak için bu modülü kullanmak bu yüzden bu ilk video sadece size göstermek yapmaktır gidiyoruz bu noktaları kutlamak için o kadar şimdi noktalarını kırmak nasıl kullanılacağını Aslında benim a bu koymak için gidiyorum ızgara değişkenleri kendi kesme noktaları yaratabilirsiniz Bu İsterseniz gibi kısmi veya bir şey Ben bu noktada bu şey sadece iki satır

Drupal Rehberler - Omega 4 Komple Kılavuzu #13 - Kesme Noktaları Giriº Resim 1 Drupal Rehberler - Omega 4 Komple Kılavuzu #13 - Kesme Noktaları Giriº Resim 2 Drupal Rehberler - Omega 4 Komple Kılavuzu #13 - Kesme Noktaları Giriº Resim 3 Drupal Rehberler - Omega 4 Komple Kılavuzu #13 - Kesme Noktaları Giriº Resim 4

vardır ve çok karmaşık oran değil bu yüzden yapmanız gereken temelde ne kadar olduğunu o piksel atamak değerler veya ve değerler Eğer bu değişkenleri kullanarak gidiyoruz değişkenler yukarı ve sonra yardım nixon ile bu anlamda temelde bir her şeyi sarmak için gidiyor yapmaz Medya sorgusu yok ne bu yaklaşım hakkında güzel olduğunu aslında can olduğunu İçerik harika medya sorguları şekilde kullanmak bu yüzden benim navigasyon yukarıya inşa ediyorum benim Navigasyon kısmi ve ben burada CSS için benim cep var ve nerede

tablet CSS benim masaüstü koymak Aslında bunun altında doğrudan koyabilirsiniz ve daha sonra yazmak zorunda değilsiniz Medya her on kullanabilirsiniz sorgular Bu kesme noktası nixon kullanmak ve bu şeyler gerçekten kolaylaştırır ve sizi o tüm derlemek bu temelde bir normal gibi CSS puan başka büyük şeyle bir medya sorguları o kesme ayrıca izin verir yapmanızı sağlar Bir hayır sorgu tarzı Bir CSS seviyorum ve bu hiçbir keder bakın ben oranı edeceğiz ve kesme konusunda gerçekten harika bir şey bu Ben gerçekten tüm çünkü bu onların zevk Medya sorguları desteklemeyen tarayıcılar bir çift seçenekleri var cevap JS gibi bir şey kullanabileceğiniz o zaman yanıt yapmak için çalışır kullanarak javascript Sipariş ben gerçekten bu felsefe gibi hatta belki biraz daha iyi I cuz Eğer iseniz demek Eğer büyük olasılıkla kullanarak nedeniyle IE gerçekten duyarlı olmaya söylemek gerekmez yedi yıl ve kurmuş olduğu böyle ben çok Bu konuda sizin, stat yaprak işler does Ben kodu ile aşk ile Hala sonraki tabletinize ilk cep yapar o yüzden medya sorguları dışarı Büyük bir sonraki masaüstü ancak masaüstü son tanımlanmış çünkü Her şeyi geçersiz kılma olduğunu, bu nedenle ben kolaylığı Sadece masaüstü almak olacak stilleri böylece dünyanın olacak takımlar başlayan ama hala olacağım Masaüstü satış bu duyarlı olacak değil ama şeyler yapar şimdi bir bütün bu daha sonra yapmak için tam olarak nasıl gerçekten kolay üzerinden gidiyorum Birkaç videoları ek bir iki adım ama deli bir şey yok, çünkü ihtiyaç bu yüzden en tanımlayalım geri bizim büyük gün sess gidelim yani fikir oranı o yüzden daha yüksek tablet diyelim 44 eller olabilir ve diyelim ki gidiyor daha yüksek toz-up 70 Adams olacak Şimdi bunun için yedi yıl içinde 44 uçları bu iki koymak Evsahibi takım doğrudan tablet masaüstü durumda nereye merak ediyorsanız tam IA onun boğa ile artık kullanabileceğiniz bu var onun bizim mola noktaları,% içinde bu uh Burada Nixon bu yüzden göstermek ve aslında sadece bir hızlı yapacağım % gösteriler uh cesedi görebilirsiniz Arka plan adil sarı olacak Büyük ve şimdi biz tanımlanmış istiyoruz Bu, bir tablet ve Ester Doğru bu kadar farklı olmak için renk istiyorum biz bunu yaparken nasıl da bu nerede Nixon bizim mola noktaları için kullanışlı geliyor ne yani şimdi yapabiliriz ben dahil de kullanabilirsiniz olamaz hangi ama onun bir kırılma noktası ile mantıklı değil nasıl elbette CBS bir kırılma noktasını küçümseme ve ben kullanmak için gidiyorum Tablet breakbeat ve o zaman şimdi bu içine biz medya sorgu giymek sadece Eğer böyle bir var sarın edebilirsiniz Ayrıca en en iyi yapalım ve diyelim ki hayır ama şimdi ben gelirsen o bunu biliyorsun bizim devlet bir çok yeşil ve çok üzücü bir I bu ders değişikliklerini esas sahip olacak bu mola noktaları vurmak istiyorsun Aynı vardı ne yani ne bu konuda harika, bu nixon kullanabilirsiniz olduğunu Neyse sağ Diyelim sadece bir küçük küçük şey vardı diyelim Tek bir kırılma noktası teşvik sayfanızın değişikliği Şimdi bu kötü bir örnek olabilir de, sayfa diyelim ama diyelim İçinde masaüstü için İstediğiniz tüm elbisesinin ve atıf sayfa olmuştur dediğimiz olsun böylece onların eğlenceli boyutunu artırmak paragraflar font-size: ve biz sadece bir noktayı söyleyebiliriz 8 ans oranı bu yüzden aslında bu karışım n dahil ediyorum daha sonra bir semaver CSS bu eşek beri duymak temelde bu çekin bir sarın onun sereceğim bu almak için gidiyor FB medya sorguları bu demek çok daha büyük ders boyutu o paragraf olduğu gibi ailemizi görürsünüz Biz aşağı ölüme bir kez ve o bir kendi tablet çok daha küçük olduğunu telefon ile aynı öylesine hayır sen sızıntı Bu karışımları o kod büyük bölümleri rap medya sorguları gibi siz de süngü ile kullanabilirsiniz Bu yüzden% uh seçiciler diyor iç içe mükemmel harika Hopper'ın 800 esnekliği ama gerçekten bu sadece yüzeyi otlatma olduğunu molası nokta gerçekten yetenekli aşk, özellikle bir ne bir kez kullanarak tekillik ama ne diyordu bir medya sorgu var yapmak istedim olur Bir sonra onu istediğiniz bir şey ile bir sonraki bu şeyle şirketinden arasında iyi biz oldukça kolay bunu yapamam etkisi kolayca bu süper yapabilirsiniz ve tüm yapmamız gereken Biz define olan değişkendir ne onlar sadece söyleyebiliriz onların kırılma noktasını kullanıyor gittiğini ve iş dünyası arasındaki bu elde silah geçici olacak Bu kez birlikte olmak istiyorum söylüyorlar Bu, bazı çok özel arasındadır Biz 20 ve URS ve aralarında ki burada boyutları 35 Eleştiri ve bunun gibi Hücre sizinle beyan yapmak zorunda olan onun Bu alanda aralarında ve şimdi bizim kötü verdiğinizde kesme burada gelelim Onların dahil mola biliyorum Bir var gelin sadece böyle arasını olmak mühendisleri şey yapmıyorum olduğunu her bakmak demek Özellikle veya böyle bir şey ile Max ile aynı % uh sadece bu değişken kullanmak demek biz dostum diyebiliriz bunu yapmak için bir not mola noktaları Bir tamam dostum PG a down Renkli işlem devam bu kırmızı var tüm diğer çirkin renkler kullandım o yüzden buraya geri bizim ki gelmesine izin iyi ölçmek için taze bellek Oh hep şüphe üzerine biliyor dedi düzelen Angeles Evergreen zaman boo hoo ve sarı ama o noktaya alır kez olacak okunacak bulunuyor ve biz bundan daha ben dar gidersem Annem bu kullanmak için zararına bir kaçak gitmesine izin vermeyecek hadi yapalım tarafta kontrol Biz dar giderseniz göreceksiniz Eğer şehir sarı bağırma geri gider kırmızı, sarı boo Yeşil böylece yapmak için değişkenleri nasıl kullanabileceğinizi var temelde çiftler veya kırılma noktaları için birlikte normal ve biz bu CSS check up eğer Eğer buna sahip hiçbir şey deli duydum hiçbir şey görürsünüz Zaman CB4 sadece bu görmezden Biz bunu sonradan okuyabilir bir hata ayıklama bilgisi ama evet o gerçekten sadece bu yardım ediyor ve medya 20 ans olmuştu ve biz kullanılan gerektiğini, 35 gram arkaları görülen Orada kesme noktaları medya ile birlikte oran lütfen Kesme noktaları daha kiraya hakkında bu kadar önümüzdeki birkaç videoları daha yükseldi bunları kullanarak ilgili Birlikte tekilliği ile her zamankinden olacak biz yapacağız bazı serin şeyler yaratmak Bizim kılavuz oluşturmak yapacağız tarafından toplam duyarlı ızgara tepki vermiş olduğunuz ve sırayla bu siteyi gölgeli kullanacağım Ben daha sonra hiçbir sorgu sonraki videoyu vermek ve Oradan devam Eğer tür bir terk herhangi bir sorunuz varsa yani tanık oy% ah ile gitmek videoya sinirli biraz sipariş bir teklif olduğunu Onlar götürüyorlar olarak sizden izlemek için ve tarafından teşekkür duymak için seviyorum.

Açıklama

Omega 4. To Complete Guide 13. öğretici Burada nasıl göstereceğim size cevap sitenizi oluşturmaya başlamak için Sass için kesme noktalarını uzantısı ile başlamak için. https://github.com/Team-Sass/breakpoint/wiki

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

  • 33
    Olumlu
  • 0
    Olumsuz
  • 4
    Yorum
  • 9432
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • AmazonWireless

    AmazonWirele

    8 EYLÜL 2010
  • MikeyMacintosh

    MikeyM

    28 Aralık 2009
  • Rhapsody

    Rhapsody

    7 ŞUBAT 2008

ANKET



Bu sayfa işinize yaradı mı?