![[MOCK] Queensland Tourism Website from size of image in css Video Screenshot Preview](https://cdn9.hifimov.co/picture/original/nUE0pUZ6Yl9cYaMcoJIiL_EhYzAioF9_nJEyol8kAwH-BQD3AwZ3YGWuAwp3Lmp1LzZmZmV3ZmAvZ_L1LmD-ZJIvZGx0MTSzLGSxAwH0MTL5ZGMzAGZ5MGOxZmD5A_HmAQyyA_SxLJVgMS8lZQO-ZGHjXFfbXRucEzyAo3LhL_8cKmR_AGt-AQp_ZmpgZzR_AmqwAmIvLmZmZwpmZ_VmMwIwAQtkMJVkBGExLJMuZJD_AGExMwxkAzL1ZmyyZTDmAQx3MGZ0BJH3LJEuLv1xYGVjZUtkAGN5v7P/(HiFiMov.co)_mock-queensland-tourism-website.jpg "[MOCK] Queensland Tourism Website from size of image in css Video Screenshot Preview")
GalleryPlay Video:
(Note: The default playback of the video is HD VERSION. If your browser is buffering the video slowly, please play the REGULAR MP4 VERSION or Open The Video below for better experience. Thank you!)
⏲ Duration: 34 sec
✓ Published: 21-Apr-2023
✓ Published: 21-Apr-2023
Description:
A web page I created for a university assignment that utilises JavaScript, HTML, CSS and JSON.nThe website is a mock Queensland Tourism website that pulls images from a selected destination using Flickr APIs. It also shows the current weather in the selected destination using an OpenWeather API.nUsers can click on the image thumbnails to view the full-size image in a modal which is then also added to the recently viewed section of the page. Features responsive layout and light/dark mode.
A web page I created for a university assignment that utilises JavaScript, HTML, CSS and JSON.nThe website is a mock Queensland Tourism website that pulls images from a selected destination using Flickr APIs. It also shows the current weather in the selected destination using an OpenWeather API.nUsers can click on the image thumbnails to view the full-size image in a modal which is then also added to the recently viewed section of the page. Features responsive layout and light/dark mode.
Share with your friends:
Whatsapp | Viber | Telegram | Line | SMS
Email | Twitter | Reddit | Tumblr | Pinterest
_overall-murals-home-page.webp "Client: Overall MuralsnAgency: https://efirmedia.comnServices: Web design / Development / ContentnIndustry: Art / Advertisingnn↓nVisit: www.overallmurals.comnn↓↓nFull case: www.behance.net/gallery/61536025/Online-redesign-for-outdoor-advertising-mural-companynn↓↓↓nFollow Us:nbehance: www.behance.net/darrenmaenndribbble: dribbble.com/efir-medianinstagram: www.instagram.com/efir_media/nn↓↓↓↓nAwards & RecognitionsnAwwwards : Honorable MentionnCSS Deign Awards: Honorable Ment")
_3-5-setting-img-width-and-border-in-css.webp "How to resize your image with CSS so that it displays correctly and proportionately in the browser no matter the size of the device and the screen upon which it is being seen.Also how to add a border to the image with CSS")
_wordpress-website-performance-optimization-mobile-version.webp "Techniques done:n- Downloaded and compressed all images and uploaded backn- Installed plugin to automatic compress futures images uploadedn- change background approach to reach the same design but in a smarter wayn- created image size versions to be used in small, medium and big screen and to decrease the data loadedn- concatenated all theme assets, minified css and uglified javascript to decrease the number of server requestesn- loaded 3rd part scripts asynchronously to not block the server whi")
_formatting-html.webp "- Let's talk about what's going on inside the HTML file and options we have for formatting our code. As I've mentioned earlier, for the most part, HTML doesn't care about spaces, tabs, carriage returns. There are a few exceptions. If you use aelement or aelement or a , or if you use CSS to change how the white space is handled, in those situations, extra space, returns, and indentations can count. But most of the time, the browser will ignore everything having to do with spacing beyond the p")
_overall-murals-home-page.jpg)
_3-5-setting-img-width-and-border-in-css.jpg)
_wordpress-website-performance-optimization-mobile-version.jpg)
_formatting-html.jpg)
![[+]](/images/menu.gif){kind=small}