No weekly updates for the near future, although that's hardly important as it's summer. I'm working on a new, more advanced web app that I'd share a mockup of but GIMP mangles the text. It'll look better in browser, trust me.

Well after a three week vacation I'm back in a capacity to work on the program. (During the three weeks I was able to post through my iPad but unable to work on the site) I've made a release date, hopefully I'll get it feature complete earlier but it will be good for me to work on some polish before the official release. The signature says it all.

Oh wow this is the home stretch. I have a list of what needs to be done now that I can count on my fingertips.

• Bug: Course with name “undefined” added during setup
  
• Bug: Always logs out on mobile
  
• Bug: Login on landscape mode on mobile difficult
  
• Feature: Assignments appear on calendar
  
• Feature: Add/Delete courses and assignments
  
• Feature: Settings menu
  
• Feature: Submenus
  
• Feature: Show today's assignments in sidebar
  
• Feature: Forward compatibility between classic and modern filetypes. (Allows current interface to work with the new system for legacy browsers)
  

It seems like a lot, but the hardest things are done. Now it's almost all down to recreating what I've already done.

I can't seem to click on any links: they all go to “localhost/schedule/filename”

scratchisthebest wrote:

I can't seem to click on any links: they all go to “localhost/schedule/filename”

Should be fixed.

Thanks for fixing

Played with it, here's what I have to say about the interface.
bugs
major
When you delete a class the assignments for it stay, so you have to delete them all individually
fix: dunno
Some places still use the browser default font (username/pass fields, calendar, closed beta test box)
fix in css: * {font-family: “Blah”, sans-serif;} on top of the page

minor
Blue links on black is near impossible to read for the login and logout links
fix by changing them to #CCCCCC, maybe?
a file called “beta.png” is missing causing a broken image icon to appear over the logo
fix by changing it to “./resources/beta.png” and removing the css background
text on the login screen falls off the bottom
fix in css: #logincontent { height: auto; padding-bottom: 30px; }
When deleting something the whole page reloads, so it's kind of seizure inducing if you delete too much
fix: ajax?
On the homepage, the footer floats up the page a bit, leaving space below the footer. (Not any other pages)
fix: a piece of duct tape (no really)
very very very minor
Main UI: Hover highlight on the trash can icons are a tiny bit off-center
fix by centering your icon?

suggestions
use an <iframe> for the login page and the add assignment things so you don't have to change pages. please excuse the lousy photoshop
“Are you sure you want to delete this class?”
either put something in the black box on the homepage or get rid of it plz

questions
I see 5 big squares next to each class name, why? Is this a bug?
Is everything on the homepage actually implemented yet?

praise
I really like the general layout
great icons!!!
nice logo
that is the best background of anything, i assume you got it from subtlepatterns?

scratchisthebest wrote:

Thanks for fixing

Played with it, here's what I have to say about the interface.
bugs
major
When you delete a class the assignments for it stay, so you have to delete them all individually
fix: dunno
Some places still use the browser default font (username/pass fields, calendar, closed beta test box)
fix in css: * {font-family: “Blah”, sans-serif;} on top of the page

minor
Blue links on black is near impossible to read for the login and logout links
fix by changing them to #CCCCCC, maybe?
a file called “beta.png” is missing causing a broken image icon to appear over the logo
fix by changing it to “./resources/beta.png” and removing the css background
text on the login screen falls off the bottom
fix in css: #logincontent { height: auto; padding-bottom: 30px; }
When deleting something the whole page reloads, so it's kind of seizure inducing if you delete too much
fix: ajax?
On the homepage, the footer floats up the page a bit, leaving space below the footer. (Not any other pages)
fix: a piece of duct tape (no really)
very very very minor
Main UI: Hover highlight on the trash can icons are a tiny bit off-center
fix by centering your icon?

suggestions
use an <iframe> for the login page and the add assignment things so you don't have to change pages. please excuse the lousy photoshop
“Are you sure you want to delete this class?”
either put something in the black box on the homepage or get rid of it plz

questions
I see 5 big squares next to each class name, why? Is this a bug?
Is everything on the homepage actually implemented yet?

praise
I really like the general layout
great icons!!!
nice logo
that is the best background of anything, i assume you got it from subtlepatterns?

