• Buradasın

    CSS3

    Özetteki ilgi çekici içerikler

    • HTML5 ve CSS3 Eğitim Seti: Dönüşümler ve Geçişlerle Kullanma

      Bu video, bir eğitmen tarafından sunulan HTML5 ve CSS3 eğitim setinin 39. dersidir. Videoda CSS3'teki dönüşümler (transformations) ve geçişler (transitions) konuları ele alınmaktadır. Eğitmen önce temel CSS özellikleri ayarlayıp, ardından transition class'ı ekleyerek dönüşümleri göstermektedir. Dönüşümler arasında translate (kaydırma), scale (ölçekleme), rotate (döndürme) ve skew (bükme) özellikleri detaylı olarak anlatılmakta ve her birinin nasıl kullanılacağı örneklerle açıklanmaktadır. Videoda ayrıca dark golden road veya dark haki renklerle geçiş yaparak, mouse üzerine geldiğinde sağa ve sola kayma işlemleri adım adım gösterilmektedir. Eğitmen, transitionların şimdilik bu kadarlık anlatımının yeterli olduğunu ve önümüzdeki derslerde tekrar kullanılacağını belirtmektedir.

      • 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

    • 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

    • 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

    • 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

    • Dreamweaver ile CSS Kullanarak Web Sayfası Tasarımı Eğitimi

      Bu video, bir eğitmen tarafından sunulan, Dreamweaver programında CSS kullanarak web sayfası tasarımı yapma sürecini adım adım gösteren kapsamlı bir eğitim içeriğidir. Video, web sayfası tasarımının temel aşamalarını kapsamaktadır: yeni HTML sayfası oluşturma, CSS stilleri tanımlama, logo ve menü oluşturma, yatay menü düzenleme, içerik bölümlerini yan yana yerleştirme, footer oluşturma ve linklerin biçimlendirilmesi. Eğitmen, insert paneli, properties paneli ve CSS styles panelini kullanarak, div etiketleri, float özelliği, margin, padding, border ve border-radius gibi CSS özellikleriyle sayfa yapısını adım adım oluşturuyor. Eğitim boyunca, web sayfasının üst kısmından başlayarak alt kısmına kadar tüm bölümler (header, content, footer) detaylı olarak ele alınmakta ve her adımda tarayıcıda test edilerek sayfanın son haline bakılmaktadır. Ayrıca, CSS3 ile gelen "border-radius" özelliğinin kullanımı ve resimlere link verme gibi modern web tasarım teknikleri de gösterilmektedir.

      • 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

    • 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

    • 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

    • 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'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

    • 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

    • 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

    • 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

    • 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

    • 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 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 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
  • Yazeka sinir ağı makaleleri veya videoları özetliyor