Son yıllarda mobil tasarımlarım da hız kazanmasıyla, front-end geliştiricilerinin kullandığı web dillerinin ve araçların sayısında hızlı bir artış olduğu bilinen bir gerçek. Frameworkler bu yoğun çalışmaların hem yönlendirici hem de kılavuzu olma işlevini yerine getirerek, arayüz geliştirme sırasında, son kullanıcı ihtiyaçlarının karşılanmasında maksimum esnekliği kazanmakta geliştiricilere ciddi anlamda katkıları olan web kütüphaneleri olarak kabul edilebilirler.
Html, Css, JavaScript gibi dillerin bileşenlerinden derlenen, front-end frameworklerinden, kullanım kolaylığı açısından ve kullanıldıkları projelerle daha kolay fikir edinmemizi sağlamaları, aynı zamanda ulaşılabilir kaynakları fazla olduğu için geliştiricilerin sıklık tercihlerine göre, en popüler framworklere bu yazımızda yer vereceğiz.
Devamı
Devamı
15 Temmuz 2015
minimalcoding
2825 0
CSS ile Tablodaki Boş Hücreler (empty-cell) Nasıl Gizlenir?
Css özelliklerinden “empty-cell” görünebilir içeriği olmayan hücrelerin etrafındaki border ve arkaplanlardan hangilerinin gösterilip gösterilmeyeceğini belirlemekte kullanılır.
Devamı
Devamı
13 Temmuz 2015
minimalcoding
6708 0
CSS3 Gradient Kullanımı Ve Özellikleri
CSS de arkaplan için tek bir renk veya gradient özelliğini kullanabilirsiniz. CSS3 ten itibaren kullanılmaya başlanan gradient özelliği resim kullanmak yerine ihtiyacınız olan alanda, geçişli renkler kullanmanıza olanak sağlar. (Renk geçişlerinde kullanımının yanı sıra farklı amaçlarla da kullanılabildiği için, renk geçişi olarak çevirmek doğru bir ifade olmayacaktır. )
Gradientler arkaplan resimleridir
Arkaplanda tek bir renk kullanmak istediğinizde background-color özelliğini kullanırken, gradientler için background-image özelliği kullanılır.
Devamı
Devamı
12 Temmuz 2015
minimalcoding
2375 0
CSS :first-letter İle yazıların ilk harfini sitillendirme
Html yapısı içerisinde herhangi bir “span” yapısı kullanmadan yazılarımızın ilk harfini sözde eleman yapısı ile istediğimiz gibi düzenleye bilirsiniz. :first-letter sözde eleman yapısı , yazıların ilk harfine sanki bir etiket eklemiş gibi düzenlemenize yardımcı olacaktır.Bu kullanım yönetemi ile html içerisinde fazla kod yazımından da tasarruf etmiş sayılabilir. :first-letter kullanımına örnekler üzerinde inceleyelim.
Devamı
Devamı
11 Temmuz 2015
minimalcoding
3405 0
Css ile Üçgenler Oluşturmak
Çalışmanızda görsel kullanmayı düşünmeden, bir kaç satır kodla ihtiyacınız olan geometrik şekilleri oluşturabilirsiniz. “Üçgen” de bu şekillerden birisi. Duyar duymaz aklınızda bir stil canlanmasa da tasarımınızdaki diğer şekil ve bileşenleri birleştirmekte faydalanılan şekiller üçgenler. Css ile üçgenleri oluşturmada kullanılan özellik border özelliğidir. Borderlar, kesişim yerleri 45 derecelik açıyla birleşen kenarlıklar olarak düşünebilir. Normal bir border oluşturduğumuzda şeklin ortasında boş bir alan kalır. Genişlik ve yüksekliği sıfırlayarak ortadaki boş alanı kaldırmış oluruz ve “border-width”i eşit ölçülere getirdiğimizde 4 eşit büyüklükte üçgene bölünmüş bir şekile sahip oluruz. Border-width değerleri değiştirilerek css ile simetrik olmayan üçgenler elde edebiliriz. Değerlerden, istediğimiz yönde olanı 0px olarak değiştirdiğimizde diğer ölçüler aynı olmak koşuluyla önceki şekline göre 2 yarım 1 tam üçgeni saran bir (yarım) border oluşmuş olur. Yukarı, aşağı, sağ veya sola doğru üçgenler oluşturmak istediğimizde, üçgenin işaret ettiği yönün tersi istikameti border-bottom dır, taban genişliği buradan ayarlanır. Tooltip yapılarında , açılan menülerin belirginliğini arttırma yöntemlerinde sıklıkla kullanımını görmüşsünüzdür. Örneklerle kullanım methodlarına bakalım.
Devamı
Devamı
9 Temmuz 2015
minimalcoding
6874 1
CSS Animasyon Nedir ve Nasıl Çalışır?
Sitelerin daha dinamik ve profesyonel gözükmesi için tasarımında farklılıklar yaratmak gerekir. CSS ile kısmı şekilde sitenizin stilinde değişiklik yapabilmek mümkündür. Her geçen gün biraz daha gelişen ve değişik animasyon yapılarını içerisinde barındıran CSS, CSS3 olarak daha işlevsel animasyon kodlarını yayınladı.
Artık java ve flash kullanmaya gerek kalmadan CSS3 ile dinamik animasyon figürleri yapabilmek mümkündür. Her ne kadar tüm tarayıcılar için yüzde yüz bir destek söz konusu olmasa da, CSS3 animasyon kodlarının yüzde 90 kadarını her tarayıcı sorunsuz çalıştırabilmektedir. Bu oranın her geçen zaman biraz daha artacağını söyleyebiliriz.
Devamı
Devamı
7 Temmuz 2015
minimalcoding
2090 0
CSS Tüm Media (Medya) Tipleri
Farklı medya alanları için farklı CSS tanımlamları yapmak gerekebilir. Daha önceki yazılarımızdan hatırlayacağınız gibi mobil cihazlar ve print yapıları için ayrı CSS sitilleri tanımlamıştık, bu yazımıda CSS içerisinde kullanılan diğer medya tiplerinin ne olduğunu bir tablo üzerinde ifada etmeye çalışacağız. Devamı
Devamı
1
2
3
…
5
Minimal Coding'i Takip Edin
Kategoriler
CSS (34)
HTML (20)
Javascript (11)
Less (3)
Sass (5)
Wordpress (3)
Popüler Yazılar
CSS Responsive Media Query Nedir? Nasıl Kullanılır?
CSS Display Özellikleri Nelerdir? Nasıl Kullanılır?
Javascript ile input alanlarına sadece rakam girebilmek
CSS Animasyon Nedir ve Nasıl Çalışır?
CSS3 Gradient Kullanımı Ve Özellikleri
Copyright All rights reserved. © 2015 Minimal Coding | Privacy Policy
Minimal Coding Privacy Policy
Sitemizi ziyaret eden kullanıcılar aşağıdaki koşulları, yazılanlarla sınırlı olmamak şartıyla kabul etmiş sayılacaktır. “www.minimalcoding.net” sitesinde yer alan tüm bilgiler,tasarım,logo,yorum ve tavsiyeler ile ses, görüntü, yazı içeren bilgi ve belgeler (“İçerik”) ile buradan yapılan tüm linkler, kullanıcıya genel bilgi vermek amacıyla sunulmuştur.
Burada mevcut olan İçerik, Minimal Coding'i Kaynak göstermeden paylaşılamaz ve yayınlanamaz. Bu siteye erişim serbest ve anonimdir.