Magnetic, Pixelhint tarafından hazırlanmış responsive bir web teması. Tek sütunluk yapısıyla dikkat çeken tasarım HTML5 ve CSS3 kodlarıyla hazırlanmış. Oyun, eğlence veya fotoğraf türü içerikler için kusursuz bir sunum olan Magnetic’i ücretsiz olarak indirebilirsiniz.
Karşınızda Magnetic! (daha&helliip;)
Miniport, HTML5 ve CSS3 ile hazırlanmış responsive bir web teması. Minimalist yapısı ve single page özelliği ile sunumlarınız için mükemmel bir tercih.
Bu hafta HTML5up tarafından hazırlanmış Miniport temasıyla sizlerleyiz. (daha&helliip;)
Google‘ın tasarım devrimi üzerine konuşmaya devam ediyoruz. Material Design’ın günden güne web tarafına uyarlanan örnekleri bizim makalelerimizde de yerini buluyor. Daha önce buradaki makalemizde şık bir Material Design menü örneği hazırlamıştık.
Şimdi de ekranın büyük bir kısmını kaplayan, daha büyük yapıdaki bir başka menü tasarımı konu edeceğiz. HTML5, CSS3 ve jQuery desteğiyle hazırlayacağımız bu tasarım soğuk renklerden oluşuyor.
Bu makalemizde üzerine tıklandığında büyük ölçülerde açılan ve içeriği aksi yöne ittiren şık bir menü tasarımı hazırlayacağız. İkinci Material Design menü örneğiyle sizlerleyiz!
(daha&helliip;)
Eshopper, HTML5 ve CSS3 ile hazırlanmış bir alışveriş sitesi teması. Fonksiyonelitesini Bootstrap kütüphanesinden alan tema responsive yapısıyla da göz dolduruyor.
Bu hafta bir değişiklik yapıp sizlerle şık bir alışveriş teması paylaşıyoruz. (daha&helliip;)
Squadfree, sırtını Bootstrap’e yaşlamış şık bir single page web teması. Scrollspy ile de süslenmiş yapışkan menü yapısına sahip tema HTML5 ve CSS3’ün birçok yeniliğini içeriyor.
Bu hafta modern ve animetif tasarımıyla dikkat çeken Squadfree temasını inceliyoruz.. (daha&helliip;)
Start Bootstrap, adından da belli olduğu gibi Bootstrap altyapısını kullanan sade bir web teması. LESS ve sıkıştırılmış CSS dosyalarından oluşan tema kodlama tarafından da simplicity mantığından çıkmıyor.
Bu hafta renklerini Bootswatch’in Flatly temasından alan Start Bootstrap temasını inceliyoruz. (daha&helliip;)
Strafa, HTML5up tarafından hazırlanmış şık ve minimalist bir tema. HTML5 ve CSS3 teknolojilerini kullanan Strafa beraberinde parallax scrolling trendini de içeriyor.
Bu hafta pastel renklerden oluşan responsive yapıdaki Strafa temasını sizlerle paylaşacağız. (daha&helliip;)
Flex, Templatemo tarafından hazırlanmış, şık ve büyük bir slider ile başlayıp minimalist yapıda devam eden responsive bir web şablonu. Trial, portfolio, our team ve contact gibi alanları da barındıran tasarım flat renkleri başarıyla taşıyor. Bootstrap’le de desteklenmiş olması, biz tasarımcıların yapacağı revizyonları hızlandırıyor.
Bu hafta scrollspy ve sticky header gibi güncel tasarım trendlerini başarılı bir şekilde uygulayan Flex isimli temayı sizler için inceliyor olacağız.
Aradığınız şık ve kullanışlı bir tasarım ise Flex sizin için doğru tercih olabilir! (daha&helliip;)
Sadece CSS kodlarıyla açılabilir (dropdown) ve mobil uyumlu menü hazırlanabilir mi? Birkaç sene öncesine kadar bu işi JavaScript desteği olmadan yapmak hayalden öteye geçemezdi. Ancak bugün, CSS3’ün gelişen tanımlarıyla web tarafında neredeyse herşey mümkün!
Ayrıca aç/kapa düğmesiyle bu menüyü taşınabilir cihazlara özel stilize de edebiliyoruz. Evet, yanlış duymadınız. Aç/kapa işlemini bile sıradan bir checkbox öğesini selector gibi kullanarak CSS ile hazırlıyoruz.
Bu makalemizde sadece CSS kodları yazarak responsive yapıda bir dropdown menü hazırlayacağız. Sadece kod tarafında değil, önyüzde de basitliğe yönelerek bu tasarımı yapacağız.
Örneği görüntüleyerek derse başlayabilirsiniz.
HTML5 ile resimlerinizin önceki ve sonraki hallerini gösterebilirsiniz. Bu işlemi range inputuyla süsleyerek kaydırma çubuğuyla before/after işlemi uygulayabiliyoruz.
Özellikle fotoğrafçılık ve fotoğraf manipülasyonu üzerine yayın yapan blog yazarları, bu makalemiz sizleri hedef alıyor. Makalenin devamına göz atmadan önce örneği görüntülemenizi öneririz.
(daha&helliip;)
WordPress Kullanıcılarının En Sık Karşılaştığı Hatalar ve Çözümleri
Sitenize Kolayca Slider Ekleyin
Photoshop’u Türkçe Yapma, Türkçeleştirme
Kolayca fotoğraflarınızın kalitesini arttırın!
CSS Renk İsimleri
LESS nedir? Nasıl yazılır?
Neden Bitmap görselleri Vektörel’e çevirmeliyiz?
Photoshop ile Arkaplan Temizleme (Dekupe) ve Fırça Yapımı
Photoshop ile Gözlüğe Yansıma Ekleme