Well tbh you're a bit late for debugging this section of the program but these are all things that havent really been addressed. Note that we will split into two separate interfaces, one is the new one the other is the current one, but they will be compatible. This is for people with older browsers that don't support CSS3 Animations, newer versions of IE that don't support CSS3 animations (I kid, I kid. I haven't yet tested compatibility with IE, all testing has been Firefox and Mobile Safari) and people who have Javascript disabled.



1. Good to know. I haven't really been thinkng of the long-term usability such as that yet. The idea was concieved in January or February so I haven't had a reason to run into this issue IRL, and it wasn't something on my mind for testing.
2. Yeah I'll try to ensure more consistency. I don't think it's any significant issue but it's not great UX.
3. Yeah that's an issue that has been bought up. I changed the color slightly but it isn't the best solution. My main concern is trying to make something that people will recognise as a link without making it ugly and inconsistent.
4. That's going to be removed anyway by Sept. 1st. I see both the beta banner and the broken image icon. Strange. Maybe I'll find a fix.
5. Another thing that's been brought up. I think it has to do with my poor implementation of “responsive” design. Things get fixed on one resolution but not another.
6. Ohhhh, if you want AJAX, it's coming. Unfortunately I can't help you here, though. The current implementation will still be maintained but JS-Free. Perhaps a mass-select and delete feature?
7. I think I have a similar solution implemented on some pages but not others. It may be because you have a different screen height, but I'll look into it
8. Probably it's actually the trash can off-center. Most of the icons here are in one spritesheet and editing them isnt very precise.
9. I'll consider it, but the update will bring smoothness. I developed a sort of distaste for iframes personally but if it's the best solution it's the best solution. Edit: I understand better what you're suggesting now, I didnt realize how long this response would be and didn't actually click the image.. I won't guarantee implementation but I will check how it fits with compatibility.
10. Maybe i'll implement it on classes. Probably not assignments, though.
11. That will be filled by a video, the big ugly black box was always just a placeholder. It'll be nice, I have music secured from jji7skyline for the background and everything.
12. Thanks! And shhh… Don't tell anyone my secret!

Edit 2: Oh yeah, and your questions.
Those squares a supposed to represent days. Dark means you have the class that day, light means you don't. I should probably look for a more intuitive way, though.
Maybe not… But I have the concepts in my brain… XD
It's still in development. They're coming soon.

I suggest that the shadows should be a bit lighter. For example on the front page, the shadows at the bottom, and inside the 3 boxes should be a lighter shadow imo.

There's a broken image symbols stuck on top of the logo.

The logo should link to the homepage (did I mention that before? if so, sorry)

Great improvements so far

Every once in a while, the calendar notifications will show with 16px height instead of 116px.

#2: It's very significant and ugly too. To fix, just add * {font-family: “Whatever font”} to the top of header.css.

#3: Anything that's a different color than the text should come across as a link. Also try a {font-weight: bold;} to make them stand out even more.

#4: The <img> tag references an image at "http://schedule.16skittles.tk/beta.png“, which is a 404.
header.css gives the <img> tag a background-image of ”http://schedule.16skittles.tk/resources/beta.png" which is the correct location.

Oh and you're gonna need to responsiveifiy the home page too: anything less than 993px wide makes it scroll sideways.

It seems to fixed. My username is an average length username, yet it's overlapping other images, ect. And text being out of place can be found very frequently. Still lots of work to be done on the style.

I'm going to push back the release. First of all, September 1st is a Sunday. The next day, September 2nd, is Labor Day (which, at least in America means no school as well). After that, my school takes a trip for a week in which I will be in a remote part of Wisconsin with little to no internet access and no laptop access. I'd rather not have a release followed by a week of me being unable to fix things. We will arrive back on the 7th. So the new date for release is Monday the 9th.

scratchisthebest wrote:

#2: It's very significant and ugly too. To fix, just add * {font-family: “Whatever font”} to the top of header.css.

#3: Anything that's a different color than the text should come across as a link. Also try a {font-weight: bold;} to make them stand out even more.

#4: The <img> tag references an image at "http://schedule.16skittles.tk/beta.png“, which is a 404.
header.css gives the <img> tag a background-image of ”http://schedule.16skittles.tk/resources/beta.png" which is the correct location.

Oh and you're gonna need to responsiveifiy the home page too: anything less than 993px wide makes it scroll sideways.

Fixed #2 and #4.

*thunderous applause aimed at 16skittles*