PlaceHolder Całkiem nie dawno w pracy tworzyłem moduł dla strony, który był tylko prototypem prawdziwego rozwiązania. Moduł ten był dosyć złożonym sliderem. Nie ma slidera bez grafiki więc musiałem go uzupełnić jakimiś bzdurnymi grafikami.Kilka tygodni później zdałem sobie sprawę ,że straciłem kilka minut życia nad tym małym problemem, ponieważ istnieje wiele serwisów, które oferują zastępczą grafikę.
Strony te zwracają grafiki w zależności od parametrów podanych w adresie URL. W tych parametrach możemy określić rozmiary grafiki jak i czasem tekst.
Oto lista stron, które oferują taką usługę. Większość z nich nie są poważne.
Lista mniej poważnych stron
Przykładowo, jeśli chcemy umieścić obrazek z aktorem Bill Murray korzystamy z następującego serwisu http://fillmurray.com/.
Do adresu URL podajemy jeszcze rozmiary obrazka w następujący sposób i na naszej stronie wyświetli się losowy obrazek z tym aktorem
<img src="http://fillmurray.com/350/200"/>
Analogicznie możemy pobierać losowe obrazki z “raperem” Vanilla Ice.
<img src="https://nicenicejpg.com/350/200" />
Strona “PlaceSheen.com”wygeneruje obrazek z Charlie Sheen-em.
Używając strony “PlaceCage.com” możemy umieścić losowe zdjęcie Nicolas Cage. Jak jednak widać nie ma obrazków dla każdej wielkości. Dlatego ten losowy obrazek poniżej jest zapewne ucięty.
Możemy także określić poziom głupoty tych zdjęć, jak i to, czy mają być szare, czy kolorowe.
- Normalne: http://placecage.com/750/200
- Szare: http://placecage.com/g/750/200
- Głupie: http://placecage.com/c/750/200
Jeśli chcesz możesz też umieszczać w swoich prototypach misie. PlaceBear.com
- Kolorowe http://placebear.com/750/200
- Szare http://placebear.com/g/750/200
Na stronie LorumPixel.com możemy określać nawet kategorię danego zdjęcia i umieścić w nim swój tekst.
<img src="https://lorempixel.com/750/200/cats/Kotoloce_z_Plutona/" />
Skoro mówimy już o kotach przy pomocy strony PlaceKItten.com możesz umieścić miłe zdjęcia kotka.
Rezultat kodu HTML –> <img src="https://placekitten.com/750/200" />
Analogicznie możesz także umieści psy na swojej stronie. http://Placedog.com
Jeśli chcesz przypomnieć swojemu koledze ,że czas na obiad to dlaczego nie umieścić na prototypie obrazków z bekonem. http://baconmockup.com/750/200
Bardziej poważne rozwiązania
Szary obrazek z ładną informacja o swoim rozmiarze.
<img src="https://placehold.it/750x200 " />
W podobny sposób działa serwis FPOImg.com , który generuje szare PlaceHoldery z dodatkowym napisem.
<img src="http://fpoimg.com/750x200?text=Cezary" />
Strona DummyImage.com natomiast oferuje możliwość nadawania kolorów zastępczym obrazkom.
http://dummyimage.com/750x200/6689FF/FFF266 równa się:
