DEV Community

Cover image for  WOW!!! The Lorem Ipsum for photos :Lorem Picsum
manish srivastava
manish srivastava

Posted on

29 5

WOW!!! The Lorem Ipsum for photos :Lorem Picsum

Just Imagine, you get a functionality to show random images in html page. Every time viewer open he gets a new image. But lorem picsum is more than this and created by David Marby & Nijiko Yonskai.

(1) Use the official site links to showcase your template without hosting any image.

https://picsum.photos/

The below image is generated

picsum random image

(2) Host your images by your self. I am planning to use randomise my "join my team" image. The Picsum Repo is here:

GitHub logo DMarby / picsum-photos

Lorem Ipsum... but for photos.

Lorem Picsum

Lorem Ipsum... but for photos.
Lorem Picsum is a service providing easy to use, stylish placeholders.
It's written in Go, and uses Redis, PostgreSQL and DigitalOcean Spaces.

Running locally for development

First, make sure you have Go installed, and this git repo cloned.
You will also need to install libvips.

To build the frontend, you need to have NodeJS installed Run the following commands to install the dependencies and build it:

npm install
npm run-script build

If you want to automatically rebuild when you make changes while developing, you can use npm run-script watch.

Then, to start the app, with an in-memory cache, and the test fixtures for images, run:

go run . -log-level debug

This will start a server accessible on localhost:8080, with debug logging enabled.
For other options/backends, see go run . -h.

Instructions on how to add pictures to the postgres/spaces…

Please visit my profile for more interesting articles

IMP REQUEST:
You are most welcome to join my team

Alt Text

Click here for joining my team .

Also you are most welcome to join OPEN SOURCE INTELLIGENT SYSTEM (OSINT) if you can help in open source project regarding safeguarding humans from various diseases like CORONA outbreak
https://github.com/Manishfoodtechs/OSINTHRH/wiki

Contact email: Manishfoodtechs@gmail.com.

If you have any problem, our team is also engaged in professional consultancy and delivery.

Imagecredit: pixabay

SurveyJS custom survey software

JavaScript UI Libraries for Surveys and Forms

SurveyJS lets you build a JSON-based form management system that integrates with any backend, giving you full control over your data and no user limits. Includes support for custom question types, skip logic, integrated CCS editor, PDF export, real-time analytics & more.

Learn more

Top comments (16)

Collapse
 
myogeshchavan97 profile image
Yogesh Chavan

It's really amazing. I have used it some time back for generating slide-in animation in this article

Collapse
 
manishfoodtechs profile image
manish srivastava

I checked your article about Intersection Observer API in JavaScript and it is wonderful

Collapse
 
myogeshchavan97 profile image
Yogesh Chavan

Thank you so much!

Collapse
 
jonrandy profile image
Jon Randy 🎖️

There are loads of sites that do this. Been around for years... You can find more examples here

Collapse
 
manishfoodtechs profile image
manish srivastava

Hey, Jon thanks for sharing list. I checked few but they are Lorem ipsum (TEXT GENERATOR) but this is Lorem ipsum (PICTURES). Anyway, list is wonderful.

Collapse
 
jonrandy profile image
Jon Randy 🎖️

Every one on that list provides images. Granted, some are images with some text, but none of them are actually text generators

Thread Thread
 
manishfoodtechs profile image
manish srivastava

Okay maybe I seen only text. Anyway, I said nice sharing bro

Collapse
 
morrisjohn profile image
Morris John

I'm currently developing my first side project & I would like for it to have the functionality of displaying a photo from links. I'd like for my side project to display results depending on the parameters of the url.

I've done the frontend part and the Javascript logic but the url thingy is remaining for me.

What am I supposed to understand before I can do that?

Collapse
 
akdeberg profile image
Anik Khan

That's kool😍

Collapse
 
manishfoodtechs profile image
manish srivastava

Thanks

Collapse
 
pomfrit123 profile image
***

This lloks cool

Collapse
 
shhdharmen profile image
Dharmen Shah

Great article... 👍

source.unsplash.com/ is also good image placeholder provider.

Collapse
 
acoh3n profile image
Arik

This is awesome. Thanks for sharing!

Collapse
 
manishfoodtechs profile image
manish srivastava

Thanks

Collapse
 
andrewbaisden profile image
Andrew Baisden

Ah now this is useful good find.

Collapse
 
wdrfree profile image
wdrfree

Thanks

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more