Kategoriler
ASP.NET CSS HTML JavaScript

ASP.NET ile URL Kısaltma Uygulaması

Projenin Amacı Uzun URL’ler için kısa yönlendirme linki oluşturmak. Proje Öncesi Amaca uygun olarak bir planlama yapıldı. Uzun linki bir kriptolama algoritması ile oluşturulan kısa kod ile mapleyen bir veritabanı düşünüldü. Uzun linke gitmek için de 301 yönlendirme yapan bir link oluşturulması gerektiği belirlendi. Uygulama Uygulama için kullanılan paketler; MySql.Data.Entity 6.10.9 (ASP.NET) bootstrap 4.6.0 (ASP.NET) […]

Kategoriler
CSS HTML JavaScript

HTML, CSS ve JS ile Sekmeli İçerik Yapımı

Tab menüler çok kolay bir mantığa dayanıyor. İşin özü görünen elemanı display: none yapıp görünecek elemanı da display: block yapmak. Görünecek elemanı da a etiketinin href‘ine yazdığımız eleman id‘sinden buluyoruz. Güzel görünmesi için de birkaç CSS yazmak gerek tabii ki. Ben biraz karmaşıklaştırmak için kapanan elemanın kayarak gideceği bir efekt yapmak istedim. Kodlar her zamanki gibi JSFiddle’da.

Kategoriler
CSS HTML

HTML ve CSS ile Elemanları Dikey ve Yatay Eksende Ortalamak

Bu işlemi yapmak için birden fazla yöntem mevcut. 1. yöntem table ve table-cell kullanmak. 2. yöntem display: flex ile yapmak. 3. yöntem de position: absolute ile elemanı tabiri caiz ise uçurmak. 3. yöntemin dezavantajı içerideki elemanın sabit bir yükseklik ve genişliği olması gerekiyor. Bana sorarsanız en kullanışlı yöntem display: flex ile yapmak. Tüm yöntemler aşağıdaki JSFiddle’da bulunuyor.

Kategoriler
CSS HTML JavaScript

HTML, CSS ve JS ile Açılır Kapanır Menü Yapımı

HTML, CSS ve JS ile açılır kapanır menü yapmak oldukça kolay bir işlem. Bilmeniz gerekenler classList.toggle ve getElementById methodu ve addEventListener ile event ekleme. Gerisi tamamen CSS işlemleri. CSS ile yapacağımız işlem menü open classına sahipse transform özelliğini sıfır yapmak. Kodların her şeyi açıkladığını düşündüğüm için pek detaya girmeyeceğim. Karışık bir işlem değil. Sorularınız yorum yapabilir veya iletişim kısmından iletişime geçebilirsiniz. Aynı zamanda canlı […]

Kategoriler
CSS

CSS Child Özelliği

Bu rehberimde yeni başlayanlar için CSS’in eski özelliklerinden olan child özelliğinden bahsedeceğim. Bootstrap gibi frameworkler çıkmadan önce grid sisteminde bize çok yardımcı olurdu. Child özelliğini 3 başlıkta inceleyebiliriz. Bir de bonus başlık olacak. 1. İlk Elemanı Seçme [:first-child]​ Bu seçenek ile bir etiket içindeki ilk elemanı seçebiliriz. Mesela bir liste yaptığımızı düşünelim ve aralarına margin-top ile boşluk […]

Kategoriler
CSS

CSS ile Menü Kenarına Ok Yapmak

Projelerimden biriyle uğraşırken canım sıkıldı ve CSS’te “before” ve “after” özelliklerinden bahsetmek istedim. Yorumlara siz de bu özellik ile yapılabilecek başka içerikler önerebilirsiniz. En basit tabirle “before” bir elemanın içine ilk sıraya HTML elemanı dışında bir eleman daha eklemenize olanak tanır. Bu ister metin olabilir, isterseniz de benim bahsedeceğim gibi çeşitli şekiller. Söylemeye gerek var […]