Lorem ipsumu herhalde bilmeyen web programcısı veya tasarımcısı yoktur avantajı henüz yapım aşamasında olan sitenizde içerikli halinin nasıl durduğunu test etmek için rastgele cümleler oluşturuyor isek Lorempixel ilede rastgele resimler elde edebiliyoruz.
Lorempixel ile rastgele resimler elde etme
Her geçen gün yeni bir web hizmeti ile karşılaşıyoruz açıklamadada bahsettiğim gibi web tasarımcılar açısından büyük kolaylık olan Loremipsum ile beraber kullanıcılar için büyük kolaylık sağlayacak Lorempixel hizmetinide kullanmanızı tavsiye ederim.
Şimdi örnek Lorempixel
linkleri oluşturup sonuçlarına bakalım.
Rastgele Resim
1 | http://lorempixel.com/400/200 |
Yukarıdaki gibi bir lorempixel
kullanımında genişliği 400
ve yüksekliği 200
olan rastgele resimler oluşturabilirsiniz.
Sonuç
Rastgele Gri Resim
1 | http://lorempixel.com/g/400/200 |
Yukarıdaki gibi bir lorempixel kullanımında g
karakteri ile gri resim oluşturulmasını istediğinizi belirtiyorsunuz 400
resim genişliği 200
resim yüksekliği.
Sonuç
Belirlenmiş Kategoriden Rastgele Resim
1 | http://lorempixel.com/400/200/sports |
Yukarıdaki gibi bir lorempixel
kullanımında 400
genişlik ve 200
değerinin yükseklik olduğunu biliyoruz artık son parametre ise kategoriyi belirtiyorsunuz sports
yazarak spor ile ile ilgili rastgele resimler oluşturulmaktadır.
Kullanılabilecek Diğer Kategoriler
Kategori | Açıklama |
---|---|
abstract | Çeşitli renklerden ve desenlerden oluşmuş resimler |
city | Şehirlere ait resimler |
people | İnsan portresi veya toplu çekilmiş resimler |
transport | Ulaşım çekimleri(tramvay, gemi, metro v.b) |
animals | Hayvan resimleri |
food | Yiyecek resimleri |
nature | Doğa resimleri |
business | İş Resimleri |
nightlife | Gecehayatı resimleri |
sports | Spor dallarına ait resimler |
cats | Kedi resimleri |
fashion | Moda resimleri |
technics | Teknoloji resimleri |
Sonuç
Belirlenmiş Kategoriden Belirlenmiş Resim Çekme
1 | http://lorempixel.com/400/200/sports/1 |
Üstteki linke ek olarak en sona 1-10
arası sabit rakam ekleyerek değişmeyen sabit resim çekebilirsiniz.
Sonuç
Belirlenmiş Kategoriden Yazı Bastırılmış Resim Çekme
1 | http://lorempixel.com/400/200/technics/MuratOnerNET |
Üstteki link ile teknoloji kategorisinden 400
genişliğinde ve 200
yüksekliğinde MuratOnerNET
yazısı bastırılmış resim cekebilirsiniz.
Sonuç
Belirlenmiş Kategoriden Yazı Bastırılmış Sabit Resim Çekme
1 | http://lorempixel.com/400/200/technics/1/MuratOnerNET |
Üstteki linke ek olarak technics
kategorisi yanına 1-10
arası sabit bir rakam girerek sabit resim çekebilirsiniz.
Sonuç
Güncelleme 18-11-2014
Artık Visual Studio’da Lorem pixel, Lorem Ipsum ve Loper Placehold tekniklerini kullanmak çok daha kolay Lorem Pixel tekniğini Visual Studio’da kolaylıkla kullanmak için Web Essential Eklentisini Visual Studio’nuza uygun olarak kurmanız gereklidir ardından alttaki sözdizimi gibi kolaylıklar Rastgele Lorem Ipsum Görselleri Elde etmiş olursunuz.
1 | pix-200x200-animals |
Üstteki sözdimizi ile animals kategorisinden 200×200 boyutlarında rastgele bir görsel linki oluşturulmuş oluyor. Üstteki kodu yazdıktan sonra TAB tuşuna basmanız yeterli