Firefox tip for testing websites (responsive)

[Faevilangel]

I use FF to build my websites, and use a website to test the responsiveness of a website, but to my amazement, I found Firefox does this out of the box.

I did this by accident when typing a blog post but press CTRL + SHIFT + M and it will display a screen size adjuster.

Basically I can now test sites without having to upload to my server

 

[Red Eye Media]

Wow. Great tip.
I use Firewfox and didn't know that.
Thanks very much.

 

[Tin]

Nice one, cheers for that!

 

[Simon-M]

Good spot. Very handy. I'm more of a chrome user but I use FF for FTP and testing.

 

[TotallySport]

nice, but I am a bit disappointed though, I pressed rotate expecting my web site to rotate and instead it rotated the dimensions, gutted I wanted to see my web site upside down without moving the monitor

 

[mit74]

can't beat FF especially using the greatest tool ever created...Fire Bug.

 

[ITsoldUK]

can't beat FF especially using the greatest tool ever created...Fire Bug.

Amen to that...

 

[Faevilangel]

I use FF along with Firebug, rainbow (shows me the hex code for colours), HTML Validator and screenshot pro.

Tried using Chrome as my development engine (firefox annoys me with the slowness) but it's just not as good as FF.

 

[fisicx]

nice, but I am a bit disappointed though, I pressed rotate expecting my web site to rotate and instead it rotated the dimensions, gutted I wanted to see my web site upside down without moving the monitor

If you have the right graphics drive installed: CTRL+ALT+UP/DOWN/LEFT/RIGHT flips the display. Fun to play with but that's about it.

 

[edmondscommerce]

Problem with FF is it is way too good at interpreting bad HTML.

Great for users, bad for developers who might have typoed a tag or something.

 

[Faevilangel]

Problem with FF is it is way too good at interpreting bad HTML.

Great for users, bad for developers who might have typoed a tag or something.

Hence why I use html validator as it adds a warning triangle into the corner of the browser when there is an error

It's not perfect and would never be able to be perfect but it's handy for a quick check of errors.

 

[british steve]

nice, but I am a bit disappointed though, I pressed rotate expecting my web site to rotate and instead it rotated the dimensions, gutted I wanted to see my web site upside down without moving the monitor

Could you not just stand on your head?

 

[Faevilangel]

Could you not just stand on your head?

Only if he has someone holding his legs and has adequate back support

 

[british steve]

Only if he has someone holding his legs and has adequate back support

Silly me. To be honest I had not considered all of the health and safety implications in my suggestion!

 

[Deleted member 27344]

Apart from checking break points, simply resizing your browser is a bad habit to get into.
It's like using a wysiwyg editor - what it looks like in the browser/ device will be different to what the preview gives you.

Not only that but hardly anyone uses FF on a tablet/ phone so it'll still be out to an extent.

The only way to test if something works correctly is to test in the right browser or on the actual device.

 

[TotallySport]

Could you not just stand on your head?

I only have a 19" monitor, so its easier to turn the monitor upside down, but not as much fun.

Just for the record I can still do a handstand against the wall

 

[tumbledown]

That's brilliant - who knew!

 

[british steve]

Just for the record I can still do a handstand against the wall

Who's a clever boy then? (one is assuming boy with the word "sport" in your name)

[FONT=&quot]
[/FONT]

 

[TotallySport]

Who's a clever boy then? (one is assuming boy with the word "sport" in your name)

[FONT=&quot]
[/FONT]

ooo, thats almost a sexist comment, its also not clever when I fall over cos my arms give way

 

[Optegris]

Apart from checking break points, simply resizing your browser is a bad habit to get into.
It's like using a wysiwyg editor - what it looks like in the browser/ device will be different to what the preview gives you.

Not only that but hardly anyone uses FF on a tablet/ phone so it'll still be out to an extent.

The only way to test if something works correctly is to test in the right browser or on the actual device.

Yes but for quick and dirty tests it's a great tip..

 

[Dany87]

Haha, didn't know that tip. Thanks a lot!

 

Usefull thanks

 

[UKSBD]

although pretty nifty it doesn't change the user agent does it?

 

[Faevilangel]

although pretty nifty it doesn't change the user agent does it?

Nope, it just changes the size of the screen, but this extension does.