Css derslerimize devam ediyoruz.Daha önce html dersimizde q tagını [url=!http://ustaderslik.com/konu/HTML_Ders-16_Metni_Tırnak_içine_Alma!] anlatmıştım.Q tagı metni çift tırnak...
Css derslerimize devam ediyoruz.Bu derste outline özelliğini işleyeceğiz.Daha önce border ...
Bu dersimiz de css'in font-variant özelliğini işleyeceğiz.Font variant küçük harfleri büyüye ve büyük harflerin boyuttunu ise az daha büyüye çevirir.Bu şekilde baş harf vurgulanmış olur...
Daha önceden başlayıp bitiremediğim bir projenin temasını paylaşmak istedin.Hizliresim şablonunda yeniden sıfırdan bir tema kodlamıştım.Aslında upload kısmınıda yapmıştım php ile ama işlerim yüzünden yarıda kalmıştı.Php kısımlarını çıkarıp sadece temayı paylaşmak istedim...
Css serimize devam ediyoruz.Bu derste [renk=!d12c69!] justify-content[/renk] komutunu anlatacağım.Justify content objeleri kapsayıcı divin içinde hizalamamızı sağlıyor...
Css derslerimize deavm ediyoruz bu derste sayfada bulunan resim metin gibi objeleri nasıl kırpabileceğimizi anlatacağım.Bunun için kullanacağımız komut clip.Clip diktörtgen şeklinde kırpma yapıyor...
Css eğitim serimize devam ediyoruz.Bu derste content methodunu işliyeceğiz.Content içerik girmemizi sağlayan bir method.Geçen derste before ve afterı anlattım.Onlarla başa ve sona içerik girmemizi sağlıyordu.Bu derste nasıl içerikler girmemizi sağlıyor ona bakacağız.Content methodu before ve after ...
Css derslerimize kaldığımız yerden devam ediyoruz.Bu derste seçtiğimiz bir objenin arkasına ve önüne bir obje yerleştirmemizi sağlayan before ve afterı anlatacağım.After objenin sonuna Before ise önüne yerleştirir...
Dün gördüğüm ve hoşuma giden bir temayı bu gün boş vaktimde koda döktüm.Bu taraz beğendiğim temaları genelde koda dökmeyi severim.Site yapısını ve kodları incelemek isteyenler için kodları paylaşıyorum.Temayı birden fazla renk...
Less css serimize kaldığımız yerden devam ediyoruz.Bu derste mixins sistemini anlatacağım.Mixins fonksiyon gibi işler.Dinamik dillerden birini öğrendiyseniz fonksiyonun ne olduğunu biliyorsunuzdur.Bilmeyenler için açıklayayım.Bir isim altında bir alan oluşturup bu isim altında veri...
Less serimizde özellikleri işlemeye başlıyoruz.İlk olarak değişkenleri işleyeceğiz.Öncelikle değişkenin tanımını bilmeyenler için anlatayım.Değişkenler içinde veri taşıyan ve istediğimiz zaman içeriğini değiştire bildiğimiz şeydir.Less de değişkenlerde...
Yeni bir seriye başlıyoruz.Bu seride less.js yi anlatacağım.Öncelikle işlevinden bahsedip sonra kurulumunu anlatayım.Css bildiğiniz gibi stabil bir dil.Objeyi seçer kodu yazarız.Less ise de değişkenler,matematiksel işlemler,iç içe seçiciler gibi dinamiksel işlemlerle...
Css derslerimize devam ediyoruz.Bu derste yazıları ters çeviren bir css özelliğini anlatacağım.Bunun için kullanacağımız komut unicode-bidi...
Css serimize devam ediyoruz.Bu derste küçük harfleri büyük harfe,büyük harfleri küçük harfe dönüştürme gibi işlemleri yapan text-transform komutunu anlatacağım...
Css derslerimize devam ediyoruz.Bu derste flex komutlarını anlatacağım.Öncelikle işlevinden bahsedeyim.Bir div içinde bazı divlerimiz var diyelim.Bunları width height vermeden hepsini içine sığacak şekilde sığdırabiliriz.İstersek genişliklerinide değiştirebiliriz.Ama bunda...
Bu konumuda css ile tasarım yaparken çok ihtiyaç duyduğumuz iconları font olarak bize sunan bir kaç tane siteyi göstereceğim.Normalde iconları...
CSS derslerimize devam ediyoruz. Bu derste pointer-events kodunu anlatacağım.Öncelikle işlevinden bahsedelim.Normal koşullarda bir objeyi başka bir objenin üstüne koyduğumuzda altakine mouse olayları işlemiyordu.Çünkü önündeki obje...
CSS derslerimize devam ediyoruz.Bu derste css @import işlemini göreceğiz.Öncelikle işlevinden başlayalım.@import css kullandığımız yerlerde başka bir css dosyasını import yani dahil etmemize yarıyor.Peki ne işimize yarar derseniz.Mesela tüm php dosyalarınıza bir css dosyasını dahil edeceksiniz,ama her birine link tagı ile eklemek istemiyorsunuz.Tüm sayfalarınıza...
CSS derslerimize devam ediyoruz.Bu dersimizde css sprite tekniği olan background-positionu anlatacağım.Öncelikle işlevinden bahsedelim.Sitemizde bir çok yerinde resimler kullanmak zorunda kalırız.Bunların hepsi tek tek yüklenir sayfaya.Biz bunların hepsini tek resim haline getirip ...
Bu dersimizde css ile basit bir responsive site edeceğiz.Öncelikle responsivenin mantığını anlatayım.Öncelikle tasarımını yapacağımız cihazın boyutu büyüklüğünde alanı yakalıyoruz.Tablet ise...
CSS de bu dersimizde metni resme göre pozisyonlandırmayı işleyeceğiz.Normalde sayfaya bir resim ve metin koyduğumuzda yan yana.Metin altta yer alır.Biz...
Bu dersimizde css kullanarak checkbox ve radioların tasarımlarını değiştireceğiz.Mantığı basit.Sayfamıza checkbox ve radiolarımızı ekliyoruz.Daha sonra bunlara label atıyoruz.İnputları...
Bu dersimizde css ile nasıl büyük boyutlu resimleri nasıl ortalarız onu anlatacağım.Şu şekilde anlatayım.Sitemizin içeriği 960 px ama arkaplanımızın boyutu 2000px civarlarında.Bizde bunu tam...
Bir sitede gördüğüm footer tasarımını kendim kodlamak istedim.Sonuçta hemen hemen aynı bir tasarımı yaptım.Boş durmaması için paylaşmak istedim....
CSS derslerimize devam ediyoruz.Bu derste link işlemlerini görecez.Öncelikle bunlar ne işe yarar ondan başlayalım.Normalde sayfaya eklenmiş link mavi tıklandıktan sonra...
CSS serimize devam ediyoruz.Bu derste mouse imlecini değiştirmeyi görecez.Mesela link üzerine gelince el işareti çıkmasın yada bizim koyduğumuz bir objede ...
Bu günkü css dersimizde yazılara kalınlık vermeye bakacağız.Yazılara kalınlığı...
Site içinde kullanımını anlattım birde burda anlatayım.Sağdaki paremetrelerle oynayarak butonu tasarlıyonuz.Animasyonlu yapacaksanız.Animasyon süresini stabil kod almadan...
CSS derslerimize devam ediyoruz.Bu derste objelerimize derinlik yani alttamı üstemi olmasını...
CSS de nasıl yön okları yaparız onu anlatacam.Eskiden olsa resim dosyası olarak çağırılır kullanılırdı.Ama artık cssle yapıyoz...
Bu dersimizde eklenti kullanmadan resimlere zoom vermeyi anlatacam.Mantığı şu...
Bu dersimizde css taşma konusuna bakacaz.Mesela bir yazımız yada positionla yerleştirdiğimiz bir obje taşıyosa bunlara...
Bu dersimiz focus yani odaklanma ma işlevine stil vermeyi görecez.Önce işlevinden başlayalım.input,textarea... gibi...
CSS eğitimimizin bu dersinde opacity koduna bakacaz.Önce bu ne işe yarar ona bakalım.Bu objenin şefaflığını ...
Bu dersimizde google font apiyi tanıtacam ve font-faceden farkını söyleycem.Google font api sayesinde sitemizde...
CSS de bu dersimizde artık biraz etkileşime geçecez.Etkileşim yani eventlar.Daha çok javascript işidir ama cssde de ufak bir tana var.
Sayfada her hangi bir...
siteyi positionlarla kurmayın diyerek bir uyarıyla başlayayım :).Şimdi positionun 3 ...
Bu dersimizde sitemizin sekmeler bölünde olan iconunu değiştirmeyi gösterecem.Tarayıcılarda standart olarak...
Bir sitede gördüğüm slideri kendim kodlamak istedim ve yaptım.Bir işe yarasın diye koyuyorum...
Daha önceden yaptığım basit bir giriş sistemi tasarımını paylaşmak istedim....
CSS derslerimize devam ediyoruz.Bu derste basit bir site iskeleti yapacaz.Yapacağımız iskeletin...
Bu derste float kodunu görecez.İşlevinden başlayalım.Block elementleri yan yana sıralamak için kullanırız.Bildiğiniz gibi block elemnetlere width de versek gidebildikleri kadar gider.İşte burda ...
CSS derslerimize devam ediyoruz.Bu ders önemli çünkü objelerin türlerine bakacaz.Bunu iyi kavramalısınız.CSS de...
CSS serimize devam ediyoruz bu derste paddingi işleyecez.Padding ne önce ondan başlayalım.Padding iç...
Daha önceden css ile yaptığım bir açılır menüyü paylaşmak istedim.Matığı şu position ile butonun altına alt kategorileri yerleştir...
CSS derslerimize devam ediyoruz bu derste margin kodunu görecez.Margin ne ondan başlayalım .Margin dış boşluk anlamına geliyo.Mesela bir...
Biraz geç oldu ilk derslerde anlatmam gerekirirdi. :) Zaten çok basit ama çok kullandığımız bir koddur width ile height.width bir objeye ...
Css derslerine devam ediyoruz.Bu deste border kodlarını görecez.Öncelikle border ne işe yarar ordan başlayalım.border bir nesneye
Css de arkaplan önemli konulardandır.Sitemizin her yerinde arkaplan kullanırız.Bu yüzden css öğrenecekler arkaplanı kodlarını iyi kavramalı.
Bu derste css e de kolara başlıyoruz ve 3 yeni kod öğreniyoruz bunlar color font-size font-family ...
Bu derste css de kod mantığını göreceğiz.Daha önceki derste giriş ve seçicileri işlemiştik.
Şimdi ana kalıbımızı ...
CSS web sitelerimizi tasarımı için kullanabileceğimiz bir dil.
HTML ile bir iskelet oluştururuz bu iskelete css ile şekil veririz.
İnsan vücudundan örnek verecek olursak.kemikler html -derimiz css.
UstaDerslik
