Show Posts
This section allows you to view all posts made by this member. Note that you can only see posts made in areas you currently have access to.
Messages - Nao
6811
Features / Re: New revs
« on December 24th, 2011, 03:55 PM »
rev 1218
(3 files, 2kb)
! Fixed main menu's position relative to owner when JavaScript is disabled (becomes usable again.) (index.css)
+ Added a transparency effect to the select box background. This is best experienced on the PM View select box, which also demonstrates how a select box can be customized (in this case, size reduction.) (index.css)
* A few minor cleanups to the select box code. Still proudly under 2000 bytes. It won't last, though...! (sbox.js)
* Indenazi. (ManagePermissions.template.php)
(3 files, 2kb)
! Fixed main menu's position relative to owner when JavaScript is disabled (becomes usable again.) (index.css)
+ Added a transparency effect to the select box background. This is best experienced on the PM View select box, which also demonstrates how a select box can be customized (in this case, size reduction.) (index.css)
* A few minor cleanups to the select box code. Still proudly under 2000 bytes. It won't last, though...! (sbox.js)
* Indenazi. (ManagePermissions.template.php)
6812
Features / Re: New revs
« on December 24th, 2011, 12:39 PM »
rev 1217
(3 files, 2kb)
! Hitting a function key with a select box opened would ignore it. (sbox.js)
! The change event for the original select box was never triggered. (sbox.js)
! Fixed bad positioning (again?!) when using drop-ups instead of drop-downs. (sbox.js)
- Set default maxHeight to 500, because after experimenting with a 600px one... It's just too imposing. (sbox.js)
! Syntax errors in board management JavaScript code. Thanks John for reporting it. (ManageBoards.template.php)
! template_permission_index() used a silly optgroup emulation in a long select box, instead of... well, optgroup tags?! (ManagePermissions.template.php)
(3 files, 2kb)
! Hitting a function key with a select box opened would ignore it. (sbox.js)
! The change event for the original select box was never triggered. (sbox.js)
! Fixed bad positioning (again?!) when using drop-ups instead of drop-downs. (sbox.js)
- Set default maxHeight to 500, because after experimenting with a 600px one... It's just too imposing. (sbox.js)
! Syntax errors in board management JavaScript code. Thanks John for reporting it. (ManageBoards.template.php)
! template_permission_index() used a silly optgroup emulation in a long select box, instead of... well, optgroup tags?! (ManagePermissions.template.php)
6813
Features / Re: New revs - Public comments
« on December 24th, 2011, 11:38 AM »
First one is due to wanting to have a clear hint that they were clickable, by keeping them the same color as usual IIRC... And yeah, I know, it bothers me a bit too... I should also make links a bit smaller. But everything in my mind is controlled by how the Quick Reply link looks like... Meh.
Any color to suggest as replacement...?
Second issue: fixed, thank you. (4 errors overall in the file.)
Third issue: fixed, thank you again. This is due to the change event never being triggered because the original value was already overwritten at the time the change was tested against.
It's annoying how many bugs are going to be caused by the new select box... But OTOH, it looks really cool... :^^;:
Any color to suggest as replacement...?
Second issue: fixed, thank you. (4 errors overall in the file.)
Third issue: fixed, thank you again. This is due to the change event never being triggered because the original value was already overwritten at the time the change was tested against.
It's annoying how many bugs are going to be caused by the new select box... But OTOH, it looks really cool... :^^;:
6814
Features / Re: New revs
« on December 24th, 2011, 12:30 AM »
rev 1216
(3 files, 6kb)
* Down to 1996 bytes... I knew it could be done![1] Tricks involved: clearTimeout() on an undefined variable doesn't generate an exception, no need to preset it to null. Removed custom CSS class name, as planned some time ago. The new namespace is 'sbox'. Removed the IE7 glitch fixing code -- I tested it under IE7, obviously, and couldn't see any difference... Got rid of '.display.active' in favor of '.focused .display' (also implies a few CSS changes). Skipped adding the select box to the body -- went directly for after the original element.
! The original plugin had a minor bug in which it tested for the .focused class in $display instead of $sb. (sbox.js)
* Hopefully made the select box CSS a bit cleaner. (index.css)
+ Just added a small disclaimer in WeCSS's comments. Whatever. (Class-CSS.php)
(3 files, 6kb)
* Down to 1996 bytes... I knew it could be done![1] Tricks involved: clearTimeout() on an undefined variable doesn't generate an exception, no need to preset it to null. Removed custom CSS class name, as planned some time ago. The new namespace is 'sbox'. Removed the IE7 glitch fixing code -- I tested it under IE7, obviously, and couldn't see any difference... Got rid of '.display.active' in favor of '.focused .display' (also implies a few CSS changes). Skipped adding the select box to the body -- went directly for after the original element.
! The original plugin had a minor bug in which it tested for the .focused class in $display instead of $sb. (sbox.js)
* Hopefully made the select box CSS a bit cleaner. (index.css)
+ Just added a small disclaimer in WeCSS's comments. Whatever. (Class-CSS.php)
| 1. | And I'm definitely putting an end to my research... From this point on, the size will go UPWARDS. I don't think I could have gone below 1900 bytes without removing support for ARIA. |
6815
Features / Re: New revs
« on December 23rd, 2011, 06:39 PM »
rev 1215
(2 files, 6kb)
* Down to 2057 bytes, lost another 90![1] Done mainly by turning extraWidth() into a normal function, removing offsetFrom() entirely, moving some function calls around, moving named functions to unnamed status or simple code blocks (like clickSB, destroySB and delayPositionSB), and other things like that. (sbox.js)
+ Instead of using the space key, using the arrow keys on a closed but focused box will open it. It feels more natural somehow. (sbox.js)
! The display area's active class toggler didn't work properly. Hadn't for quite for time, actually... (sbox.js)
* Replaced untouched minilogo with the new one. (other/images/minilogo.png)
:edit: Currently at 2041 bytes... :^^;:
(2 files, 6kb)
* Down to 2057 bytes, lost another 90![1] Done mainly by turning extraWidth() into a normal function, removing offsetFrom() entirely, moving some function calls around, moving named functions to unnamed status or simple code blocks (like clickSB, destroySB and delayPositionSB), and other things like that. (sbox.js)
+ Instead of using the space key, using the arrow keys on a closed but focused box will open it. It feels more natural somehow. (sbox.js)
! The display area's active class toggler didn't work properly. Hadn't for quite for time, actually... (sbox.js)
* Replaced untouched minilogo with the new one. (other/images/minilogo.png)
:edit: Currently at 2041 bytes... :^^;:
| 1. | It may be doable to go under 2000 just for fun, but... It's probably going to be quite hard if I want to keep all features in. Then again, until an hour ago I never noticed that some of the functions didn't need to be called at all... |
6816
Off-topic / Re: Doctor Who
« on December 23rd, 2011, 02:14 PM »
Hmm. Only reason I'd watch that is because Brian Blessed is in it...
6817
The Pub / Re: Logo Madness
« on December 22nd, 2011, 11:35 PM »
Okay... So, unexpectedly, our clear winner is the second logo!
To anyone who voted-- is it mainly because of the color, or because of the shape? Just curious...!
I've updated the sidebar and footer logos to match the new choice. Also, Wedge is up to date with the logo because I committed it a few days ago already. ;)
As for the favicon, I think I'll stay with the current one on this website (it's our very first logo, it 'means' something too), not sure yet about the group badges -- Pete and I's is using the new icon, while all others are still using the old ship. I like the old ship, too, because of the shadow and all... Well, it doesn't matter THAT much anyway eheh.
To anyone who voted-- is it mainly because of the color, or because of the shape? Just curious...!
I've updated the sidebar and footer logos to match the new choice. Also, Wedge is up to date with the logo because I committed it a few days ago already. ;)
As for the favicon, I think I'll stay with the current one on this website (it's our very first logo, it 'means' something too), not sure yet about the group badges -- Pete and I's is using the new icon, while all others are still using the old ship. I like the old ship, too, because of the shadow and all... Well, it doesn't matter THAT much anyway eheh.
6818
Off-topic / Re: Christmas Greetings
« on December 22nd, 2011, 11:31 PM »6819
Features / Re: New revs
« on December 22nd, 2011, 11:29 PM »
rev 1214 -- not my finest commit, but whatever... what matters is the commitment :P
(2 files, 2kb)
* And... Down to 2147 bytes. The $.fn.sb object is as small as it'll ever be. extraWidth and offsetFrom always get passed jQuery objects (since they're plugins, technically...), so they don't need to access $(this), just this. 'self' was no longer used, so there it goes. $orig and o are directly initialized by the Selectbox object function's arguments now. And that's enough to reduce the size by 40+ bytes, as you can see. (sbox.js)
+ Added support for IE6 in the select box plugin. Well, to be precise -- it's not that I want the full experience to be on IE6. It's just that I don't see why I should waste time on every browser testing for IE6 before I can create the select box object. Considering that the internal HTML structure no longer requires direct > selectors, IE6 actually behaves well in most cases. The only issue is that it doesn't support compound classes, but it's not a big deal in this case, and anyway I'll probably add some JavaScript to deal with that for it. Also fixed a related rendering glitch in profile options. (sbox.js, index.ie6.css)
(2 files, 2kb)
* And... Down to 2147 bytes. The $.fn.sb object is as small as it'll ever be. extraWidth and offsetFrom always get passed jQuery objects (since they're plugins, technically...), so they don't need to access $(this), just this. 'self' was no longer used, so there it goes. $orig and o are directly initialized by the Selectbox object function's arguments now. And that's enough to reduce the size by 40+ bytes, as you can see. (sbox.js)
+ Added support for IE6 in the select box plugin. Well, to be precise -- it's not that I want the full experience to be on IE6. It's just that I don't see why I should waste time on every browser testing for IE6 before I can create the select box object. Considering that the internal HTML structure no longer requires direct > selectors, IE6 actually behaves well in most cases. The only issue is that it doesn't support compound classes, but it's not a big deal in this case, and anyway I'll probably add some JavaScript to deal with that for it. Also fixed a related rendering glitch in profile options. (sbox.js, index.ie6.css)
6820
Features / Re: New revs
« on December 22nd, 2011, 04:26 PM »
rev 1213
(1 file, 2kb)
! The close animation wasn't triggered when opening another select box. Used the opportunity to rewrite it to use both fading out and sliding up. If that isn't too much...?! (sbox.js)
! Fixed dirty area glitches in Opera when closing some select boxes. Still buggy in the sidebar but it's a different problem which I haven't been able to figure out for now. (sbox.js)
- Removed or simplified more sbox things... $sb's close event doesn't need a namespace (only $(document) does), the 'closing' bool was replaced by the .is('.open') test -- the trick was simply to remove that specific class *before* doing the closing animation, uh... Current file size: 2184. And I have a feeling I can actually go under 2000 now... Is it my new goal? Have I got a life? The answer next week! (sbox.js)
@ Note: at this point, I'm not even sure there'll be anything left of the original plugin in my code... :P
(1 file, 2kb)
! The close animation wasn't triggered when opening another select box. Used the opportunity to rewrite it to use both fading out and sliding up. If that isn't too much...?! (sbox.js)
! Fixed dirty area glitches in Opera when closing some select boxes. Still buggy in the sidebar but it's a different problem which I haven't been able to figure out for now. (sbox.js)
- Removed or simplified more sbox things... $sb's close event doesn't need a namespace (only $(document) does), the 'closing' bool was replaced by the .is('.open') test -- the trick was simply to remove that specific class *before* doing the closing animation, uh... Current file size: 2184. And I have a feeling I can actually go under 2000 now... Is it my new goal? Have I got a life? The answer next week! (sbox.js)
@ Note: at this point, I'm not even sure there'll be anything left of the original plugin in my code... :P
6822
Features / Re: New revs - Public comments
« on December 22nd, 2011, 10:52 AM »
With pleasure! :P
Oh, and about the last rev.... It seems that there's a glitch when showing dropdowns in Opera 12. I don't know why, but the last 8 pixels or so at the bottom don't have any border, rounded corners or even box shadow... It's just plain white. If I try to inspect the element, it suddenly fixes itself, so it's clearly a bug linked to how they mark their areas as 'dirty'. Hopefully they'll fix it later... It doesn't bother me too much because it works in other browsers I tested.
Also, the new code makes an unnecessary call to .outerHeight() when repositioning a dropdown, which probably wastes a couple milliseconds, but saves a few bytes. Anyone contesting my choices? :niark:
Quote from Arantor on October 31st, 2011, 12:12 PM ...hook? :P
(I feel like the librarian in Discworld :lol:)
Oh, and about the last rev.... It seems that there's a glitch when showing dropdowns in Opera 12. I don't know why, but the last 8 pixels or so at the bottom don't have any border, rounded corners or even box shadow... It's just plain white. If I try to inspect the element, it suddenly fixes itself, so it's clearly a bug linked to how they mark their areas as 'dirty'. Hopefully they'll fix it later... It doesn't bother me too much because it works in other browsers I tested.
Also, the new code makes an unnecessary call to .outerHeight() when repositioning a dropdown, which probably wastes a couple milliseconds, but saves a few bytes. Anyone contesting my choices? :niark:
Posted: December 22nd, 2011, 10:52 AM
...it almost doesn't seem worth invoking the entire buffer operation for that.
(I feel like the librarian in Discworld :lol:)
6823
Features / Re: New revs
« on December 22nd, 2011, 10:49 AM »
rev 1212
(1 file, 3kb)
! Fixed drop-up positioning, as promised last night. Phew... Seems to work perfectly. Tested in Opera 12, and some old browsers like Firefox 3.6 and IE 7/8. (sbox.js)
* Replaced a few addClass calls with a more proper toggleClass. Merged the two hover functions into one. Rewrote half of PositionSB() to make use of ternary operations instead of code blocks. Down to 2194 bytes! Woohoo! (sbox.js)
(1 file, 3kb)
! Fixed drop-up positioning, as promised last night. Phew... Seems to work perfectly. Tested in Opera 12, and some old browsers like Firefox 3.6 and IE 7/8. (sbox.js)
* Replaced a few addClass calls with a more proper toggleClass. Merged the two hover functions into one. Rewrote half of PositionSB() to make use of ternary operations instead of code blocks. Down to 2194 bytes! Woohoo! (sbox.js)
6824
Features / Re: New revs
« on December 22nd, 2011, 01:02 AM »
rev 1211
(3 files, 3kb)
* Rewrote the way dropdowns are shown in select boxes. Instead of being attached to the body, they're now physically where they're supposed to be. In order to avoid the classic issue of an absolutely-positioned dropdown being cut off by an 'overflow: hidden' element, I've used the technique I used in the menu code, which is apparently little known: setting no relatively positioned parent, and setting the top margin instead of the top position. instead avoiding to set a position on the absolutely positioned element. The element will be naturally positioned below its owner. The drop-up code is a bit buggy but I have no time to fix it tonight. (sbox.js, index.css, sections.css)
- Removed the ctx option (because it's no longer useful), and the arrow option (because, well, WE won't change it anyway...) (sbox.js)
! Fixed an extra colon that broke JavaScript in IE7. (sbox.js)
@ As a result, the final gzipped sbox file is a whopping 110+ byte smaller than in the previous revision! :)
(3 files, 3kb)
* Rewrote the way dropdowns are shown in select boxes. Instead of being attached to the body, they're now physically where they're supposed to be. In order to avoid the classic issue of an absolutely-positioned dropdown being cut off by an 'overflow: hidden' element, I've used the technique I used in the menu code, which is apparently little known: setting no relatively positioned parent, and setting the top margin instead of the top position. instead avoiding to set a position on the absolutely positioned element. The element will be naturally positioned below its owner. The drop-up code is a bit buggy but I have no time to fix it tonight. (sbox.js, index.css, sections.css)
- Removed the ctx option (because it's no longer useful), and the arrow option (because, well, WE won't change it anyway...) (sbox.js)
! Fixed an extra colon that broke JavaScript in IE7. (sbox.js)
@ As a result, the final gzipped sbox file is a whopping 110+ byte smaller than in the previous revision! :)
6825
Features / Re: New revs
« on December 21st, 2011, 10:32 PM »
rev 1210
(2 files, 7kb)
* Simplified and improved select box styling. Also updated general input styles to match. Unsure about the internal padding as it may look like an extra space in the inputs, though... (index.css)
* Simplified internal HTML code when dealing with optgroups. Instead of having nested lists, everything is on a single level. (sbox.js)
! Fixed a minor bug in the original select box plugin where aria-disabled wasn't set at all. (sbox.js)
! Select box selection titles needed to be un-htmlspecialchar'ed, or whatever. (sbox.js)
@ Unfortunately, these 'simplifications' and fixes increased the final size by 22 bytes. Ah, well.
(2 files, 7kb)
* Simplified and improved select box styling. Also updated general input styles to match. Unsure about the internal padding as it may look like an extra space in the inputs, though... (index.css)
* Simplified internal HTML code when dealing with optgroups. Instead of having nested lists, everything is on a single level. (sbox.js)
! Fixed a minor bug in the original select box plugin where aria-disabled wasn't set at all. (sbox.js)
! Select box selection titles needed to be un-htmlspecialchar'ed, or whatever. (sbox.js)
@ Unfortunately, these 'simplifications' and fixes increased the final size by 22 bytes. Ah, well.