2008-01-03 13:01:17

Comparison for /Your Best Self of 2008-01-03 13:01:17 and 2008-01-03 13:02:44

Deletions:

Complete
27.06.07

- Registered your-best-self.no-ip.org as test domain name
- Changed from using my common js solution to using ufo js instead, means a slight re-write of the index page
- Added the “Click here to get Flash” text and link to the index page as alt content
- Removed XML declaration from top of html file as we don't want quirks mode to be activated

25.03.07

- Added text color select list and the relevant javascript to show the effect with the content textarea

24.03.07

- Re-implemented the sub-category saving. Turns out it wasn't broke, I was just tired and kept clicking the wrong button!
- Ditched RTE in favor of own textarea since it only needs to do one thing; switch bg/fg colors between two presets
- Fixed a bug where it kept the selected subcategory id across topics
- Fixed a bug where it kept saving categories/subcategories as you switched between topics/categories respectively – i made the code a bit too complex so it got hard to follow, just simplified it and instantly recognised the problem.

23.03.07

- Implemented about 70% of the subcategories section. Still need to re-implement editing of the subcategory name as that broke when i changed the last bit i worked on.
- About 85% sure I'm going to ditch the rich text editor for the main content text as that only have two options for the text style – light or dark. RTE seems like overkill since they can't use 99% of it's functionality.

22.03.07

- Mostly finished the categories table. The only thing left to do is make the category names clickable so that the sub-categories list can be displayed.
  - Added odering categories via two arrow buttons. This lets you move them up/down in the stacking order.
  - Finished implementing category name editing
  - Finished implementing category deletion

21.03.07

- Decided to carry on with the bespoke CMS I've been writing. I had some good ideas whilst looking at the opensource solutions such as how to make the interface a bit cleaner and how to structure things a bit better programatically.
- Implemented Languages in database and created relevant PHP functions to output them as a menu to the page
- Implemented Topics in database and created relevant PHP functions to output them as a menu to the page
- Both of the above store a hidden field on the page to keep track of the selected item across page submissions
- Created Categories html table and PHP function although still need to implement the “Add Category” functionality to have some test content.
- Fixed a bug where the db admin didn't have the correct access level for the Topics table
- Ah man, it's like 12:45am on the 22nd. I've spent hours and hours fannying about with image submit buttons. Outa the box they don't return the “value” field when the form is submitted in IE6. This was a major fucker as the language buttons needed to return their id. Found a good solution and finally got it implemented. I think I'll blog it tomorrow as only one person in 3 pages of google results mentioned it as a solution.

18.03.07–20.03.07

- Spent some time trying out opensource CMS engines. Looked at Mambo, Joomla and Drupal. I decided to go with Drupal last night (20th) but then changed my mind this morning (21st).

12.03.07

- Created login page with MD5 encryption
- Created initial Database class file for interacting with Postgres, this will also be used by Flash later on
- Updated User class to allow user login using MD5 password
- Created most of admin interface, the actual interface, not functionality
- Implemented FCKEditor as the main content editor, means I'll have to parse html in Flash

10.03.07

- Created User class which will handle all user activities

08.03.07

- Drew up initial design of how it will look
- Created the following tables:
  - Users (had to recreate it as i forgot somethings last night)
  - Languages
  - Topics
  - Categories
  - Subcategories

07.03.07

- Changed the white image flash from using a gradient alpha sphere to using an over exposure method. Looks way better.
- Sorted out entire sections introduction timing
- Re-implemented box navigation
- Each block has a number overlayed from 1 – 8. The number is visible when you mouse over the image.
Language Selection
- Fixed a bug in the timing at the very end which meant occasionally the last welcome message would get deleted too quickly which meant it just dissapeared instead of faded out
- Downloaded and installed postgreSQL
- Created initial “users” table

06.03.07

