Bu yazımda yapışkan web sitenizde bulunan sidebar (kenar çubuklarını) yapışkan hale getirip projenize nasıl entegre edebileceğinizi anlatıyor olacağım. Gün geçtikçe kullanımı artan bu yapışkan sidebar çeşidi bir web sitesinde kullanıcıların aşağı ve yukarı kaydırma işlemini yaparken kalıcı olarak görünür durumda kalmasına yarayan oldukça kullanışlı bir sidebar çeşididir. Ben javascript bilgimin üst seviyede olmaması kaynaklı olarak … Okumaya devam et Yapışkan Sidebar Nasıl Yapılır?
Kategori: Web Tasarım
CSS ve jQuery ile Sosyal Medya Paylaş Buton Barı
Uzun zamandır yazı giremiyorum sitenin kapanmasına kadar giden bir süreç oldu ama bu kadar emeğin boşa gitmemesi amacıyla geri döndüm. Hem başlangıç olması amacıyla hemde yararlı olacağını düşündüğüm bir css örneği paylaşmak istedim. Bu yazıda css ve jquery yardımıyla sayfada aşağıya inildiğinde ortaya çıkan yukarı çıkıldığında kaybolan bir sosyal medya paylaş buton barı örneği paylaşacağım. … Okumaya devam et CSS ve jQuery ile Sosyal Medya Paylaş Buton Barı
Herhangi Bir Linkin Sosyal Medya Sitelerindeki Paylaşım Sayısını Gösterme
Sosyal medya ile alakalı bir proje başlangıcı aşamasındayım bu aşamada sistemimi geliştirme için birçok araştırma yapıyorum bu araştırmalar sırasında hem benimde hemde sizin işinizi göreceğini düşündüğüm bu içeriği hazırladım. Bu yazıda sitenizin herhangi bir linkinin facebook, twitter ve google plus sitelerinde ne kadar paylaşıldığını aracı bir site olmaksızın sadece sitelerin kendi sağladığı API’ler sayesinde nasıl … Okumaya devam et Herhangi Bir Linkin Sosyal Medya Sitelerindeki Paylaşım Sayısını Gösterme
Sol Taraftan Açılıp Kapanabilen Drawer Menü
Android’in Marshmallow sürümüyle hayatımıza giren Materyal Tasarım trendinin en çok beğenilen özelliği olan drawer menü hakkında bir örnek hazırladım. Google’nin yeniden tasarladığı veya yeni projelerinde sıkça yer verdiği drawer menü oldukça kullanışlı bir menüdür. Tasarladığım menüyü adım adım yapılışını anlatarak sizlerle paylaşmak istedim, umarım beğenirsiniz. Menü oldukça kullanışlı ve modern bir yapıdadır. Çalışma mantığı ise hamburger görünümünde olan … Okumaya devam et Sol Taraftan Açılıp Kapanabilen Drawer Menü
Web geliştiricileri için en iyi 10 materyal tasarım kartları
Son yıllarda popüleritesi artan Google Material Design trendi hakkında yeni yazımın konusu en iyi 5 materyal tasarım kartı. Web tasarım blogları, dergiler tarafından yapılan ön görülerde kartların birkaç yıl içinde web ve mobil tasarımlarını domine edeceği yönünde. Nitekim büyük şirketler mobil ve web tasarımlarında bu tasarım trendine kaydığını görebiliyoruz. Örneğin twitter, facebook, google, pinterest vb gibi büyük şirketlerin … Okumaya devam et Web geliştiricileri için en iyi 10 materyal tasarım kartları
iOS’da input’a tanımlanan stilleri algılamama sorununun çözümü
Bu yazımda Web geliştiricilerin iOS Safari’de karşılaştıkları input’a tanımlanan stilleri algılamama sorunun çözümünden bahsettim. Çözümü aslında oldukça basit olmakla birlikte hem kendim için hemde bu sorunla karşılaşacaklara yardımcı olmak amacıyla bu yazıyı hazırladım. İşte iOS’da input’a tanımlanan stilleri algılamama sorununun çözümü; input { -webkit-appearance: none; -webkit-border-radius: 0; } Yukarıdaki yöntem sorununuzu çözmekle birlikte tavsiye ettiğim bir çözüm … Okumaya devam et iOS’da input’a tanımlanan stilleri algılamama sorununun çözümü
Web Geliştiricileri için En İyi Materyal Tasarım Framework’leri
Evet arkadaşlar bu yazımız ile birlikte materyal tasarım kaynak paylaşımlarına devam ediyoruz. Bu yazıda Materyal tasarım için web geliştiricileri tarafından kullanılabilecek en iyi 5 materyal tasarım framework’lerini listedim. Framework: Kütüphane 1. Materialize Materialize, responsive bir css framework’üdür. Bu css kütüphanesi Carnegie Mellon Üniversitesi öğrencilerin tarafından geliştirilmiştir ve geliştirilmeye devam etmektedir. Responsive (duyarlı) olmakla birlikte css, javascript, ikonlar … Okumaya devam et Web Geliştiricileri için En İyi Materyal Tasarım Framework’leri
+4000 Adet Materyal Tasarım İkon Seti
Webalys tarafından yayınlanan son zamanlarda en güzel şekilde yapılmış NOVA Materyal Tasarım ikon seti yayınlandı. Bu ikon setinin tamamını 127 $ para ödeyerek sahip olabilirsiniz ayrıca 350 tanesini ücretsiz şekilde indirebilirsiniz. [box type=”alert-info”]Daha fazla ikon ihtiyacınız varsa Google tarafından yayınlanan ikonlara göz atabilirsiniz. Tıklayın.[/box] [button color=”btn-danger” size=”” link=”http://www.webalys.com/nova/free/Nova-Free-Pack.zip” icon=”” target=”false”]Ücretsiz Paket[/button] [button color=”btn-success” size=”btn-sm” link=”http://www.webalys.com/nova/index.html#download” … Okumaya devam et +4000 Adet Materyal Tasarım İkon Seti
Google’ın yeni servisi Resizer yayında
Google, web sitelerinizin veya tasarladığınız bir sitenin tüm boyutlarda nasıl göründüğünü test edebileceğiniz bir araç olan Google Resizer’ı yayınladı. Google Resizer, kullanıcılara web sitelerinin masaüstü, akıllı telefon veya tablet cihazlar üzerinde nasıl göründüğünü test etme imkanı sağlayan bir Google tasarım aracıdır. Web tasarımcılar tarafından responsive test aşamasını Google tek bir ekrana taşıyarak test aşamasında harcanan zamanı düşürecek gibi gözüküyor. Google … Okumaya devam et Google’ın yeni servisi Resizer yayında
En iyi ücretsiz tasarım kaynak sitelerini topladım
Bu yazımda benim ihtiyaç halinde sıkça kullandığım ücretsiz tasarım kaynak sitelerinin listesini yaptım umarım işinize yarar ve beğenirsiniz, keyifli tasarımlar. Arayüz tasarımcının en çok ihtiyaç duyduğu şeylerin başında telif hakkı bulunmayan fotoğraflar gelir. Ücretsiz, telih hakkı bulunmayan fotoğraf bulmak oldukça önemlidir çünkü themeforest vb gibi sitelerde tasarımlarınızı sergilerken tasarımınız sırf bu yüzden kabul görmeyebilir. İşte en popüler … Okumaya devam et En iyi ücretsiz tasarım kaynak sitelerini topladım