• Buradasın

    CSS3

    Özetteki ilgi çekici içerikler

    • HTML5 ve CSS3 Eğitim Seti: Figür, Caption, Meter ve Time Etiketleri

      Bu video, HTML5 ve CSS3 eğitim setinin sekizinci dersi olup, bir eğitmen tarafından sunulmaktadır. Eğitmen, önceki derslerde arcade, header, navigasyon, footer ve section etiketlerini gösterdiğini belirtmektedir. Bu derste, figür, caption, meter ve time etiketlerinin kullanımı detaylı olarak anlatılmaktadır. Eğitmen önce figür etiketini göstererek resimleri veya videoları gruplandırma özelliğini açıklar, ardından caption etiketini kullanarak altyazı ekleme yöntemini gösterir. Daha sonra time etiketinin arama motorlarına tarih bilgisi verme ve sitenin güvenilirliğini koruma konusundaki önemini örneklerle anlatır. Son olarak meter etiketinin disk doluluk oranını gösterme ve uyarı verme özelliğini açıklar.

      • youtube.com

    • CSS ve CSS3 Eğitim Videosu

      Bu video, Mehmet Kurt tarafından sunulan bir eğitim içeriğidir. Mehmet Kurt, Codeslife kanalında CSS ve CSS3 hakkında genel bilgiler vermektedir. Video, CSS'in ne olduğunu, CSS3'in özellikleri ve CSS'in web tarayıcılarında nasıl çalıştığını anlatmaktadır. İçerikte CSS'in HTML ile oluşturulan web sayfalarının sunum katmanı olduğu, CSS3'in text, layout, animated, border image, gradient, 2D/3D transformations ve web fontları gibi yeni özellikler sunduğu açıklanmaktadır. Ayrıca CSS'in çalışma prensibi, tarayıcı destekleri ve cross browser uyumluluğu konuları da ele alınmaktadır. Video, bir sonraki bölümde CSS syntax konusuna değinileceğini belirterek sona ermektedir.

      • youtube.com

    • CSS ile Renk Geçişi ve Arka Plan Resmi Kaplama Eğitimi

      Bu video, bir web tasarım dersinin devamı niteliğindedir. Eğitmen, önceki derste top, panel ve karosel uygulaması yaptıklarını belirterek, bu derste CSS kullanarak renk geçişi ve arka plan resmi kaplama uygulamasını göstermektedir. Videoda, CSS3 ile arka plan resmi yerleştirme ve renk geçişi oluşturma konusu ele alınmaktadır. Eğitmen önce "bg cover" sınıfı ile resmi merkeze yerleştirme ve tekrar etmemesini, ardından "bg gradient" sınıfı ile üst tarafta sarı, alt tarafta gri renk geçişi oluşturma adımlarını göstermektedir. Ayrıca, resmin görünür hale getirilmesi için gradient değerlerinin nasıl ayarlanacağı da anlatılmaktadır.

      • youtube.com

    • Fireworks'tan Web Sitesi Oluşturma Eğitimi

      Bu video, bir eğitim seti kapsamında sunulan bir web geliştirme eğitimidir. Eğitim, Fireworks ortamında hazırlanmış bir tasarımın nasıl parçalara ayrılacağını, HTML yapısının nasıl oluşturulacağını ve CSS'e dökülerek nasıl bir web sitesi elde edileceğini anlatmaktadır. Eğitim seti, özel olarak hazırlanmış ve üst düzey bir web sitesi oluşturmayı amaçlamaktadır. Bu site, CSS3 özellikleri kullanılarak hazırlanmış olup, eğitim boyunca bir kaç örnek alt sayfa da oluşturulacaktır.

      • youtube.com

    • HTML5 ve CSS3 Eğitim Seti: İki Boyutlu Dönüşümler

      Bu video, bir eğitmen tarafından sunulan HTML5 ve CSS3 eğitim setinin 36. dersi olup, iki boyutlu dönüşümler konusunu ele almaktadır. Videoda 2D dönüşümlerin temel komutları detaylı şekilde anlatılmaktadır. Eğitmen önce normal bir div ve transform class'ı olan bir div oluşturarak başlıyor, ardından translate, rotate, scale, skew, skewY ve matrix fonksiyonlarını kod örnekleri üzerinden gösteriyor. Bu fonksiyonlar ile nesnelerin konumlandırma, döndürme, boyutlandırma, eğilme ve bükülmesi gibi dönüşüm işlemlerinin nasıl yapılacağı açıklanmaktadır. Ayrıca tarayıcı uyumsuzluğunu gidermek için Internet Explorer ve Safari için özel kod ayarları da gösterilmektedir. Video, 2D dönüşümlerin temel kavramlarını öğrenmek isteyenler için faydalı bir kaynaktır.

      • youtube.com

    • HTML5 ve CSS3 Eğitim Serisi

      Bu video, Erol Mesut Gün tarafından sunulan HTML5 ve CSS3 eğitim serisinin giriş dersidir. Erol Mesut Gün, yakın kampüs.com'dan bir eğitmen olup, daha önce X, HTML ve JavaScript derslerini de vermiştir. Video, HTML5 ve CSS3'ün önemi, internet sayfalarının kullanıcı dikkatini çekme yöntemleri ve HTML ile CSS arasındaki ilişkiyi açıklamaktadır. İlk bölümde HTML5'in yeni etiket sistemi (header, navigation, section, article, footer) ve CSS'in bu iskeleti şekillendirme işlevi anlatılırken, ikinci bölümde HTML5'in browser uyumluluğu, mobil uyumluluğu, interaktiflik ve audio/video gömme gibi yeni özellikleri ele alınmaktadır. Eğitmen, HTML5 ile oluşturulan 2012'nin en beğenilen ve ödül alan sayfalarını göstererek izleyicilerin de benzer siteler yaratabileceklerini belirtmektedir. Video, bir sonraki derste editör kurulumu ve ilk basit komutların anlatılacağı bilgisiyle sonlanmaktadır.

      • youtube.com

    • HTML Eğitim Serisi Giriş Videosu

      Bu video, bir eğitmen tarafından sunulan HTML eğitim serisinin giriş bölümüdür. Eğitmen, izleyicilere HTML'in ne olduğunu ve önemini anlatmaktadır. Video, HTML'in programlamanın temel dili olduğunu ve web sitelerinin temelini oluşturduğunu açıklamaktadır. Eğitmen, HTML'in bir programlama dili değil, betik dili olduğunu belirtmekte ve bu eğitim serisinin toplam 40 videodan oluşacağını, ilk 10 videonun HTML üzerine odaklanacağını, sonrasında CSS'e geçileceğini anlatmaktadır. Eğitim boyunca HTML 5 ve CSS 3 versiyonları kullanılarak, bol örneklerle uygulamalı bir şekilde ilerleyecekleri belirtilmektedir.

      • youtube.com

    • Profesyonel Web Tasarımı Dersleri Serisi Giriş

      Bu video, bir eğitmen tarafından sunulan profesyonel web tasarımı derslerinin giriş bölümüdür. Eğitmen, HTML5 ve CSS3 kullanarak oluşturduğu bir web sitesini göstererek serinin içeriğini anlatmaktadır. Videoda, eğitmen önce oluşturduğu web sitesinin ana sayfasını, menülerini, paralax efektlerini ve responsive tasarımını göstermektedir. Ardından, bu derslerin neden profesyonel olarak adlandırıldığını açıklamaktadır. Bu ders serisi, sadece HTML5 ve CSS3 kullanarak, flex grid sistemi gibi ileri seviye özellikler içeren bir web sitesi tasarımı üzerine odaklanmaktadır. Eğitmen, bu serinin yaklaşık 15-20 derslik olacağını ve ay sürecek bir süreç olacağını belirtmektedir.

      • youtube.com

    • HTML5'e Yeni Eklenen Form Elementleri Eğitimi

      Bu video, HTML5 ve CSS3 eğitim setinin 13. dersi olup, bir eğitmen tarafından sunulan bir eğitim içeriğidir. Videoda HTML5'e yeni eklenen form elementleri olan datalist, keygen ve output detaylı olarak anlatılmaktadır. Eğitmen önce bu elementlerin hangi tarayıcılarda desteklendiğini (datalist ve output'un tüm tarayıcılarda, keygen'in ise Firefox'ta desteklendiğini, Internet Explorer ve Safari'nin desteklemediğini) açıklar, ardından her bir elementin kullanımını kod örnekleriyle gösterir. Özellikle keygen elementinin şifre güvenliği için nasıl kullanılabileceği ve output elementinin matematiksel işlemler için nasıl entegre edilebileceği adım adım anlatılmaktadır.

      • youtube.com

    • HTML5 ve CSS3 Eğitim Seti: HTML5 Yeni Input Atribütleri

      Bu video, HTML5 ve CSS3 eğitim setinin 17. dersi olup, bir eğitmen tarafından sunulan bir eğitim içeriğidir. Videoda HTML5'in yeni input atribütleri detaylı olarak anlatılmaktadır. Eğitmen, form.type, form.method, form.novalidate ve form.target gibi yeni özelliklerin nasıl kullanılacağını örneklerle göstermektedir. Özellikle form.type özelliğinin dosya yükleme işlemlerinde, form.method özelliğinin GET ve POST metodları arasındaki farkları, form.novalidate özelliğinin doğrulama işlemlerini engelleme özelliğini ve form.target özelliğinin formu yeni pencerede açma özelliğini açıklamaktadır. Ayrıca, bu özelliklerin hangi tarayıcı sürümlerinde desteklendiği de belirtilmektedir.

      • youtube.com

    • CSS ile Footer Oluşturma Eğitimi

      Bu video, bir eğitmen tarafından sunulan CSS dersinin son bölümünü içeren eğitim içeriğidir. Eğitmen, izleyicilere adım adım footer oluşturma sürecini göstermektedir. Videoda, HTML ve CSS kullanarak footer'ın nasıl oluşturulacağı detaylı olarak anlatılmaktadır. Eğitmen önce footer'ın genel boyutlarını belirleyip, ardından widget'lar, sosyal medya ikonları ve copyright bölümü gibi footer'ın farklı bölümlerini CSS ile biçimlendirmektedir. Ayrıca base color kullanımı, fontasm kullanımı ve PSD dosyasından CSS'e aktarma gibi konular da ele alınmaktadır. Video, CSS 3 kullanarak web sayfası tasarımı yapmak isteyenler için float, padding, font size, color gibi CSS özellikleri kullanılarak tasarımın düzenlenmesi konusunda faydalı bilgiler içermektedir.

      • youtube.com

    • HTML5 ve CSS3 Eğitim Seti: Butonlara CSS Atama

      Bu video, HTML5 ve CSS3 eğitim setinin 49. dersi olup, bir eğitmen tarafından sunulan bir eğitim içeriğidir. Videoda butonlara CSS atama konusu detaylı olarak anlatılmaktadır. Eğitmen, link butonları, input butonları ve true submit butonları için CSS özellikleri uygulayarak butonların görünümünü nasıl değiştirebileceğimizi göstermektedir. Butonlara renk, kenarlık, iç dolgu, font boyutu, yuvarlak kenarlık, gölgelendirme, genişlik ve responsive tasarım gibi özellikler nasıl eklenebileceği adım adım gösterilmektedir. Ayrıca, butonlara hover efekti, transition, opacity ve cursor gibi özellikler de eklenerek butonların kullanıcı deneyimini nasıl geliştirebileceğimiz anlatılmaktadır.

      • youtube.com

    • CSS3 Seçicileri Eğitim Videosu

      Bu video, Muhammet adlı bir eğitmen tarafından sunulan bir CSS dersidir. Eğitmen, CSS3 ile gelen en çok kullanılan seçicileri göstermektedir. Videoda CSS3'te kullanılan çeşitli seçiciler adım adım gösterilmektedir. İlk olarak first child, last child ve nth-child seçicileri anlatılmakta, ardından + (artı) ve > (büyüktür) seçicileri örneklerle açıklanmaktadır. Eğitmen, her seçicinin nasıl kullanılacağını, hangi durumlarda etkili olduğunu ve menü yapısı gibi pratik örneklerle göstermektedir. Video, CSS3 seçicilerini öğrenmek isteyenler için temel bilgiler sunmaktadır.

      • youtube.com

    • HTML5 ve CSS3 Eğitim Videosu

      Bu video, bir eğitmen tarafından sunulan HTML5 ve CSS3 dersinin ilk bölümüdür. Eğitmen, Visual Studio Code programı kullanarak web sayfası oluşturma sürecini adım adım göstermektedir. Video, HTML5'in ne olduğunu açıklayarak başlıyor ve ardından Visual Studio Code'nun nasıl indirileceğini gösteriyor. Daha sonra temel HTML yapısı (html, head, body etiketleri) ve meta tag'ların (UTF-8, viewport, title) kullanımı anlatılıyor. Eğitmen, bir paragraf oluşturma örneği vererek HTML etiketlerinin nasıl kullanılacağını gösteriyor ve bir sonraki derste CSS3 ile sayfa stilini nasıl düzenleyeceğini belirttiğini söylüyor.

      • youtube.com

    • CSS Table Layout Özellikleri Eğitimi

      Bu video, Emre Sabuncu tarafından sunulan bir CSS eğitim dersidir. Emre, CSS 3 desteğinde table etiketlerinin özelliğinden table layout (tablo yerleştirme) özelliğini anlatmaktadır. Videoda table layout özelliğinin farklı değerleri (auto, fixed, text) detaylı olarak gösterilmektedir. Emre, önce temel tablo özellikleri (border, border spacing, caption side) ayarlayarak başlayıp, ardından table layout özelliğini kullanarak tablonun genişliğini ve hücrelerin dağılımını nasıl kontrol edebileceğimizi örneklerle açıklamaktadır. Ayrıca, bu özelliğin tarayıcı desteği hakkında bilgi vererek, tüm tarayıcıların bu özelliği desteklediğini belirtmektedir.

      • youtube.com

    • HTML5 ve CSS3 Eğitim Seti: 6. Ders

      Bu video, HTML5 ve CSS3 eğitim setinin 6. dersi olup, bir eğitmen tarafından sunulan bir web geliştirme eğitimidir. Videoda, HTML5'teki navigation etiketi, group etiketi ve section etiketi gibi yapısal etiketlerin kullanımı gösterilmektedir. Eğitmen, header ile section arasında bir menü yapısı oluşturarak navigation etiketinin nasıl kullanılacağını, CSS ile menü tasarımının nasıl yapılacağını adım adım anlatmaktadır. Ayrıca, group etiketi ile başlık etiketlerinin nasıl gruplandırılacağı ve footer, aside, section gibi bölümlerin nasıl oluşturulacağı da gösterilmektedir. Video, acemi bir site tasarımı örneği üzerinden bu etiketlerin temel kullanımını öğretmeyi amaçlamaktadır.

      • youtube.com

    • CSS 3 Eğitim Seti: Background Özellikleri

      Bu video, HTML 5 ve CSS 3 eğitim setinin 28. dersi olup, bir eğitmen tarafından sunulan bir CSS eğitim içeriğidir. Video, CSS 3 ile eklenen background özelliklerini anlatmaktadır. Eğitmen önce birden fazla arka plan resmi ekleme özelliğini göstermekte, ardından background size, background origin ve background clip gibi yeni eklenen özelliklerin kullanımını örneklerle açıklamaktadır. Özellikle background size özelliğinin contain ve cover değerlerinin nasıl çalıştığı detaylı olarak gösterilmektedir. Video boyunca kod örnekleri ve görsel sonuçlar üzerinden konu pekiştirilmektedir.

      • youtube.com

    • CSS3 Dersi: Background Origin

      Bu video, Emre Sabuncu tarafından sunulan bir CSS3 eğitim dersidir. Emre, CSS3 derslerinden biri olan "background origin" özelliğini anlatmaktadır. Videoda, background origin özelliğinin ne işe yaradığı ve nasıl kullanılacağı adım adım gösterilmektedir. Emre, bir div etiketi oluşturarak başlayıp, arka plan rengi, resim ekleme, background repeat, background position ve background size gibi temel CSS özellikleri kullanarak bir örnek oluşturur. Ardından background origin özelliğinin padding, border ve content box değerleriyle nasıl çalıştığını gösterir ve birden fazla resim kullanırken bu özelliğin nasıl kullanılacağını örneklerle açıklar. Video, tarayıcı desteği hakkında bilgi vererek sonlanır.

      • youtube.com

    • HTML5 ve CSS3 Animasyon Eğitimi: Timing Function

      Bu video, HTML5 ve CSS3 eğitim setinin 41. dersi olup, bir eğitmen tarafından sunulan bir eğitim içeriğidir. Videoda animasyonların timing function özellikleri detaylı olarak anlatılmaktadır. Eğitmen, beş adet div oluşturarak linear, ease, ease-in, ease-out ve ease-in-out timing function'larının nasıl çalıştığını göstermektedir. Ayrıca animasyonun name, duration, timing function, delay, iteration count ve direction gibi parametrelerinin nasıl kullanılacağı örneklerle açıklanmaktadır. Video sonunda eğitmen, bir sonraki derste animasyon ve dönüşümlerle ilgili bir örnek göstereceğini belirtmektedir.

      • youtube.com
  • Yazeka sinir ağı makaleleri veya videoları özetliyor