• Buradasın

    CSS

    Özetteki ilgi çekici içerikler

    • HTML ve CSS ile Tablo Oluşturma ve Stil Verme Eğitimi

      Bu video, bir eğitim içeriği olup, izleyicilere HTML ve CSS kullanarak tablo oluşturma ve stil verme konusunda adım adım rehberlik etmektedir.. Video, HTML bölümünde tablo oluşturma ve CSS bölümünde select kavramlarını öğrendikten sonra bu bilgileri birleştiren bir uygulama sunmaktadır. İçerikte, tablo oluşturma, CSS ile tablo ve hücrelerin stilini verme, arka plan renkleri, yazı renkleri, kenarlıklar, boşluklar ve hover efektleri gibi konular ele alınmaktadır. Ayrıca, farklı tablolara farklı stil verme için sınıf kullanımı da gösterilmektedir. Video, tabloların daha profesyonel ve kullanıcı dostu hale getirilmesi için pratik örnekler sunmaktadır.

      • youtube.com
    • 2024 Yıllık Front-End Geliştirme Crash Kursu

      Bu video, Gary Simon tarafından DesignCourse.com'da sunulan bir front-end geliştirme eğitim içeriğidir. Eğitmen, HTML, CSS ve JavaScript teknolojilerini öğrenmek isteyenler için kapsamlı bir crash kursu formatında eğitim vermektedir.. Video, Figma'da tasarlanan bir UI/UX tasarımının Visual Studio Code kullanılarak nasıl kodlanacağını adım adım göstermektedir. İçerik, temel HTML yapısı oluşturma, CSS ile stil uygulama, responsive tasarım prensipleri ve JavaScript ile interaktif özellikler ekleme konularını kapsamaktadır. Eğitmen, "mobile first" yaklaşımını vurgulayarak, mobil ve masaüstü görünümlerinde farklı düzenlemeler yapmayı detaylı şekilde anlatmaktadır.. Eğitim boyunca, HTML elementleri (div, header, img, a), CSS özellikleri (margin, padding, display flex, media queries), utility class'lar, pseudo selector'lar ve JavaScript fonksiyonları gibi konular ele alınmaktadır. Ayrıca, WCAG kontrast oranları, hover efektleri ve responsive buton tasarımı gibi pratik uygulamalar da gösterilmektedir.

      • youtube.com
    • Responsive Web Tasarımı Eğitimi

      Bu video, Emir adlı bir eğitmen tarafından sunulan web geliştirme eğitim içeriğidir. Eğitmen, izleyicilerin isteği üzerine responsive web tasarımı konusunu ele almaktadır.. Videoda, daha önce oluşturulan scroll animasyonlu bir web sitesinin mobil görünümüne dönüştürülmesi adım adım gösterilmektedir. Eğitmen, Visual Studio Code kullanarak CSS kodlarını düzenleyerek web sitesinin mobil cihazlarda daha iyi görünmesini sağlar. İlk olarak web sitesini parçalara ayırarak her bir bölüme ayrı ayrı responsive CSS ayarları yapar, ardından JavaScript ile animasyonların mobil cihazlarda düzgün çalışmasını sağlar.. Eğitimde flexbox kullanarak içeriklerin mobil cihazlarda nasıl düzenleneceği, font boyutlarının, margin değerlerinin ve ekran genişliğine göre düzenlemeleri gösterilmektedir. Ayrıca, sayfa genişliğine göre farklı CSS ayarları yaparak mobil görünümü iyileştirir ve tıklandığında mavi kutu oluşturma gibi görsel özellikler ekler.

      • youtube.com
    • HTML Temel Kursu

      Bu video, bir eğitmen tarafından sunulan kapsamlı bir HTML eğitim içeriğidir. Eğitmen, HTML'in temel yapı taşlarını ve kullanımını adım adım göstermektedir.. Video, HTML belgesinin oluşturulması ile başlayıp, temel HTML etiketleri (html, head, body, title, image, input), inline ve blocking elementler, hyperlink oluşturma, listeler, tablolar, form elemanları ve HTML entitesi kullanımını detaylı şekilde anlatmaktadır. Daha sonra HTML'deki renk kodları ve JavaScript ile DOM (Document Object Model) üzerinde manipülasyon yapma teknikleri gösterilmektedir. Son bölümde ise HTML5 ile gelen semantic HTML kavramına değinilmektedir.. Eğitim içeriğinde ayrıca CSS ile temel layout oluşturma teknikleri, DOM Content Loaded olayı kullanımı ve elementleri seçme yöntemleri de örneklerle açıklanmaktadır. Video, web geliştirme temellerini öğrenmek isteyenler için temel bir kaynak niteliğindedir.

      • youtube.com
    • Web Sayfası Tasarımı Eğitim Videosu

      Bu video, bir web geliştirme eğitim serisinin bir bölümüdür. Eğitmen, daha önceki derslerde öğretilen liseler ve linkler üzerinde işlem yapma konusunu uygulamalı olarak göstermektedir.. Videoda, bir web sayfasının son halinin nasıl güzelleştirileceği adım adım anlatılmaktadır. Eğitmen, listelere ikon ekleme, padding ve margin değerleri ayarlama, border radius ekleme gibi CSS özellikleri kullanarak sayfanın görünümünü iyileştirmektedir. Ayrıca, tek kısımların (tags) nasıl biçimlendirileceği, a etiketlerinin nasıl düzenleneceği ve header başlığı ekleme gibi konular da ele alınmaktadır. Video, web sayfası tasarımında temel CSS tekniklerini öğrenmek isteyenler için faydalı bir kaynaktır.

      • youtube.com
    • HTML ve CSS ile YouTube Tarzı Web Sayfası Oluşturma Eğitimi

      "Videokod" kanalında yayınlanan bu eğitim videosunda, bir eğitmen HTML ve CSS kullanarak YouTube tarzı bir web sayfası oluşturma sürecini adım adım anlatmaktadır.. Video, web sayfasının temel bileşenlerinin (header, arama bölümü, resim-yazı bölümü, YouTube tarzı menü, sol ve sağ bölümler) HTML5 tagleri ile oluşturulması ve CSS ile stil verilmesi üzerine odaklanmaktadır. Eğitmen, position fix, float, padding, border, margin, text-shadow, transition gibi CSS özellikleri kullanarak öğelerin konumlandırılması, boyutlandırılması ve görsel efektlerin nasıl uygulanacağını detaylı şekilde göstermektedir.. Eğitim boyunca Google Font kullanarak yazı tipi ekleme, YouTube videosu ekleme, footer alanı oluşturma, nokta çizgileri oluşturma, div'leri yan yana yerleştirme, buton ekleme ve resim üzerine efekt uygulama gibi pratik uygulamalar da gösterilmektedir. Video sonunda eğitmen, unuttuğu yerleri açıklamalar bölümünde tamamladığını belirtmektedir.

      • youtube.com
    • Bir Saatte CSS Eğitimi

      Bu video, bir eğitmen tarafından sunulan kapsamlı bir CSS eğitim dersidir. Eğitmen, önceki videolarda HTML eğitimi verdiğini ve ileride Bootstrap eğitimi yapacağını belirtmektedir.. Video, CSS'in temel kavramlarından başlayarak ileri seviye özelliklere kadar uzanan bir yapıya sahiptir. İlk olarak CSS'in ne olduğu ve HTML ile ilişkisi anlatılmakta, ardından renk kodları, class ve id seçiciler, kenarlık, boşluk, metin hizalama gibi temel özellikleri gösterilmektedir. Daha sonra buton oluşturma, hover efekti, responsive tasarım ve Google Fonts kullanımı gibi pratik uygulamalar ele alınmaktadır.. Eğitim boyunca kod örnekleri ve sonuçları ekranda gösterilerek, izleyicilere adım adım CSS kullanımını öğreten bir öğrenme deneyimi sunulmaktadır. Ayrıca, mobil uyumlu tasarım için "line-clamp", maksimum genişlik ve yükseklik değerleri, flexbox gibi teknikler de detaylı olarak açıklanmaktadır.

      • youtube.com
    • Bir Saatte HTML Kursu

      Bu video, bir eğitmen tarafından sunulan kapsamlı bir HTML eğitim kurusudur. Eğitmen, web geliştirme temellerini adım adım anlatmaktadır.. Video, HTML'in temellerinden başlayarak ileri seviye konulara kadar uzanan bir yapıya sahiptir. İlk bölümde HTML'in ne olduğu, gerekli programların kurulumu ve temel HTML etiketleri (html, head, body, title, h1-h6, p, br, hr) anlatılırken, sonraki bölümlerde bağlantılar, resimler, sesler, video oynatma, metin biçimlendirme, listeler, tablolar, CSS kullanımı, div ve span etiketleri, meta etiketleri, iframe, buton ekleme ve form oluşturma konuları ele alınmaktadır.. Eğitim, Visual Studio Code ve Google Chrome kullanarak pratik örneklerle ilerlemekte ve her konu için gerekli etiketler, parametreler ve kullanım şekilleri detaylı olarak gösterilmektedir. Video, web geliştirme öğrenmek isteyenler için temel HTML bilgilerini içermekte ve son bölümde CSS ve JavaScript öğrenme önerisiyle sonlanmaktadır.

      • youtube.com
    • HTML, CSS ve GitHub Pages ile İnternet Sitesi Kurma Eğitimi

      Bu video, bilgisayar mühendisi ve yazılım geliştiricisi Ali Onur Geve tarafından sunulan bir eğitim içeriğidir.. Video, giriş seviyesinde HTML, CSS ve GitHub bilgisi olan kişiler için internet sitesi kurma sürecini adım adım göstermektedir. İçerikte GitHub hesabı oluşturma, repository oluşturma, Visual Studio Code kullanarak index.html dosyası oluşturma, meta tag'ları, viewport ayarları, CSS dosyası oluşturma ve sosyal medya butonları ekleme gibi temel web geliştirme işlemleri anlatılmaktadır.. Eğitim ayrıca butonlara arka plan rengi verme, hover efekti ekleme, responsive tasarım yapma ve linklerin yeni tab'da açılmasını sağlama gibi CSS özellikleri de kapsamaktadır. Video, oluşturulan web sitesinin GitHub'a yüklenmesi ve GitHub Pages üzerinden online olarak erişilebilir hale getirilmesi ile sonlanmaktadır.

      • youtube.com
    • Sıfırdan Mobil Uyumluluğa Sahip Web Sitesi Tasarımı Eğitimi

      Bu video, bir eğitmen tarafından sunulan web geliştirme eğitim içeriğidir. Eğitmen, izleyicilere sıfırdan bir web sitesi tasarımı ve mobil uyumluluğu sağlama sürecini adım adım göstermektedir.. Video, CSS ile flexbox kullanarak web sitesi tasarımı ve mobil uyumluluğu sağlama konusunu ele almaktadır. Eğitim boyunca HTML ve CSS kodları yazarak, menü hizalama, renk geçişleri, hover efektleri ve transparanlık efektleri gibi özellikler eklenmektedir. Ayrıca, farklı ekran çözünürlüklerinde (992 piksel) site yapısının nasıl değişeceğini göstermek için medya sorguları kullanılmaktadır.. Eğitimde, eski float ve position özelliklerinin yerine tüm hizalama işlemlerinin flexbox ile nasıl gerçekleştirileceği, menü barı, galeri alanı ve footer gibi bölümlerin nasıl oluşturulacağı ve mobil görünümde menünün nasıl değişeceği detaylı olarak anlatılmaktadır.

      • youtube.com
    • HTML ve CSS ile Video Oynatma Uygulaması Eğitimi

      Bu video, bir web geliştirme eğitim içeriğidir. Eğitmen, HTML ve CSS kullanarak video oynatma uygulaması oluşturmayı adım adım göstermektedir.. Video, bir HTML belgesi üzerinden başlayıp, Google Fontlar ve CSS stil sayfası kullanarak tasarım sürecini göstermektedir. Eğitmen, video kapsayıcısı, kontrol düğmeleri, oynatma ve duraklatma butonları gibi öğelerin nasıl oluşturulacağını ve CSS ile nasıl stillendirileceğini anlatmaktadır. Ayrıca, video oynatma için JavaScript kütüphanesinin nasıl kullanılacağı ve video kontrolünün mobil cihazlar için nasıl ayarlanacağı da gösterilmektedir.

      • youtube.com
    • HTML ve CSS ile Web Sayfası Tasarımı Eğitimi

      Bu video, bir eğitmen tarafından sunulan web geliştirme eğitim içeriğidir. Eğitmen, HTML ve CSS kullanarak basit bir web sayfası tasarımı adım adım göstermektedir.. Video, navigasyon bölümünün oluşturulmasıyla başlayıp, linklerin ekleme ve CSS ile biçimlendirilmesi, ana sayfada içerik oluşturma, paragraf, kalın ve italik yazı ekleme, resim ekleme ve footer bölümünün oluşturulması ile devam etmektedir. Ayrıca footer'ın arka plan rengi, boşluk oluşturma ve kenarları arasında boşluk ekleme işlemleri de gösterilmektedir.. Eğitim, web sayfası tasarımı öğrenmek isteyenler için temel HTML ve CSS bilgilerini içermekte ve ana sayfanın tamamlandığını belirterek, diğer sayfaların oluşturulmasına geçileceğini ifade etmektedir.

      • youtube.com
    • Bootstrap ile Ücretsiz Web Sitesi Kurma Eğitimi

      Bu video, Emre Sayın tarafından sunulan bir web geliştirme eğitim içeriğidir. Eğitmen, izleyicilere Bootstrap kütüphanesi kullanarak ücretsiz web sitesi oluşturma sürecini adım adım göstermektedir.. Video, COVID-19 döneminde internet üzerinden iş yapmak isteyenler için hazırlanmış olup, MDB Bootstrap'ın indirilmesi, favicon ekleme, menü linkleri oluşturma, "Neden bizi tercih etmelisiniz" bölümü eklemesi, kartlar, iletişim ve footer oluşturma gibi konuları kapsamaktadır. Eğitmen, Atom code editörü kullanarak örnek bir web sitesi oluşturarak HTML ve CSS kodlarını göstererek pratik bilgiler sunmaktadır.. Eğitimde ayrıca ızgara grid sistemi kullanarak sayfanın düzenini ayarlamak, butonlar eklemek, footer kısmında iletişim bilgilerini düzenlemek ve yukarı çık butonu eklemek gibi konular ele alınmaktadır. Eğitmen, ileride HTML ve CSS konularında daha detaylı videolar atılacağını da belirtmektedir.

      • youtube.com
    • HTML CSS Dersleri: İlişkili Makaleler Ekleme

      Bu video, Nurullah Taş tarafından sunulan HTML CSS derslerinin bir parçasıdır. Nurullah, izleyicilere adım adım HTML ve CSS kullanarak bir web sayfasına ilişkili makaleler alanı eklemeyi göstermektedir.. Videoda, footer'ın üstüne "İlişkili Makaleler" adlı bir yan alan oluşturma süreci anlatılmaktadır. Nurullah önce üç farklı resim indirip, ardından HTML ve CSS kodları kullanarak bu resimleri ve ilgili makaleleri listeleme yapısını oluşturur. Listede her makale için resim, başlık ve yazar bilgisi eklenir. Video, CSS'in sidebar yapısını nasıl etkilediğini göstererek sonlanır.

      • youtube.com
    • Bootstrap ile Web Sitesi Tasarımı Eğitimi

      Bu video, bir eğitmen tarafından sunulan Bootstrap kullanarak web sitesi oluşturma eğitimidir. Eğitmen, temel HTML ve CSS bilgisi olan izleyicilere yönelik adım adım bir ders sunmaktadır.. Videoda, Bootstrap'ın temel bileşenlerinin nasıl kullanılacağı gösterilmektedir. İlk bölümde menü (navbar) oluşturma, responsive tasarım için breakpoint'leri kullanma, slider ekleme ve footer oluşturma konuları ele alınırken, ikinci bölümde kartların (card) nasıl ekleneceği, düzenleneceği ve yatay-dikey olarak nasıl yerleştirileceği anlatılmaktadır.. Eğitmen, Bootstrap'ın class'larını kullanarak web sitesinin görünümünü nasıl özelleştirebileceğinizi göstermekte ve temel HTML bilgisi olmadan bile Bootstrap'ı nasıl kullanabileceğinizi açıklamaktadır. Ayrıca, bu serinin devamında HTML ve CSS ile sıfırdan web sitesi yapma videosu çekeceğini belirtmektedir.

      • youtube.com
    • HTML ve CSS ile JavaScript Framework Kullanım Oranları Grafiği Oluşturma Eğitimi

      Bu video, bir eğitim içeriği olup, izleyicilere adım adım HTML ve CSS kullanarak JavaScript framework kullanım oranları grafiği oluşturma sürecini göstermektedir.. Video, IDE'de index.html sayfasının açılmasıyla başlayıp, CSS sınıflarının tanımlanması, div etiketlerinin oluşturulması ve JavaScript framework kullanım oranlarının (JavaScript, Knockout.js, Backbone.js, jQuery ve Node.js) grafik üzerinde gösterilmesi sürecini detaylı şekilde anlatmaktadır. Eğitmen, kod yazarken İngilizce sınıf isimleri kullanmanın önemini vurgulamakta ve son olarak oluşturulan HTML dosyasının tarayıcıda görüntülenmesiyle videoyu sonlandırmaktadır.

      • youtube.com
    • HTML ve CSS Dersleri: İlk Ders

      Bu video, bir eğitmen tarafından sunulan HTML ve CSS derslerinin ilk bölümüdür. Eğitmen, izleyicilere temel bilgileri adım adım anlatmaktadır.. Video, HTML ve CSS öğrenmek isteyenler için gerekli programların (Notepad++) kurulumu ve klasör düzeni oluşturma ile başlıyor. Ardından temel HTML sayfası yapısı (html, head, title, body) görsel hatırlatıcılarla açıklanıyor. Eğitmen, kodların doğru sıralamasının önemini vurgulayarak, bir sonraki derste daha detaylı meta kodlarını anlatacağını belirtiyor. Video, sıfırdan başlayanlar için temel bir HTML sayfası oluşturma sürecini kapsamlı şekilde ele alıyor.

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