Has anybody an idea how this site was made. I think its quality. Dont wanna knick it or owt Just curious as to how it was constructed. The background changes on reload btw. https://jamesrwhite.co.uk/

Using very simple jQuery.

so is it just a case of having the layout done then use plugin?

Well, jQuery isn't just a plugin, it's Javascript. So the layout is HTML/CSS, and the effects are done using jQuery, or Javascript - whichever you want to refer to it as.

 

There is an overlay hiding the page. Once loaded, that overlay is then faded out. This creates the effect of the whole site fading in. The random page background is also Javascript. It's extremely simple, just approach it logically.

simple but unless its done its tricky @ 1st. Anywhere online i can get a tutorial please? Thanks

Thought you didn't "want to knick it or owt".

 

You need to learn the basics of HTML and CSS, then look at jQuery's .fadeOut(). Once you understand those three, you can put it together. I doubt there's a tutorial for something so specific - and if there is, why can't you Google it?

 

1. Place (black) overlay over the entire page using CSS

2. Fade out the overlay using .fadeOut() on window.load

 

It's really that simple.

no i dont i just got a curious mind much is good for me. i know html/css & jq (i could go on) just never done somat like this. I know fadeOut()

Just wanted to know how it was built for experience purposes. Now i do & have built it Fine. Not gonna use it in my own work.

Just wanted to know how it was built for experience purposes. Now i do & have built it Fine. Not gonna use it in my own work.

 

So just look at the code. Every web page is a tutorial of sorts, just press ctrl+u on your keyboard.

 

Study, learn, adapt.