Bottom Left Horizontal Menu
- Changed “Corp. Success” to “Organizational Success”
- Changed “Corp. Success” to “Org. Success” on box navi block button
- Changed “Create Corporate Success” to “Create Organizational Success” on box navi block button
- Changed the above to “Create Ord Success” as the full word made it too long for the box
- Make Preloader bar alpha in as it grows at very start, atm it fades in as a 10px high line and then grows. Want this as one motion.
- Fixed bug that was preventing horizontal menus from displaying text. I was a 'tard and used array syntax by accident.
- The first time someone chooses their language and ends up here the “Introduction” link animates with a pulsing effect to draw attention to it. As soon as they've clicked any link or if they already chose their language on a previous visit the pulse effect will stop.

05.03.07

Main Interface
- Ditched about half the code in this section as it related to the old temp page setup
- Finished writing the new updated to-do list using the verified change list sent to Stefan, there's a ton more stuff on the online list as I expanded some things to hold more detail.
Language Selection
- During the welcome text section the 8 section titles scroll across the bg at random:
  - vertical positions (0 – max height)
  - horizontal directions (-topic width – max width)
  - speeds (5 – 13)
  - transparencies (10 – 15)
  - start delay (0 – 4)
  - scale (100 – 300)
  - looks tacky n cheesy :�(
- Box Navigation
- Re-implemented top left YBS header text so it fades in after last of page animations to stand out more

02.03.07

Language Selection
- Finished re-implementing welcome messages
- Fixed timing of welcome messages
- After the welcome messages the preloader bar shrinks instead of just fading out

01.03.07

- Reimplemented 1kb swf file at very beginning to totaly hide the bounding box that's shown while loading content in IE
- Modified HTML to use the js swf writer code to avoid the “Click to activate” box showing up

22.02.07

- Made contractBarsPost work like extendBarsPost
Language Selection
- Started re-implementing welcome messages
  - Created a new class for the welcome text which keeps it all contained in one location

19.02.07

- Removed fonts from initial Flash file altogether, now they're solely in the main one.
- Changed “LOADING...” Flash written text into an external image for the same reason as below
Language Selection
- Changed “SELECT LANGUAGE” box to be an external image instead of actual Flash written text, this fixed a bug with writing text in the parent movie clip
- Did more cleaning up, now this class is about 90% complete

14.02.07

- Made it about 70% self contained
- Fixed a bug in the F8 conversion where calling callback functions where now called on the preloader object itself and not the actual classes that contain them.
Language Selection
- Moved the SELECT LANGUAGE panel outside of the language selection class so that it can sit on top of the preloader bars
- Re-implemented the language buttons
- Re-implemented most of the animation sequence
- Right aligned all the language buttons
- Fixed positioning of Swedish language button bg, was off by a pixel
- Preloader bar now fades out when it retracts to left hand side, this got disabled by accident
- Languages now detect when the mouse is already over them at the start

12.02.07

Main Interface
- Completed initial rewrite of this into a F8 class, still needs refinement
Language Selection
- Completed initial rewrite of this into a F8 class, still needs refinement
Site Menu Buttons
- Completed class rewrite
- Moved follow scanner implementation to inside preloader

09.02.07

- Completed loading structure of new XML layout
- Finished implementing alternative preloader (horizontal bar preloader)
Language Selection
- Created English and Swedish language name images
- Modified XML file so that the language section is expanded to include the welcome message image paths

05.02.07

- Converted preloader to Flash 8 class
- Created new image folder structure to make things easier to maintain – prior to this most images where lumped together in a single folder

Pre 05.02.07

All links on thh site e.g the menu in the beginning, the head menu and the bottom menu are going to be IMEDIATE RESPONSE i.e. if you move over it it changes color instantly BUT the mouse off is the same as it currently is
- Language Selection
- Top Right Menu
- Bottom Right Menu
The head menu and the bottom menu SHOULD NOT affect the big square at all
The 8 maintopics should have the fading effect on the border
“Achieve Balance” spelt incorrectly
“Introduction” spelt incorrectly on the spanish version
Select language button at the bottom
Add a girl image as well as a man image on the left hand side. Its randomly picked which one should be used each visit.
Add a click sound when a button is clicked
- Language Selection Button
- 8 Boxes
- Main site horizontal menu
Change contact email address to info@ybsmg.com – it already was pointing there!
Add a colored line before the main topics submenu (bottom, when you have clicked on one of the 8 topics-page), that have the same color as the line infront of the topics with the 8 squares. But they are grey until you make a mouseover.
The big border should change instantly to grey on mouse over a button should fade out with an animation
Cookies – one cookie that checks if you have selected a language already when you visit the site. If the user has then they are auto-redirected to the previously selected language version.
Remove pause between man fading in and line starting
Get clarrification on point 12 off the printout
The top YBS logo – Make it white all the time
Make ESPANOL an image like korean on language selection so there will be a squiggle above the “N”
Update Korean Introduction text
The loading-sign is just flashing, VERY quickly, not a line that fills up
this is just about the guy, the guy should fade in 1–2 sec later after the loadingsign has dissap
The cross on the first page – IS it possible to get the lines moving straight away when it app? beq we still have it standing ther for a couple of sec
Spanish welcome text – If you ADD alittle space, 3–5 pixels BETWEEN the first lines
All introtext exept the english app to late now – nope its the same animation!
implement new html centering technique
Loading-sign, we need a loading sign on the first page! Preferably on an all white screen that (after loading is completed), fades down to an all black screen,,, after that, the guy appears on the count of 3 (second interval) where the count is initiated immediately when the screen has blacked out. After the load is completed, the sign diss. and after 3 sec the guy starts to fade in!
Checkout right side red bar preloader bug – think it was to do with the ratio value being inverted
Use webdings email envelope icon, left text = left align image vica versa for right aligned text
Fix text position for 2 page introduction text
implement swedish, spanish and new english introduction texts
The red “cross”, take that away, and start the drawing of the red line earlier! The red line starts to move immediately as the cross appears, if you start to count (in seconds) 1, when the guy appears then the line should appear and start to move on 3, So one get the feeling of, 1 the guy appears, 2 he just stays there, 3 the line starts to move, 4 it moves over the page
The Spanish welcomtext. The place where the text where from the beginning was ok, BUT then you made them app as 3 different line. So – the last sentence must be in the smack middle.....like the other languages and then they will have the space as the PSD-file!
About the arabic and persian text!
- The “welcome-text” in BOTH languages are both turned around...e.g. change the presenting-order!
- You are just showing the second INTROTEXT in arabic!
SKIP the fade-effekt on the eye....just let the eye app 100% when the “shutter” reveals it! And fade in the text earlier� immediately after the red line has withdrawn� (the same effect as after the English welcome text but the other way around..)
Right-align the Leagal-notice-menu with the top-menu
The RED-line must start moving STRAIGHT away when you press anything???? Indicating it is the loading sign making the site feel �responsive�
NO effekt on the white line when it turns grey...just do it a little bit darker...and instant change! if you move the cursor fast on and off a link, the frame should respond in a �blinking� fashion.
Make the YBS logo at the top....20%darker please...when it�s a link! (or have it affect the frame in the same way as the other links.. as of now, no one I�ve showed the page for has realized it is a link..
Make sure the leagal notice menu is darker on all languages
Introduction text intro animation – i can try out the same effect and see how it looks. at the moment they are two different effects as you can probably tell just by looking ;�)
Spanish Welcome Texts position – easy enough :�)
Bottom Menus colored lines – ohhhh but i really liked these :�( i'll update it as specified.
Background YBS diffusion – make it even darker, right? if so its easy.
Persian Welcome Text order – sorry i musta fuct up, easy to fix :�)
Persian & Arabic Introduction texts – hehe, i knew i should of checked the old images first...DOH!, again easy to correct
Old Intro texts – yep, his system is using old cached versions.
Legal menu fade level – easy
YBS top logo fade level – easy
Introduction text border darkness – easy
Change all fonts
Make spanish text fade in 1, fade in 2, then fade 1 & 2 out, then fade in 3
For all languages except english just go straight to intro text, dont show block navi ever as they cant read it.
After grey plate has been shown for the first time the redline should only move within its boundaries and should not redraw anything outside the box. DONT hide and show grey square at this point.
Make all red vert bar _height animations same anim type and speed as language selection vert bar animations
Stage 3 – make POWER | INTELLIGENCE | ETC fade out as mouse is over one of them, like samsung
make text and color block on block navi fall up and down in single blocks
Block navi – when not over any tiles – h1:80% h2:60% both go to 100% on over
Top right menu – up: 60% over:100%
Bottom right menu – up:40% over:100%
Just after last welcome text sentance make red line start sooner. at the moment there is a slight delay between the word being totaly faded out and the line fading in
Stage 2 & 3 Your Best Self text link – check the psd layer alpha level and make link match. goes to 100% on mouse over
Re-implement introduction white->grey border animations
Make intro (eye) page animation same as samsung site
Stage 3 – Flash darker man in as overexposed eye fades out
Check select language opening animation
Speed up redline starting point. i.e. make it open sooner as the last language fades out
Make default man image use the new slightly darker version
make white border on text block go grey when over any menu link
Fix grey box color
After last language of language selection menu has retracted start red line horizontal movement immediately
Dont show red x at start, just black until its finished loading then fade guy in and then red line expansion
The guy turns up to quickly! and it takes to long time BEFORE the red line app, after the guys has app.....(why did we chenge that ...it was perfect in the version before this)
Red line ALWAYS starts in middle of guy like later on
After the red line has been drawn back to the left, the red line collapse to quick. Slow it down
Add 2s gap before welcome texts appear
Make welcome texts last on screen 1s less and time between transitions 1s shorter
After the language selection screen never show the horizontal red bar
The red line app QUICKER than it does on the first section EVEN here it was perfet in the last version (with an acceleration movement in the beginning and decending at the end of the movment). To ad to that it also starts later before it moves at the sides? IT`S critical that the movment is contanious ALL THE TIME both horiz. and vertical. (exept when it app. as a loadingmeter at the right side of the pages)
The red-line dosen�t start INSANTLY when you click an image, and don�t have an even speed up to it�s max position!
Make white bars in horizontal menus red, just an experiment

2007-11-21 17:10:48

Comparison for /Your Best Self of 2007-11-21 17:10:48 and 2008-01-03 13:01:17

Additions:

Version History?

2007-06-28 14:30:09

Comparison for /Your Best Self of 2007-06-28 14:30:09 and 2007-11-21 17:10:48

Additions:

Notes

Font used for rollover buttons Helvetica TT 14px 600 300 100 Crisp

2007-06-28 14:24:20

Comparison for /Your Best Self of 2007-06-28 14:24:20 and 2007-06-28 14:30:09

Additions:

2007-06-27 15:03:58

Comparison for /Your Best Self of 2007-06-27 15:03:58 and 2007-06-28 14:24:20

Additions:

2007-06-27 13:00:03

Comparison for /Your Best Self of 2007-06-27 13:00:03 and 2007-06-27 15:03:58

Additions:

YBS Admin Login

Deletions:

YBS Admin Login

2007-06-27 12:58:13

Comparison for /Your Best Self of 2007-06-27 12:58:13 and 2007-06-27 13:00:03

Additions:

- Removed XML declaration from top of html file as we don't want quirks mode to be activated

2007-06-27 12:42:30

Comparison for /Your Best Self of 2007-06-27 12:42:30 and 2007-06-27 12:58:13

Additions:

27.06.07

- Registered your-best-self.no-ip.org as test domain name
- Changed from using my common js solution to using ufo js instead, means a slight re-write of the index page
- Added the “Click here to get Flash” text and link to the index page as alt content

TannSanWiki - YourBestSelf