An amateur has tried to build a website in raw HTML

A place to discuss the implementation and style of computer programs.

Moderators: phlip, Moderators General, Prelates

User avatar
hotaru
Posts: 1041
Joined: Fri Apr 13, 2007 6:54 pm UTC

Re: An amateur has tried to build a website in raw HTML

Postby hotaru » Fri Apr 13, 2018 2:44 pm UTC

FlatAssembler wrote:That's a "recommended hardware configuration". It doesn't really mean anything. It can't possibly take 512 MB of RAM to install Firefox when Firefox itself is 200 MB large. It takes 512 MB of RAM to install Windows 7, which are 16 GB large. Try it in a virtual machine, I distinctly remember I did it (installed Firefox 43 on a virtual machine with around 150 MB of RAM running Windows XP) without running into problems.

I'm not talking about just installing it, I'm talking about actually using it.

FlatAssembler wrote:Yes, if you try to run the newest version of Firefox on Windows XP, you get a BSOD.

that's what I'd expect from an unusable operating system.

Code: Select all

factorial product enumFromTo 1
isPrime n 
factorial (1) `mod== 1

speising
Posts: 2272
Joined: Mon Sep 03, 2012 4:54 pm UTC
Location: wien

Re: An amateur has tried to build a website in raw HTML

Postby speising » Fri Apr 13, 2018 2:46 pm UTC

FlatAssembler wrote:OK, I've tried to add some JavaScript trickery to remove those circles under Internet Explorer. Does it work?

it does indeed. although now the background image is gone.

FlatAssembler
Posts: 43
Joined: Fri Oct 27, 2017 7:42 pm UTC

Re: An amateur has tried to build a website in raw HTML

Postby FlatAssembler » Sat Apr 14, 2018 4:39 am UTC

speising wrote:
FlatAssembler wrote:OK, I've tried to add some JavaScript trickery to remove those circles under Internet Explorer. Does it work?

it does indeed. although now the background image is gone.

Now you understand why people hate Internet Explorer, don't you?
It works in mysterious ways. When you tell it to do something, it does something else instead or in addition to that. As if you were working in Microsoft Office Word, but in code instead of the GUI.
You have to do all sorts of weird hacks just to make your site or a web-app look right. Making your web-app actually work right in Internet Explorer is almost an impossible mission.

What do you guys think about the Android Webkit Browser? I think it's quite a good browser. It appears to obey the standards almost completely (it scores 100 points on the Acid3 test and correctly renders the Acid2 test), while Chrome appears to rather try to be compatible with poorly written scripts. It appears also to become unresponsive much less often than Chrome does. Too bad it got deprecated.

User avatar
Xanthir
My HERO!!!
Posts: 5320
Joined: Tue Feb 20, 2007 12:49 am UTC
Location: The Googleplex
Contact:

Re: An amateur has tried to build a website in raw HTML

Postby Xanthir » Sun Apr 15, 2018 3:19 am UTC

The Android browser was just Chrome, occasionally forked and then fiddled with, so that by the time it was released in a new Android version it was several versions behind real Chrome, and thus was always missing whatever latest features had been added.
(defun fibs (n &optional (a 1) (b 1)) (take n (unfold '+ a b)))

FlatAssembler
Posts: 43
Joined: Fri Oct 27, 2017 7:42 pm UTC

Re: An amateur has tried to build a website in raw HTML

Postby FlatAssembler » Wed Apr 18, 2018 3:39 am UTC

Android Browser uses the Webkit engine, while Chrome uses the Blink engine. I don't know how it is with browsers, but if you want a 3D game to use a different engine, you have to almost completely rewrite it. Using a different engine is almost like using a different programming language.

User avatar
Xanthir
My HERO!!!
Posts: 5320
Joined: Tue Feb 20, 2007 12:49 am UTC
Location: The Googleplex
Contact:

Re: An amateur has tried to build a website in raw HTML

Postby Xanthir » Wed Apr 18, 2018 3:43 am UTC

Blink forked from WebKit a few years back; they were the same engine before that. Android Browser "uses WebKit" because it hasn't been updated since before the fork; since then we've just shipped Chrome itself on Android.
(defun fibs (n &optional (a 1) (b 1)) (take n (unfold '+ a b)))

User avatar
Soupspoon
You have done something you shouldn't. Or are about to.
Posts: 3567
Joined: Thu Jan 28, 2016 7:00 pm UTC
Location: 53-1

Re: An amateur has tried to build a website in raw HTML

Postby Soupspoon » Wed Apr 18, 2018 4:42 am UTC

(I'm probably never going to solve the problem, but something in Chrome keeps grabbing the tablet's audio. Listen to other media in the background (e.g. BBC iPlayer Radio, VLC) and browse even sites like this with no obvious attempt for web-pages to load and play sound media and yet the background audio is terminated in 'preference' to the silence of thr browser. Sit on a page, nothing happens and listening enjoyment is uninterupted. Often as soon as a link is followed/page is refreshed, though, it cuts it out. I'm going to assume it's the HTML renderer (Blink, perhaps) being pre-emptively greedy in order to serve potential noises. Even though autoplaying audio is an anathema1, second only to autoplaying video!)


1 Unless it was the Yvette's Bridal Formals site, in which case the bagpipe/etc midi music was the least weird design aspect. Hey! Apparently it's back! It had been kapput for so long that I thought I'd only get third-party critiques! Anyway, this is now usefully back on topic. There are bad ways of designing websites, and YBF is so much the epitome of such bad ways that it's almost getting good again!

FlatAssembler
Posts: 43
Joined: Fri Oct 27, 2017 7:42 pm UTC

Re: An amateur has tried to build a website in raw HTML

Postby FlatAssembler » Wed Apr 18, 2018 10:43 am UTC

Out of curiosity, what happens if you try to run the PacMan game on my website in Internet Explorer 11?

speising
Posts: 2272
Joined: Mon Sep 03, 2012 4:54 pm UTC
Location: wien

Re: An amateur has tried to build a website in raw HTML

Postby speising » Wed Apr 18, 2018 12:53 pm UTC

FlatAssembler wrote:Out of curiosity, what happens if you try to run the PacMan game on my website in Internet Explorer 11?

seems to work fine, although he swallowed the first ghost unharmed (but not the next).

FlatAssembler
Posts: 43
Joined: Fri Oct 27, 2017 7:42 pm UTC

Re: An amateur has tried to build a website in raw HTML

Postby FlatAssembler » Mon Apr 23, 2018 6:53 pm UTC

I seriously doubt that the mouth-opening-and-closing animation is rendered correctly in IE11, it's not rendered well even in Android Webkit Browser or in Opera.
In my experience, the Internet Explorer JavaScript engine works as long as all you are doing is string and array manipulation. For example, my web-app that converts arithmetic expressions to i486-compatible assembly works even in Internet Explorer 6. Yet, when you try to do something graphics-related, no matter how simple, it won't work even after hours of trying to do all sorts of trickery.

Can somebody tell me does the PacMan game work on iPhones? The only smartphone I've tested it on is my Samsung Galaxy S3 Mini.

FlatAssembler
Posts: 43
Joined: Fri Oct 27, 2017 7:42 pm UTC

Re: An amateur has tried to build a website in raw HTML

Postby FlatAssembler » Sun May 06, 2018 6:15 am UTC

So, I am not the only one here who thinks iPhones are terrible? Well, finally! In Croatia, a new iPhone costs some 1500$, while the average monthly wage in Croatia is around 950$. And when you somehow manage to save money to buy it, it lasts only a few months. Its battery becomes shorter-lasting and shorter-lasting very quickly, and, after just a few months, you can't even charge it to 5% (which is necessary for it to turn on). Such a waste of money!

sec
Posts: 2
Joined: Thu May 17, 2018 2:43 pm UTC
Contact:

Re: An amateur has tried to build a website in raw HTML

Postby sec » Thu May 17, 2018 4:15 pm UTC

FlatAssembler wrote:Hey, guys!
Do you have some ideas on how to improve it that are easy to program?

Speaking of your HTML-coding skills. Have you considered using some existing libraries (e.g. Bootstrap) to create your website? In that way, you won’t be quickly discourage but not achieving nice visual effects just in pure Notepad. + you will learn a lot by just simply doing some modifications of the code Bootstrap provides, just to fit your layout to your needs.

FlatAssembler
Posts: 43
Joined: Fri Oct 27, 2017 7:42 pm UTC

Re: An amateur has tried to build a website in raw HTML

Postby FlatAssembler » Sat May 19, 2018 6:36 pm UTC

Yes, I could have. I haven't even heard of Bootstrap back when I made the first version of my website. Though perhaps good design is as little design as possible. It seems to me more and more that this website makes a good point.

Anyway, I've tried to fix the problem of the background image disappearing in Internet Explorer 11. I've also added some WebKit animations into CSS to make the background image completely visible immediately after you open the page in the browsers that support the WebKit CSS entrance animations (I am not sure if that was a good idea). I've also tried to make my website a little more mobile friendly by increasing the font size in the "<main>" when the site is run in a mobile browser. Though that appears to work properly only in the Firefox for Android and the Android Stock Browser. Mobile Safari (in the iOS simulator) appears to ignore it on some pages but not on others, and, in Chrome, it breaks the layout completely making the text even harder to read. I can't find out why. I've decided to add some browser-sniffing to disable that part of the script in mobile Chrome.

sec
Posts: 2
Joined: Thu May 17, 2018 2:43 pm UTC
Contact:

Re: An amateur has tried to build a website in raw HTML

Postby sec » Mon May 21, 2018 2:45 pm UTC

Please dont increase font-size in JS when you detect that your website is being visited by mobile browser. Google for: responsive web design to do it properly:

Code: Select all

<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>

Also, keep in mind that not every JS/CSS feature will work properly in every browser. You can check at websites like this if the feature you're trying to use is supported.

FlatAssembler
Posts: 43
Joined: Fri Oct 27, 2017 7:42 pm UTC

Re: An amateur has tried to build a website in raw HTML

Postby FlatAssembler » Tue May 22, 2018 2:43 am UTC

That's going to be very hard with the layout I've made.

EDIT:
OK, I've made some simple mobile theme to be displayed in Mobile Chrome. It doesn't look as nice as the desktop theme with bigger fonts, but the text is at least legible.

FlatAssembler
Posts: 43
Joined: Fri Oct 27, 2017 7:42 pm UTC

Re: An amateur has tried to build a website in raw HTML

Postby FlatAssembler » Sun Jul 22, 2018 8:15 am UTC

So, I think my website looks good enough on Android devices right now. Do you have some idea how to make it look good on iPads?

FlatAssembler
Posts: 43
Joined: Fri Oct 27, 2017 7:42 pm UTC

Re: An amateur has tried to build a website in raw HTML

Postby FlatAssembler » Wed Jul 25, 2018 8:44 am UTC

Implemented some simple theme for iPads using the iOS Simulator. It looks pretty much the same as in Mobile Chrome, except that some JavaScript trickery that works in Mobile Chrome doesn't work on iPads.


Return to “Coding”

Who is online

Users browsing this forum: No registered users and 7 guests