Remove Ad, Sign Up
Register to Remove Ad
Register to Remove Ad
Remove Ad, Sign Up
Register to Remove Ad
Register to Remove Ad
Signup for Free!
-More Features-
-Far Less Ads-
About   Users   Help
Users & Guests Online
On Page: 1
Directory: 1 & 132
Entire Site: 8 & 918
Page Staff: pennylessz, pokemon x, Barathemos, tgags123, alexanyways, supercool22, RavusRat,
03-28-24 07:30 AM

Thread Information

Views
665
Replies
3
Rating
4
Status
CLOSED
Thread
Creator
Davideo7
03-26-20 08:57 AM
Last
Post
Davideo7
04-07-20 05:02 PM
Additional Thread Details
Views: 560
Today: 1
Users: 24 unique
Last User View
04-08-20
no 8120

Thread Actions

Thread Closed
Order
 

Site's Layout is More Responsive and More Mobile Friendly

 

03-26-20 08:57 AM
Davideo7 is Online
| ID: 1380788 | 505 Words

Davideo7
Level: 350


POSTS: 44072/45315
POST EXP: 3473265
LVL EXP: 810028869
CP: 191067.4
VIZ: 121376432

Likes: 4  Dislikes: 0
The site's layout was made mobile friendly a few years ago but it was basically a separate version of the site. I recently found out that Google was sometimes caching that mobile version of the site instead of the desktop version of it, which is obviously bad since the mobile version had less content. I also found out that my ad network has troubles displaying ads with a setup like that, resulting into my ad revenue being lower than it should have been.

I remade a lot of the site's elements. I removed almost all of the elements that were dependent on Javascript and made those elements strictly CSS and HTML (which makes the pages far more lightweight). I started incorporating a lot more modern CSS technology and also started creating more CSS classes to reduce the size of the rendered HTML and also placed almost everything into a style sheet (before I had a lot of CSS classes not in a style sheet) which means the pages should render a lot faster now.

Ultimately this update benefits you guys the most in the way the site pages adapt to any browser size. You can take any page now and shrink your window and it'll resize the content and even hide some content in order to compensate to your screen size (try it out with your internet browser, try to horizontally shrink it down as much as you can). My solution before was for the site to try and detect your browser and then feed you a page based on that. That had so many flaws, especially if it wrongly detected your browser. The site's layout now also adapts depending on if you're viewing the site on your phone in portrait or landscape mode.

Best of all, the mobile version of the site has far more content available! Previously, the site didn't show a lot of content to users on a mobile device and it made the site seem kinda lonely. You didn't get to see who was on a page and that aspect of the site is what helps make the site feel more lively. It also didn't show the Vizzed GO feature, and various other features were hidden also.

So to sum everything up, the pages are:
-More lightweight, taking up less resources
-Smaller in their render size since the rendered output is about 20% smaller
-Faster to load since more stuff is caching and stored in the style sheet
-Displaying more content to mobile devices
-Able to adapt to any device, screen size, and screen orientation

I put together a video demonstrating how the site adapts

https://www.youtube.com/watch?v=3yKF3Yj0Ch8

I'm not quite done though. There are a few pages that are broken and the thread pages have a few issues with them but I should be finished this upcoming week. Still, be sure to let me know of issues you experience. Also be sure to let me know if it looks good (I don't want just negative feedback, I'd like positive feedback also).
The site's layout was made mobile friendly a few years ago but it was basically a separate version of the site. I recently found out that Google was sometimes caching that mobile version of the site instead of the desktop version of it, which is obviously bad since the mobile version had less content. I also found out that my ad network has troubles displaying ads with a setup like that, resulting into my ad revenue being lower than it should have been.

I remade a lot of the site's elements. I removed almost all of the elements that were dependent on Javascript and made those elements strictly CSS and HTML (which makes the pages far more lightweight). I started incorporating a lot more modern CSS technology and also started creating more CSS classes to reduce the size of the rendered HTML and also placed almost everything into a style sheet (before I had a lot of CSS classes not in a style sheet) which means the pages should render a lot faster now.

Ultimately this update benefits you guys the most in the way the site pages adapt to any browser size. You can take any page now and shrink your window and it'll resize the content and even hide some content in order to compensate to your screen size (try it out with your internet browser, try to horizontally shrink it down as much as you can). My solution before was for the site to try and detect your browser and then feed you a page based on that. That had so many flaws, especially if it wrongly detected your browser. The site's layout now also adapts depending on if you're viewing the site on your phone in portrait or landscape mode.

Best of all, the mobile version of the site has far more content available! Previously, the site didn't show a lot of content to users on a mobile device and it made the site seem kinda lonely. You didn't get to see who was on a page and that aspect of the site is what helps make the site feel more lively. It also didn't show the Vizzed GO feature, and various other features were hidden also.

So to sum everything up, the pages are:
-More lightweight, taking up less resources
-Smaller in their render size since the rendered output is about 20% smaller
-Faster to load since more stuff is caching and stored in the style sheet
-Displaying more content to mobile devices
-Able to adapt to any device, screen size, and screen orientation

