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 outline ile border üstüne bir tane daha dış çizgi çizdire biliyorduk.Burada...
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...
Bu dersimizde için de tam 65 hazır animasyonun bulunduğu Animate.css göstereceğim.Css3 ile gelen yeni özelliklerle farklı farklı onlarca değişik animasyon yapabiliriz.Burada ...
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...
Bu dersimizde css3 ile gelimiş animasyon yapmamızı sağlayan animation özelliğini işleyeceğiz.Daha önce hızlı ve kolay animasyon yapma fonksiyonu olan transitionu...
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...
CSS3 derslerimize devam ediyouz.Bu derste multiple columns özelliğini işleyeceğiz.Öncelikle işlevinden bahsedelim.Belirli bir alanı dikey olarak ...
Bu css3 dersimizde appearance methodunu işliyiceğiz.Öncelikle işlevinden başlayalım.Objelerden bazı özellikleri silme veya eklememize yarıyor.Mesela bir selecteki oku kaldırma ve bir divi butona çevirme gibi.Şimdilik webkit ve...
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...
Bu dersimizde css ile nasıl select-option tasarımı yaparız onu işliyeceğiz.Hemen örneğe geçelim...
Bu dersimizde css3 ün resize özelliğini anlatacağım.Öncelikle işlevinden başlayalım.Resize textareanın sağ alt köşesinden büyütülme işlemini...
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 eğitim serimize devam ediyoruz.Bu derste alanımızdan taşan uzun metinleri sığdırmayı göreceğiz.Sığdırmayı sağlayan kodumuz word-wrap tır.Hemen bir örnek yapalım.
Bu dersimizde css3 le resimlerin ayarlarıyla oynamayı göreceğiz.Yani resmi grileştirme,parlaklık artırma,bulanıklaştırma gibi bir çok özelliğini göreceğiz.Bu işlemleri yapmamızı sağlayan kod filter.Şimdi tek tek inceleyelim.Örnek kodlarda oranları olabildiğince abarttım.Farkın tam olarak görülebilmesi için...
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...
Bu dersimizde css3 ün @media elemanını işliyeceğiz.Media günümüzde artık bir çok sitede kullanılmaya başlayan güzel bir eleman...
CSS3 ün güzel bir özelliklerinden birini anlatacağım.Bu derste texte arkaplan resmi vermeyi göstereceğim.Aslında mantığı basit...
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....
CSS3 de döndürme işlemi yaparken tam ortada döndürme yapar.Bazen köşeden döndürmek isteyebiliriz.Bunun için şöyle bir yöntem yaptım.Döndürme işlemini yaparken dönen objenin...
Jquery serimize devam ediyoruz.Bu derste kodlara başlıyoruz.İlk göreceğimiz kod .css().Öencelikle bunun işlevinden bahsedelim...
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...
Gördüğüm bir fake 3d buton örneğini kendim yaptım paylaşmak istedim.Mantığı basit aslında.Css ile 3d görünümü için ...
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...
CSS3 de gelen yeni özelliklerle basit 3d işlemler artık yapabiliyoruz.Bunu göstermek amaçlı bir 3d örneği...
Bu dersimizde css3 çok güzel özelliklerinden biri olan transition kodunu göreceğiz.Öncelikle işlevinden bahsedelim.Transition ile objelerimize animasyona bağlayabiliriz.Bunu objede her hangi bir ...
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 dışarıdan font çağırma yöntemi olan font-face ye değinecem.font-family i anlatırken standart fontlara değinmiştim.Bu dersimiz değişik fontları sitemizde kullanmayı görecez...
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 ...
Bir sitede gördüğüm slideri kendim kodlamak istedim ve yaptım.Bir işe yarasın diye koyuyorum...
CSS3 özelliklerini anlatmaya devam ediyorum.Bu derste 2d transform özelliklerini anlatacam.Transformun 3d özellikleride var bir başka derste ona değinecem.2d transformla neler yapabiliriz...
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...
Daha önceden tasarladığım 2 css menü yü paylaşmak istedim...
CSS güzel özelliklerini anlatmaya devam diyom.Bu derste gölgeleri işleyecez.2 çeşit gölgemiz var biri...
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 ...
CSS3 web tasarımda çok güzel özellikler getirmiştir.Bunlardan biride border-radius yani oval köşe bir çok yerde...
Css derslerine devam ediyoruz.Bu deste border kodlarını görecez.Öncelikle border ne işe yarar ordan başlayalım.border bir nesneye
Bugün jQuery kütüphanesine giriş yapacağız.Videoda serimde jQuery adına yararlı bilgiler vermeye çalışacağım takipte kalın.
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
