Social recommendations and mentions

• Serverless Picture Gallery on Google Cloud - Part 3

  ... Db_name = os.environ.get("FIRESTORE_DB", "(default)") Db = firestore.Client(database=db_name) @app.get("/") Def index(request: fastapi.Request): domain = os.environ.get("DOMAIN") records = db.collection("photos").stream() photos = [] for record in records: data = record.to_dict() url = data.get("augmented_image_url", "https://picsum.photos/640/480") # Replace the... - Source: dev.to / 7 months ago

• 🚀 10 Tiny Dev Tools That Feel Like Superpowers (Free or Almost Free)

  Generate random placeholder images for frontend development. 🔗 https://picsum.photos. - Source: dev.to / about 1 year ago

• Built DRY components with signal and Directive Composition API in Angular

  @Injectable({ providedIn: 'root' }) Export class PicsumPlaceholderService { #randoms = signal([1, 2, 3]); placeholders = computed(() => { return this.#randoms().map((value, index) => { let urlParam = ''; if (index === 1) { urlParam = 'grayscale'; } else if (index === 2) { urlParam = 'blur=2'; } return { id: index + 1, url:... - Source: dev.to / over 1 year ago

• GETting your IP Address with CSS - and other 32 bit API responses - without JavaScript!

  Here's a demonstration of all 6 of the steps above, step 4 is commented out so you can see it. We'll use Lorem Picsum to emulate specific height & width api responses easily. - Source: dev.to / over 1 year ago

• Building Node.js modules in Rust with NAPI-RS

  #!/bin/bash # Directory to save downloaded images Output_dir="./images-10000" # Number of images to download Num_images=10000 # Create output directory if it doesn't exist Mkdir -p "$output_dir" # Loop to download images For I in $(seq 1 $num_images); do # Download 1920x1080 image and save it with a unique name wget "https://picsum.photos/1920/1080" -O "$output_dir/image_$i.jpg" echo "Downloaded... - Source: dev.to / almost 2 years ago

• Boxed – Things I learned after lying in an MRI machine for 30 hours

  Not too hard to find if you Google "website that shows random images". Examples: https://r.sine.com/index, https://picsum.photos/ (refresh to see new image). - Source: Hacker News / almost 2 years ago

• Simple Arduino Framework Photo Frame Implementation with Photos Downloaded from the Internet via DumbDisplay

  ... // NEXT_S defines the delay (in seconds) to show next saved image #define NEXT_S 5 ... // MAX_IMAGE_COUNT define that maximum number of images that can be saved // set MAX_IMAGE_COUNT to 0 to force reformat the storage #define MAX_IMAGE_COUNT 10 ... // getDownloadImageURL() returns a URL to download an image; add / remove sites as needed // download image bigger than needed (on purpose) Const... - Source: dev.to / about 2 years ago

• All the Lists in .NET MAUI

  I surveyed the apps on my phone and snagged a cross-section of different experiences. For the data, I wrote a MockDataService to generate useful yet random content. For images, I used a combination of Lorem Picsum and images I crafted with ChatGPT. - Source: dev.to / about 2 years ago

• Building Powerful Components with React Custom Hooks

  Export const fetchImages = async (page = 1, limit = 10) => { const response = await fetch( `https://picsum.photos/v2/list?page=${page}&limit=${limit}` ); if (!response.ok) { throw new Error("Failed to fetch images"); } const imageList = await response.json(); return imageList; };. - Source: dev.to / about 2 years ago

• How to implement a slider element using React, Tailwind.css and Intersection Observer API

  // src/app/page.js Import ImageSlider from "../components/image-slider"; Export default function Page() { return ( <>

  {"Image slider"}h1> ); }.

  - Source: dev.to / over 2 years ago

• Recommend 12 free productivity tools! Make your work more effective with less effort!

  Lorem Picsum is a free picture placeholder service that can be used on websites, apps, or anywhere a placeholder image is needed. It provides a simple API that can obtain random images through HTTP requests, and can also specify specific image sizes and other parameters. Lorem Picsum also provides a website where pictures can be browsed and downloaded. These images are uploaded by photographers from the Unsplash... - Source: dev.to / over 2 years ago

• 6 Routes à connaître si tu utilises Remix (guide complet)

  Export const loader = async () => { const response = await fetch('https://picsum.photos/200/300'); const blob = await response.blob(); return new Response(blob, { headers: { 'Content-Type': 'image/jpeg', }, }); };. - Source: dev.to / over 2 years ago

• A list of SaaS, PaaS and IaaS offerings that have free tiers of interest to devops and infradev

  Lorem Picsum - A Free tool, easy to use, stylish placeholders. After our URL, add your desired image size (width & height), and you'll get a random image. - Source: dev.to / over 2 years ago

• 7 Image APIs To Use On Your Product In 2023

  Lorem Picsum provides a convenient source of high-quality placeholder images, ideal for design and development projects. It's super simple to use. Just add your desired image size (width & height) after the URL (https://picsum.photos/200/300), and you'll get a random image. It's perfect for when building and testing the interface of your project. - Source: dev.to / over 2 years ago

• 10 Lesser-Known Tools and Websites to Spice Up Your Developer Toolbox

  Lorem Picsum provides random placeholder images, adding visual appeal to your designs. - Source: dev.to / almost 3 years ago

• Random background for newtab

  Something I'm thinking is to put a webpage in the background url that gives a random image (like what picsum.photos does but with a collection of my choice). Source: about 3 years ago

• Choosing random image to display from one URL image link?

  This is what you are looking for --> https://picsum.photos/. Source: about 3 years ago

• 7 Useful Resources for Web Developers

  During website development, having placeholder text and images can be invaluable. Lorem Ipsum provides dummy text that fills content areas, giving you a visual representation of the layout. On the other hand, Lorem Picsum offers a vast collection of temporary stock images that can be used to fill image placeholders and add visual appeal to your designs. These resources ensure your designs look polished and... - Source: dev.to / about 3 years ago

• WindChat - ChatGPT TailwindCSS HTML Previewer

  I want you act as a tailwindcssui html programming helper, use img tag and picsum.photos src if you need images, don't use any svg tag, don't write any code comment. I want you to only reply with the html code inside one unique code block, and nothing else. Do not write any explanations. Do not include html,head tags in html code. I will tell you components requirements, you return html code in code block by 3... Source: over 3 years ago

• How to generate dynamic OG image using new NextJs with App directory

  Import { ImageResponse } from '@vercel/og'; Export const config = { runtime: 'edge', }; Export async function GET(request) { console.log(request); //Setting the image url var URL; //Fetch the Alt Text Generator let fetchDesc; try { // Generating random id between 0 - 1083 to get the image // let randomdid = Math.floor(Math.random() * 1083); let randomdid; const getRandom = await... - Source: dev.to / over 3 years ago

• Create an image generator with Blazor

  For this project, we will be using the Lorem Picsum web API basically what this web API does is that depending on the query parameters that you pass into the request URL it will randomly generate an image with some filters and the specified dimensions so you can use them on your personal projects. - Source: dev.to / over 3 years ago