To enhance, resize (image dimesion: 300x200px is a recommendation should there be many: eg. +7 images [type: IMG-like-'ICON'-] as a grid of images).
For the purpose of displaying elements in a Flexbox (they get placed in a layout of a 'stylesheet').
Strategy: maximum compression chosen as method to save load time. Plus separation into project pages (for keeping topics of projects separated).
For visual enhancement, provision of [IMG's] for each Project content makes items like 'Menu' to look COOL as such [even if it is static by its code content]! The case in point is a static page, enhanced by CSS's 'hover over' to create user intuition and ICONs keep a web-pg reader curious to click for project content. Usability keeps quick on static pages, if based on Github, i.e. known to load static-[IMGs]-quickly. This keeps the user experience good and keeps experience of the web-page's as responsive and attractive.
i.e. Bringing functionality by means of above means as the basic strategy is true, should web-pg's landing page be designed taking into account these considerations. Any Web-page and its content may eventually grow. Pages may render as structured layouts combining text and images. As with standard documentation, semantic elements like headings, paragraphs, and labeled figures enhance clarity and contextual relevance when visual content is present.
In terms of actual Project Page Development, an environment ('set of tools'): for Local coding is made possible, setting up .nvm for Node and http-server or Express.
A better environment obtained w/VS code (facility to code'n'build HTML or other code), the MS's code editor. There are alternative editors that can be used
'to avoid telemetry' [*this's a hyped up topic in modern day use of sw-products & browsers]
← Back to Portfolio, <-Click!
eg. by means of Krita*, an Open Source software maintained by its community, it's a FREE app for the purpose of IMG-processing ** you might opt to developing of images with it, and for a deeper understanding of eg. 'background removal from images'. [Even if there's automated on-line facility to do just that] For other art purposes, find more info in its forum about Krita (as a creativity tool) from 'Krita Artista' organisation, for more information see krita-artists.org
*** A Strategy Option worth a mention: 'LazyLoading' or however external loads can be managed [retrieved from extrernal source] should it solve tech constraints by gains in the usability; so this is an alt. method (these topics not covered in this project)