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
