Scratch

veggieman001 · 2013-02-18 20:26:32

IE6 is a web browser!
Web 1.0 tongue

scratchisthebest · 2013-02-18 20:28:27

More like web 0.1, slow edition

Anyway after fixing the indentation mess that is schedule.16skittles.tk (tabs omg), now I will try to make it beu-ta-full.

If you want the indented version of index.html grab it here (still need css files tho). I did my best to make the source pretty, with the added bonus that the ridiculous number of tabs means it will .zip well tongue with the added bonus of *ONE* doctype and *ONE* html element! yay!

Actually it seemed that this was multiple valid html documents (with their own doctype and <html>) pasted together. So next time, skittles, don't do that smile

Last edited by scratchisthebest (2013-02-18 20:34:55)

veggieman001 · 2013-02-18 20:31:15

scratchisthebest wrote:
More like web 0.1, slow edition

Anyway after fixing the indentation mess that is schedule.16skittles.tk, now I will try to make it beu-ta-full.

I like how it has three </html> tags wink

scratchisthebest · 2013-02-18 20:45:22

Sorry if I was rude above, I do that sometimes stupid me >:(
Actually this is the most organized css I've ever seen! Woo

Oh and skittles: do yourself a favor and get a snazzy editor with auto indentation and code folding and highlighting and whatnot. Makes coding html, css, etc so much more fun and easy. Plus you can change the color scheme to make it look even snazzier tongue

I would recommend Geany, haven't tested the windows binaries yet tho.

Last edited by scratchisthebest (2013-02-18 20:45:56)

scratchisthebest · 2013-02-18 20:54:54

Gotta go to sleep now (yay school...) but the css is coming along quite nicely. All the css is now in one file (this is where code folding comes in handy), indented nicely, and a login header bar is... not quite there yet. Will have by tommorow.

In the mean time, here's a zip of the website as it exists on my hard drive, with pretty stuff and whatnot. You'll have to fix the .css file (somehow custom fonts explode on my computer), but have at it.

edit: Wow, forgot the link. Doi. http://db.tt/gFEU6WPs

Last edited by scratchisthebest (2013-02-18 20:56:03)

16Skittles · 2013-02-18 23:07:35

Wow, lots of things to reply to. tongue I'll go in order.

scratchisthebest wrote:
*goes to scedule.16skittles.tk*
OH MY GOSH THAT'S THE MOST BUUTAFUL WEBSITE EVER
...until you click register, that is.

Anyway, I like the logo as it is now. You might want to imageifiy it though: some old browsers (*cough* IE6 *barf*) don't support anything fancy like custom font loading. I might be wrong though.

What the heck I think I'll wget the site and see if I can fix the register page

edit: *looks at source* on the login page there's a doctype on line 1 and again on 54? huh?
edit2: okay, there's three of them on the main page. the <!DOCTYPE html> invasion has begin!

Register Page: Right now it works, which is all I've tried. Maybe I should take put the links until the page is adequately styled. I've been working on other things in the meantime.

Older Browser Support: I'll lay it down plain and simple, if people want the web site to look its best, they should move to a contemporary browser. I may make a dumbed-down version, but I'm going to optimize it to the best of my ability for new versions of Chrome, Firefox, Safari, and even newer versions of IE. Images are always inferior when CSS can be used.

Multiple doctypes: See answer below.

School support: Most of our school's computers are fairly new, and most have FF/Chrome installed.

scratchisthebest wrote:
More like web 0.1, slow edition

Anyway after fixing the indentation mess that is schedule.16skittles.tk (tabs omg), now I will try to make it beu-ta-full.

If you want the indented version of index.html grab it here (still need css files tho). I did my best to make the source pretty, with the added bonus that the ridiculous number of tabs means it will .zip well with the added bonus of *ONE* doctype and *ONE* html element! yay!

Actually it seemed that this was multiple valid html documents (with their own doctype and <html>) pasted together. So next time, skittles, don't do that

Identation: does it return the source as being ugly? It looked fine to me last time I checked...

Multiple HTML documents (and above question): You're partially right. It is multiple files. Te main file (which has doctypes) also includes (through PHP) header.php and footer.php, all of which also have their own doctypes. Is it better/still valid to declare the doctype and open the HTML in the header and then close the HTML in the footer, or should I do all that in the main document and include the header/footer inside those? I added them to ensure each file was a valid document in itself.

scratchisthebest wrote:
Sorry if I was rude above, I do that sometimes stupid me >:(
Actually this is the most organized css I've ever seen! Woo

Oh and skittles: do yourself a favor and get a snazzy editor with auto indentation and code folding and highlighting and whatnot. Makes coding html, css, etc so much more fun and easy. Plus you can change the color scheme to make it look even snazzier

I would recommend Geany, haven't tested the windows binaries yet tho.

I use Notepad++ at the moment, has all those things. Also considering Sublime Text. tongue

Also, thank you for all of your interest. smile

Last edited by 16Skittles (2013-02-18 23:08:07)

scratchisthebest · 2013-02-23 08:56:23

Old browser support: try getting all sneaky and making pink-on-green text only in IE or something, and pretend it's a browser issue wink

School support: LUCKY yikes We all have IE7. So of course the first website I go to is mozilla.org smile

Oh, thats why there were a million doctypes. Okay.

How about something more like this:

index.php

Code:

<html>
    header.php
    body.php
    footer.php
</html>

header.php

Code:

    <head>
        <title>
        <styles all pages need>
    </head>

body.php

Code:

    <body>
        (content)

footer.php

Code:

        (footer)
    </body>
</html>

That's one way you can do it: really it doesn't matter, but this is organized. PHP includes (?) don't need to be self-contained documents. Like, they just end up pasted together, so why bother?

16Skittles · 2013-02-25 23:07:48

Well, the dev is back in action. tongue Time to get back to work!
Edit: The extra <html> tags were an easy fix, now let's make the register pages and such attractive, as they are being seen, I suppose. tongue

Last edited by 16Skittles (2013-02-25 23:20:11)

16Skittles · 2013-02-27 00:07:23

Ooh, another late night update. tongue
Made the login page look better today. Not complete, but passable for now. Tomorrow I'll tackle the unholy mess that is the register page. (Also all these fixes are currently optimized for 1218.gs, no love for low res yet)
Update:
Oh, what a difference a browser can make!

This is comparing the site in FF19 (current version) to IE8 (Only two versions outdated. You can easily see that it lacks rounded corners, gradients, drop shadows, custom fonts... Yeah I suppose a version will have to be made for older versions of IE...

Update 2: Wow, SVG fonts really make this thing look nicer. TTF fonts don't scale very well here, but SVG does. It looks better in Firefox than in Chrome for some reason, though.
Update 2.1: Okay, apparently Chrome likes the order of fonts to be different. It's not jagged anymore, but kind of blurry...
Update 2.2: Well, Chrome is the most popular browser among visitors to the site, better fix this soon.

Last edited by 16Skittles (2013-02-27 16:28:20)

16Skittles · 2013-03-10 10:23:02

Bumping this back up. Not only have I cleaned up the login/register pages, but I've also begun working on the main 16skittles.tk site. All that's really left is a bunch of backend stuff.

mythbusteranimator · 2013-03-11 09:48:58

The layout all looks beautiful; it works perfectly on Chrome!
I tried registering, but I got a PHP error. tongue

16Skittles · 2013-03-11 18:08:50

mythbusteranimator wrote:
The layout all looks beautiful; it works perfectly on Chrome!
I tried registering, but I got a PHP error.

hmm... Will look into that. tongue

Edit: Bug squashed. tongue The problem was with a modification I lazily made to register.php. My original code was this:

Code:

if(strlen($username) > 30)

But to disallow people from making extremely short usernames, I implemented this change.

Code:

if(strlen(5>$username > 30))

It was a really lazy mistake on my part, but it's all fixed now. (Also don't expect there to be much to do, yet. tongue )

Last edited by 16Skittles (2013-03-11 18:15:57)

mythbusteranimator · 2013-03-11 20:44:41

16Skittles wrote:
mythbusteranimator wrote:
The layout all looks beautiful; it works perfectly on Chrome!
I tried registering, but I got a PHP error.
hmm... Will look into that.

Edit: Bug squashed. The problem was with a modification I lazily made to register.php. My original code was this:
Code:
if(strlen($username) > 30)
But to disallow people from making extremely short usernames, I implemented this change.
Code:
if(strlen(5>$username > 30))
It was a really lazy mistake on my part, but it's all fixed now. (Also don't expect there to be much to do, yet. )

Was the problem you didn't have another set of parantheses, or that it wasn't spaced?
(sorry, Codeacademy's PHP course isn't working tongue )

16Skittles · 2013-03-22 18:10:29

Well, starting to truly build the calendar itself! This is my two week spring break, I hope to have enough done to do a closed beta before school ends for this year. That gives me about a month to finish, after this two week grind. I'll probably get more active now that I'm beginning to grow tired of the initial rush of GMod. (un)Luckily (good for productivity I guess) Minecraft updated during this time, meaning Tasekai is running a temp map while we wait for bukkit to update, so I can't use that as a distraction. tongue

16Skittles · 2013-03-27 16:26:11

Achievement Unlocked: Display a calendar!
We can theoretically display any calendar in Common Era. (also known as AD). Here's an example of January 2020, with the Windows calendar for reference.

Making that bottom navbar is giving me some issues though. The calendar also will be more refined than this, this is simply a "rough draft" of the final thing. Everything so far has been done in CSS. Just threw it into IE8 and it doesn't look too bad. It will require some optimization, but the biggest two things about its display there appear to be lack of rounded corners and custom fonts, both of which can be worked around, I guess. Even my gradient still works there!

Edit: To all users who created an account before 3/27/13:
Due to various housekeeping issues, we have wiped the user database. No user data beyond login credentials was ever stored on our servers, so nothing of value was lost in this action. While finalizing the system we may have more similar maintenance if the database structure needed changes.

Last edited by 16Skittles (2013-03-27 21:23:34)

mythbusteranimator · 2013-03-28 10:48:28

Did you create the calender with an HTML table mixed with PHP?

16Skittles · 2013-03-28 11:16:35

mythbusteranimator wrote:
Did you create the calender with an HTML table mixed with PHP?

It's not set up as a table, really. It's a bunch of divs. I looped through and echoed those divs and styled them using CSS. No tables, I've found that they can be a bit more difficult to style. This may end up being my compatibility version, I may try to move towards HTML5 canvas for more eye candy on modern browsers.

mythbusteranimator · 2013-03-29 11:08:28

(I've been wondering about this)

On the main 16skittles site, in the nav bar when you hover, there is a blue square that fades in. Is this a jQuery effect, or is it a CSS div:hover border effect?

16Skittles · 2013-03-29 11:11:18

mythbusteranimator wrote:
(I've been wondering about this)

On the main 16skittles site, in the nav bar when you hover, there is a blue square that fades in. Is this a jQuery effect, or is it a CSS div:hover border effect?

CSS. I don't really do too much with Javascript (although that will have to change for the calendar itself) and try to fall back on CSS as much as possible.

mythbusteranimator · 2013-03-29 11:46:57

Oh.

16Skittles · 2013-03-31 16:01:37

I know common procedure is to "not optimize until you're finished," but sometime you just can't help it. I put on a search to discover why 404s were being loaded (I was loading css files not yet implemented, to be used for smaller sized screens) and ended up with Google's excellent developer tools and Page Speed tool to figure out a few other things to do to optimize the speed. I resized the image, and the next main thing to do is enable caching. I'll probably add that later, though, it's a slightly more involved procedure.

Edit: Just realized that if I were to enable caching, it would add many additional steps into doing modifications to the CSS. So it isn't just me being lazy. tongue (That's why you're supposed to use a development server, I guess)

Last edited by 16Skittles (2013-03-31 17:45:03)

SeptimusHeap · 2013-04-02 07:52:36

Are passwords hashed and salted? I've done a lot of user stuff on my site (see below), and could help you with that.

16Skittles · 2013-04-02 18:49:20

SeptimusHeap wrote:
Are passwords hashed and salted? I've done a lot of user stuff on my site (see below), and could help you with that.

Yes, passwords are encrypted, although user security is a high priority, so I'd love to have the best practices possible. smile

SeptimusHeap · 2013-04-02 18:54:45

16Skittles wrote:
SeptimusHeap wrote:
Are passwords hashed and salted? I've done a lot of user stuff on my site (see below), and could help you with that.
Yes, passwords are encrypted, although user security is a high priority, so I'd love to have the best practices possible.

What form of encryption? Even hashing on it's own is very insecure.

dontbombiraq · 2013-04-02 19:23:36

Please refrain from ever using Sansation and try a different one.

Scratch

archived forums

#51 2013-02-18 20:26:32

Re: Making a Web-Based School Planner System

#52 2013-02-18 20:28:27

Re: Making a Web-Based School Planner System

#53 2013-02-18 20:31:15

Re: Making a Web-Based School Planner System

scratchisthebest wrote:

#54 2013-02-18 20:45:22

Re: Making a Web-Based School Planner System

#55 2013-02-18 20:54:54

Re: Making a Web-Based School Planner System

#56 2013-02-18 23:07:35

Re: Making a Web-Based School Planner System

scratchisthebest wrote:

scratchisthebest wrote:

scratchisthebest wrote:

#57 2013-02-23 08:56:23

Re: Making a Web-Based School Planner System

Code:

Code:

Code:

Code:

#58 2013-02-25 23:07:48

Re: Making a Web-Based School Planner System

#59 2013-02-27 00:07:23

Re: Making a Web-Based School Planner System

#60 2013-03-10 10:23:02

Re: Making a Web-Based School Planner System

#61 2013-03-11 09:48:58

Re: Making a Web-Based School Planner System

#62 2013-03-11 18:08:50

Re: Making a Web-Based School Planner System

mythbusteranimator wrote:

Code:

Code:

#63 2013-03-11 20:44:41

Re: Making a Web-Based School Planner System

16Skittles wrote:

mythbusteranimator wrote:

Code:

Code:

#64 2013-03-22 18:10:29

Re: Making a Web-Based School Planner System

#65 2013-03-27 16:26:11

Re: Making a Web-Based School Planner System

#66 2013-03-28 10:48:28

Re: Making a Web-Based School Planner System

#67 2013-03-28 11:16:35

Re: Making a Web-Based School Planner System

mythbusteranimator wrote:

#68 2013-03-29 11:08:28

Re: Making a Web-Based School Planner System

#69 2013-03-29 11:11:18

Re: Making a Web-Based School Planner System

mythbusteranimator wrote:

#70 2013-03-29 11:46:57

Re: Making a Web-Based School Planner System

#71 2013-03-31 16:01:37

Re: Making a Web-Based School Planner System

#72 2013-04-02 07:52:36

Re: Making a Web-Based School Planner System

#73 2013-04-02 18:49:20

Re: Making a Web-Based School Planner System

SeptimusHeap wrote:

#74 2013-04-02 18:54:45

Re: Making a Web-Based School Planner System

16Skittles wrote:

SeptimusHeap wrote:

#75 2013-04-02 19:23:36

Re: Making a Web-Based School Planner System

Board footer