Bu yazımda CSS'in genişletilmiş bir versiyonu olan SASS (Syntactically Awesome Style Sheets)'ı ele alacağım. CSS yazma deneyimini geliştiren ve stil tabanlı projelerde daha...
En İyi CSS Hileleri ve Oluşturucuları
Web site tasarlarken değişik tasarımlara ihtiyaç duyulmaktadır. Tasarımlarımızı CSS ile yapıyoruz. Fakat bazı durumlarda istediğimiz sonucu alabilmek için oldukça uğraştıran kodlar yazmamız gerekiyor. Bu durumlar için online olarak istediğimiz tasarım kalıplarını sadece bir kaç tıklama ile ulaşabiliyoruz. Gölgeler, kenarlıklar, arka planlar ve gradyanlar gibi bir çok elementi istediğimiz gibi tasarlayabiliyoruz. Farklı CSS oluşturucuları ile işleriniz zamandan tasarruf ederek kolayca yapabileceksiniz. Sizler için dört farklı CSS Oluşturucu seçtim. Bunlardan istediğinizi deneyip kullanabilirsiniz.
1. CSS matic
CSS matic sitesine girdiğinizde size 4 farklı seçenek sunuyor. Kullanım amacınıza göre seçip kullanabilirsiniz.
Gradient Generator: Harika gradyanlar elde etmek için birden çok renk ve opaklık için kullanabilirsiniz.
Border Radius: Kullanımı son derece kolay ve zaman tasarrufu sağlar. Aynı anda seçilen tüm kenarlıkları değiştirin.
Noise Texture: Kirli pikseller ve parazit içeren ince arka plan desenleri oluşturun, rengi ve değerleri değiştirin ve sonuçları gerçek zamanlı olarak ön izleyin.
Box Shadow: Bulanıklık yarıçapı değişiklikleri, renk değişiklikleri, gölge boyutu ... Tek bir yerde harika gölgeler oluşturmak için ihtiyacınız olan her şey bu alanda.
Web site: CSS matic
2. Enjoy CSS
EnjoyCSS, rutin kodlamadan kurtulmanızı sağlayan gelişmiş bir CSS3 oluşturucusudur. Sitede iki farklı bölüm bulunmaktadır. İlki stil ikinci de oluşturucudur. Tasarımlarınızı özelleştirirken kısıtlama olmadan kullanmak istiyorsanız tam doğru yerdesiniz.
Stiller: Blank, Input, Block, Button
Oluşturucular: Text, Background, Shadows, Border and Radius, Transition, Transform
Bu sitede istediğiniz stilleri çok detaylı bir şekilde değişik yapıp eş zamanlı olarak sonucu görebilirsiniz. Seçimi yaptıktan sonra seçtiğiniz stile ait ayrı bir ekran gelmektedir. Buradan her türlü değişikliği rahatlıkla yapabilirsiniz. Tasarımı tamamladıktan sonra Get the code diyerek kodunuzu alıp kullanabilirsiniz.
Web site: EnjoyCSS
3. CSS Code Generator
Mevcut CSS oluşturuculardan seçim yaparak tasarımlarınızı hazırlayın. Kaydırıcılar, renk seçicilerle istediğiniz seçenekleri hızlıca ayarlayın ve etkileşimli HTML-CSS düzenleyiciyle kodları test edin. Kod yazmadan birçok şeyi tasarlayabilir ve düzenleyebilirsiniz.
Farklı Özellikleri
Tablo tasarlayabilir, renklendirebilir ve istediğiniz gibi biçimlendirebilirsiniz. Yazı tipleri ile çalışma yapabilirsiniz. Yazılara çok farklı efektler vererek müthiş görüntüler verebilirsiniz. Sütun oluşturup istediğiniz ayarlamaları yapabilirsiniz. Bunun gibi birçok güzel özellikleri barındırmaktadır.
Web site: CSS Code Generator
4. CSS Generator Tool
Site barındırdığı içerikler ve kullanım açısından oldukça basit ve anlaşılır. Fotoğraflara filtre verme, sütun düzenleme, imleç çeşitleri gibi farklı özelliklere de sahiptir.
Oluşturucular
Box Shadow, Text Shadow, Gradient, CSS Cursor, Border, Border Radius, Transform, RGBA & Hex Color, Filter, Multiple Columns
Web site: CSS Generator Tool
Umarım sizler için faydalı olmuştur. Mutlu kodlamalar!
Yorum yapabilmek için giriş yapmalısınız. Giriş yapmak için tıklayınız.