Features

lazy load batch (bulk) images

zoom in an image on click

load more images on every 100 entry

skip broken or blocked image source URLs (src)

Tech Stack

Frameworks: Jekyll (Ruby) & Liquid template

Frontend: HTML/CSS/JS & Jquery

Data: JSON

Image source credits

https://www.pexels.com/

https://pixabay.com/

https://depositphotos.com/

https://www.gettyimages.com/

https://www.ghibli.jp/

dedicated assistance to your jekyll website, blog, portfolio, or project (fiverr gig @whatthehekkist) dedicated assistance to your jekyll website, blog, portfolio, or project (fiverr gig @whatthehekkist)



What The Hekk is HTML/CSS/JS? a complete guide to creating a web app in 5 min from scratch!

Kindle Edition

What The Hekk is HTML/CSS/JS? a complete guide to creating a web app in 5 min from scratch!

PDF






You May Also Enjoy

  • Music

    100 famous rap lyrics in the world

    2023-08-17

    “I came, I saw, I conquered. Or should I say, I saw, I conquered, I came.” - Jay Z, “Izzo (H.O.V.A)” (United States) “If I say I’m going to die today, I’m going to die today.”...

  • Web Hack

    Insert screenshot into Markdown doc in a second

    2022-07-11

    What is Markdown? Markdown is a free open-source web-focused markup language that gives you hassle-free writing experiences (indeed, once you get familiar with it). As you can so easily find many of how-to-posts on syntax, structure, and so...

  • Web Dev

    Nelify에 Jekyll 웹사이트 배포하기

    2022-07-10

    정적 웹사이트나 블로그에 관심이 많다면 [Jekyll](http://Jekyllthemes.org/)에 대해 들어 봤을 것이다. 간단한 구글링만으로도 Jekyll을 사용하여 어떻게 웹사이트나 블로그를 만드는지 쉽게 알 수 있다. 이 블로그 또한 Jekyll 기반이고, [Better Jeong](https://betterjeong.github.io/blog/21042701/)님과 [Jihye Leee](https://www.jihyeleee.com/blog/third-designer-can-make-Jekyll-blog/)님의 블로그 포스트를 참고하여 커스터마이징하였다. # Nelify에 배포하기 Jekyll기반 블로그를...

  • Network

    [Packet Tracer] Configuring a DHCPv4 Server and a Relay Agent

    2022-07-14

    [Cisco Network Academy](https://www.netacad.com/) provides plenty of learning resources in networking. I will cover how to configure basic DHCPv4 on a router and a DHCPv4 Server, and a DHCP relay agent using [Packet Tracer](https://www.netacad.com/courses/packet-tracer) where you can simulate network topologies and...

  • Web Dev

    how to use git

    2023-04-09

    Git is a version control system where you can upload, update, and track the source code of your project. Also, you can easily deploy codes in your Git repository to a deployment/hosting platform. There are so many benefits from...

  • Web Dev

    what is web and HTML/CSS/JS ?

    2023-04-19

    # What is Web? Web (World Wide Web; WWW) is a vast online information system you can write, read, watch, or consume resources such as documents, media, etc accessed by web browser on the Internet. You can think like the...

  • Web Dev

    [JS variables] what is var, let, and const?

    2023-04-08

    In any script/programming language, variable is a logical storage where you can assign value into, and JS has three types of variables; var, let, and const. Let’s get familiar with some of the variable-related terms first. Declaration...