Fabrica Captial

[benbyf]

New website for Fabrica Captial – Commercial Real Estate Investment

http://fabrixcap.com/ (previously at http://www.fabricacapital.com/)

Design by http://crookdesign.co.uk/

[Mike Rockett]

Very nice site indeed, I love pretty much everything about it.

Two nitpicks, though:

• On full HD, the video doesn't seem to scale to fit the whole screen. zooming in and then out or resizing the browser seems to get it to fit.
• The text in your black content boxes (three up) is vertically aligned to the top, but it should really be in the middle to be consistent with the titles that show before hovering over them.

[heldercervantes]

Freakin awesome!

@teppo: site of the week right here.

[AndZyk]

@benbyf

Just wondering what happened to this beautiful site?

Especially as it is featured in the newest weekly issue and people might be confused to see the "Website is coming soon" banner.

Regards, Andreas

[benbyf]

13 hours ago, AndZyk said:

@benbyf

Just wondering what happened to this beautiful site?

Especially as it is featured in the newest weekly issue and people might be confused to see the "Website is coming soon" banner.

Regards, Andreas

Sorry guys think the project owners are getting confused over their DNS settings. you should be able to find it here: http://www.fabricacapital.co.uk/

On 30/11/2016 at 3:56 AM, Mike Rockett said:

Very nice site indeed, I love pretty much everything about it.

Two nitpicks, though:

• On full HD, the video doesn't seem to scale to fit the whole screen. zooming in and then out or resizing the browser seems to get it to fit.
• The text in your black content boxes (three up) is vertically aligned to the top, but it should really be in the middle to be consistent with the titles that show before hovering over them.

MIKE! yes help please! I'm finding it near impossible to get a good solution to kepping the video always fullwidth using <video>, css, and a little javascript to check window width and set video width to it or wndow height which even is bigger... but still isnt perfect and im not sure why.

Most of the design is on http://crookdesign.co.uk/ or the client and I could only compremise so much.

[Mike Rockett]

3 hours ago, benbyf said:

MIKE! yes help please!

I wanted to check out the site to see if I can help, but it appears it's been taken down...?

[benbyf]

Please see previous post

[Mike Rockett]

1 hour ago, benbyf said:

Please see previous post

I see - my bad

[Mike Rockett]

I think you should swap out the video CSS for this:

position: absolute;
min-width: 100%; min-height: 100%;
top: 50%; left: 50%;
transform: translate(-50%, -50%); 

Remove the height and width CSS, and also remove the width attribute from the video tag. Seems to work nicely on my side...

[benbyf]

23 hours ago, Mike Rockett said:

I think you should swap out the video CSS for this:

position: absolute;
min-width: 100%; min-height: 100%;
top: 50%; left: 50%;
transform: translate(-50%, -50%); 

Remove the height and width CSS, and also remove the width attribute from the video tag. Seems to work nicely on my side...

Thanks @Mike Rockett Works really well for me now! I changed Position to Fixed so it would stay there on scroll and I kept in my js so that it would resize well on window resize (as before it was not covering the window on resize).

here is what I had on the js:

var innerW = window.innerWidth;
var innerH = window.innerHeight;
function adjustVideo(){

    var videoW = $('.video-bg').width();
    var videoH = $('.video-bg').height();

    innerW = window.innerWidth;
    innerH = window.innerHeight;

    if(videoW < innerW){
        $('.video-bg').width(innerW);
        $('.video-bg').height('auto');
    }
	if(videoH < innerH){
    	$('.video-bg').height(innerHeight);
    	$('.video-bg').width('auto');
  	}
}
adjustVideo();
window.addEventListener("resize", adjustVideo);

 

[Mike Rockett]

@benbyf - Looks like it works well here as well. The issue occurred once after a full refresh, but couldn't replicate it again. As for the absolue/fixed, it remained in place as I scrolled - that was with the CSS applied to the video tag/element.

[benbyf]

I keep getting very strange results every now and then after hard refreshes, but doesnt seem to be any consistancy. think there's some issue with the video poster image not being full width, but not really sure what can be done with this as its an attribute added to the <video> element. very strange

[AndZyk]

You might want to correct your meta keywords. 

<meta name="keywords" content="echo $homepage->keywords;">

 

[owzim]

Google's Matt Cutts:

Quote

You shouldn't spend any time on the meta keywords tag. We don't use it. I am not aware of any page or search engine, that uses it these days.

Source: YouTube

[benbyf]

they've now moved to http://fabrixcap.com/