I put together a video demonstrating how the site adapts

https://www.youtube.com/watch?v=3yKF3Yj0Ch8

I'm not quite done though. There are a few pages that are broken and the thread pages have a few issues with them but I should be finished this upcoming week. Still, be sure to let me know of issues you experience. Also be sure to let me know if it looks good (I don't want just negative feedback, I'd like positive feedback also).
The Owner
Owner, Developer, Advertiser, etc
Founder, Mod, Investor


Affected by 'Laziness Syndrome'

Registered: 12-06-04
Location: Wisconsin
Last Post: 55 days
Last Active: 2 min.

Post Rating: 4   Liked By: deggle, geeogree, no 8120, supercool22,

03-31-20 05:35 PM
Davideo7 is Online
| ID: 1380909 | 83 Words

Davideo7
Level: 350


POSTS: 44090/45315
POST EXP: 3473265
LVL EXP: 810028869
CP: 191067.4
VIZ: 121376432

Likes: 0  Dislikes: 0
I just invested many more hours into this. You now have access to the menu and info columns on a small browser. There will be clickable tabs at the top left and top right of a page when you're on a small device. I also made the Retro Game Room and Video Game Room look so much better on a mobile device. I also made a few cosmetic updates here and there which I think makes the site's look a little more appealing.
I just invested many more hours into this. You now have access to the menu and info columns on a small browser. There will be clickable tabs at the top left and top right of a page when you're on a small device. I also made the Retro Game Room and Video Game Room look so much better on a mobile device. I also made a few cosmetic updates here and there which I think makes the site's look a little more appealing.
The Owner
Owner, Developer, Advertiser, etc
Founder, Mod, Investor


Affected by 'Laziness Syndrome'

Registered: 12-06-04
Location: Wisconsin
Last Post: 55 days
Last Active: 2 min.

04-06-20 07:45 PM
Davideo7 is Online
| ID: 1381230 | 134 Words

Davideo7
Level: 350


POSTS: 44101/45315
POST EXP: 3473265
LVL EXP: 810028869
CP: 191067.4
VIZ: 121376432

Likes: 0  Dislikes: 0
I'm just about done with this. All I have left to do are the thread pages. Most pages of the site will properly shrink all the way down to 250 pixels now, which is kinda crazy.

I placed some drop down "menu links" to the header for both rows of links that allow users with smaller screens to view all of the available links.

The 'Messages' section has been rearranged a little. It now takes up less space, was moved down a little, and I gave the users 'On Page' section its own box.

I did a bunch of other stuff too but I'm short on time so you guys will have to discover it all for yourselves

Staff : Let me know ASAP if you notice any issues with the site's layout.
I'm just about done with this. All I have left to do are the thread pages. Most pages of the site will properly shrink all the way down to 250 pixels now, which is kinda crazy.

I placed some drop down "menu links" to the header for both rows of links that allow users with smaller screens to view all of the available links.

The 'Messages' section has been rearranged a little. It now takes up less space, was moved down a little, and I gave the users 'On Page' section its own box.

I did a bunch of other stuff too but I'm short on time so you guys will have to discover it all for yourselves

Staff : Let me know ASAP if you notice any issues with the site's layout.
The Owner
Owner, Developer, Advertiser, etc
Founder, Mod, Investor


Affected by 'Laziness Syndrome'

Registered: 12-06-04
Location: Wisconsin
Last Post: 55 days
Last Active: 2 min.

   

04-07-20 05:02 PM
Davideo7 is Online
| ID: 1381302 | 63 Words

Davideo7
Level: 350


POSTS: 44108/45315
POST EXP: 3473265
LVL EXP: 810028869
CP: 191067.4
VIZ: 121376432

Likes: 0  Dislikes: 0
Threads have been given the same treatment now. Just a few more pages and then I'm done with this project. I'll be making a separate thread and an announcement once I am done.

I just tried browsing the site on my smartwatch and the site adjusted to the dimensions of my watch with no problem, which has a resolution of 360 x 360.
Threads have been given the same treatment now. Just a few more pages and then I'm done with this project. I'll be making a separate thread and an announcement once I am done.

I just tried browsing the site on my smartwatch and the site adjusted to the dimensions of my watch with no problem, which has a resolution of 360 x 360.
The Owner
Owner, Developer, Advertiser, etc
Founder, Mod, Investor


Affected by 'Laziness Syndrome'

Registered: 12-06-04
Location: Wisconsin
Last Post: 55 days
Last Active: 2 min.

Links

Page Comments


This page has no comments

Adblocker detected!

Vizzed.com is very expensive to keep alive! The Ads pay for the servers.

Vizzed has 3 TB worth of games and 1 TB worth of music.  This site is free to use but the ads barely pay for the monthly server fees.  If too many more people use ad block, the site cannot survive.

We prioritize the community over the site profits.  This is why we avoid using annoying (but high paying) ads like most other sites which include popups, obnoxious sounds and animations, malware, and other forms of intrusiveness.  We'll do our part to never resort to these types of ads, please do your part by helping support this site by adding Vizzed.com to your ad blocking whitelist.

×