What are you working on? v7

[Weiss]

[QUOTE=s0beit;34491408]Well, I've used SimpleXML to parse API files before and it's not remarkably fast, results can vary depending on your VPS setup, file I/O speeds, net speeds and other VPS or hardware related problems.

You might be better off storing the XML data in SQL and updating it with a cron job every so often, it would reduce page-load times for whoever is using your site and you can update it at whatever interval you want.[/QUOTE]

I have a similar stream page implemented using PHP, though I decided that since XML tools are annoying compared to good ol' json_decode() I grabbed a Steam API key and used the API.

Mine also caches, by writing the json data to a file and using filemtime() to check when it was last written, updates every five minutes only if the stream page is called too.

[BBgamer720]

[QUOTE=snarglemuffin;34490126][URL=http://imgur.com/D6mlj][IMG]http://i.imgur.com/D6mlj.png[/IMG][/URL]
Any specific pointers on how to make this not look as bad? I have no formal web design experience and have to make a website.[/QUOTE]

I think it looks quite nice. Maybe experiment with some different fonts ([URL="http://www.google.com/webfonts"]Google web fonts[/URL] are awesome!) Also, the navigation bar at the top is a bit too small and looks quite out of place. Also, there's quite a bit of artifacting occuring on the sticky notes (Especially below the green ones). A bit of Photoshopping should fix that up. Keep at it!

[asantos3]

[url]http://coobi.netne.net/pt/[/url] what do you think?

[BBgamer720]

[QUOTE=asantos3;34494720][url]http://coobi.netne.net/pt/[/url] what do you think?[/QUOTE]

It's a start, I guess. My first reaction was "eww". I find the colour scheme horrible, the site logos really don't fit (Maybe grey them out or something), the top navigation bar idea is cool, but it's horrible when they overlap. Also, add a timeout or something for the logos at the top, you can't reach them before they disappear, it's pointless. Maybe add some padding to the navigation glass image, I think it's too close to the side. Good work with the coding though!

[asantos3]

[QUOTE=BBgamer720;34494833]It's a start, I guess. My first reaction was "eww". I find the colour scheme horrible, the site logos really don't fit (Maybe grey them out or something)[/QUOTE]

You mean the site logos on the bottom? I think the colour scheme is pretty sweat thou.

[QUOTE=BBgamer720;34494833]the top navigation bar idea is cool, but it's horrible when they overlap.[/QUOTE]

They overlap? Please tell me how, a print would be nice...

[QUOTE=BBgamer720;34494833]Also, add a timeout or something for the logos at the top, you can't reach them before they disappear, it's pointless. Maybe add some padding to the navigation glass image, I think it's too close to the side. Good work with the coding though![/QUOTE]

Tell me your screen resolution btw...

[BBgamer720]

[QUOTE=asantos3;34495175]You mean the site logos on the bottom? I think the colour scheme is pretty sweat thou.

They overlap? Please tell me how, a print would be nice...

Tell me your screen resolution btw...[/QUOTE]

Maybe not the colour scheme, I think it looks okay at the second glance, but as you requested.

Overlapping: [url]http://i.imgur.com/jpYK6.png[/url]
Resolution: 1920x1080

[asantos3]

I think i got it! Test if they overlap or disappear.

[BBgamer720]

[QUOTE=asantos3;34496348]I think i got it! Test if they overlap or disappear.[/QUOTE]

Working perfectly! Good work. :dance:

[SCopE5000]

[QUOTE=asantos3;34494720][url]http://coobi.netne.net/pt/[/url] what do you think?[/QUOTE]

Remove the top tabs they're too distracting.

Also set #midblack { position: absolute; top: 50%; margin-top: -125px; }

And make .search_info_sites { opacity: 0.25; position: absolute; left: 50%; margin-left: -314px; }

[img]http://filesmelt.com/dl/coobi.png[/img]

Much nicer IMO.

[xmariusx]

What's the point of the links to the search site when you are supposed to search from CooBi?
Just wondering :P

Anyways, I love the design on the #midblack :D

[snarglemuffin]

[QUOTE=BBgamer720;34494545]I think it looks quite nice. Maybe experiment with some different fonts ([URL="http://www.google.com/webfonts"]Google web fonts[/URL] are awesome!) Also, the navigation bar at the top is a bit too small and looks quite out of place. Also, there's quite a bit of artifacting occuring on the sticky notes (Especially below the green ones). A bit of Photoshopping should fix that up. Keep at it![/QUOTE]

Thanks for the feedback!

[s0beit]

[QUOTE=Weiss;34491496]I have a similar stream page implemented using PHP, though I decided that since XML tools are annoying compared to good ol' json_decode() I grabbed a Steam API key and used the API.

Mine also caches, by writing the json data to a file and using filemtime() to check when it was last written, updates every five minutes only if the stream page is called too.[/QUOTE]

that's fine too, but caching the data during page load can cause some problems for users in certain situations, most of the time a cron job is superior because it doesn't effect the user's page load times.

For example if your server has some trouble connecting to the API server or there's an error in their output for whatever reason, it won't result in PHP errors on the page or long load times since it'll have to wait for the timeout if it's unable to reach the api server.

[asantos3]

[QUOTE=SCopE5000;34499103]Remove the top tabs they're too distracting.

Also set #midblack { position: absolute; top: 50%; margin-top: -125px; }

And make .search_info_sites { opacity: 0.25; position: absolute; left: 50%; margin-left: -314px; }

Much nicer IMO.[/QUOTE]

Why would i remove the top tabs? They change the search.
Why the css change in #midblack though? The opacity i will see....

[QUOTE=xmariusx;34499427]What's the point of the links to the search site when you are supposed to search from CooBi?
Just wondering :P

Anyways, I love the design on the #midblack :D[/QUOTE]

I really don't know. People do crazy stuff! -more serious- e.g. You can search on facebook, flickr, twitter, ect. but what you really want to just visit the homepage and do some stuff there and BAM left click on logos instead of searching or go to the sites page!

[SCopE5000]

[QUOTE=asantos3;34504118]Why would i remove the top tabs? They change the search.
Why the css change in #midblack though? The opacity i will see....[/QUOTE]

Centering.

Makes it actually be exactly in the middle from the top + sides instead of being 'sort-of' there but not really like it is at the moment.

Like, your google, yahoo and bing logos are wayyyyyyy to the left, and the midblack itself is far too high, it's like a disturbance in the force.

[xmariusx]

[QUOTE=asantos3;34504118]Why would i remove the top tabs? They change the search.
I really don't know. People do crazy stuff! -more serious- e.g. You can search on facebook, flickr, twitter, ect. but what you really want to just visit the homepage and do some stuff there and BAM left click on logos instead of searching or go to the sites page![/QUOTE]
In that case, I think the logos are a bit to big. It's just links not BooBis Logo

[jaybuz]

[QUOTE=jaybuz;34452203]You should make use of the placeholder attribute. Blank inputs are scary[/QUOTE]

I noticed you added some placeholders but just so you know you can style them in Safari, Chrome and Firefox4+:

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #eee;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #eee;
}

[swift and shift]

more php-internals drama, following the drama about the suhosin patch:

[quote]
Hello,

I think current events show how important it is to make this case publicly known.

On Dec 6th 2005 PHP got a partial protection against HTTP response splitting. A security mitigation == Security Patch == important

The commit is here: [url]http://svn.php.net/viewvc/php/php-src/trunk/main/SAPI.c?r1=200124&r2=202220[/url]

569	 /* new line safety check */
570	 {
571	 char *s = header_line, *e = header_line + header_line_len, *p;
572	 while (s < e && (p = memchr(s, '\n', (e - s)))) {
573	 if (*(p + 1) == ' ' || *(p + 1) == '\t') {
574	 s = p + 1;
575	 continue;
576	 }
577	 efree(header_line);
578	 sapi_module.sapi_error(E_WARNING, "Header may not contain more then a single header, new line detected.");
579	 return FAILURE;
580	 }
581	 }

As you can see the code checks for \n and only allows it if it followed by whitespace to protect against header injections.
Now fast forward to 2011/2012 the PHP developers get a security bug report that this protection is not sufficient, because browsers are too allowing.

[url]https://bugs.php.net/bug.php?id=60227[/url]

You can see that this bug is not marked as some kind of security bug, although it is reported as security bug.

This results in the following code being changed in PHP see ([url]http://svn.php.net/viewvc/php/php-src/branches/PHP_5_3/main/SAPI.c?r1=321634&r2=322263):[/url]

592	 /* new line safety check */
593	 char *s = header_line, *e = header_line + header_line_len, *p;
594	 while (s < e && ((p = memchr(s, '\n', (e - s))) || (p = memchr(s, '\r', (e - s))))) {
595	 if (*(p + 1) == ' ' || *(p + 1) == '\t') {
596	 s = p + 1;
597	 continue;

Keep in mind this is a security fix/improvement. So one would expect this to get reviewed. But it is obviously not reviewed, because any \r before the last \n won't be checked.
So bypassing this is easy as \rSet-Cookie: XXX=YYY; \r \n blah

So I point this obvious flaw out several times, yesterday on the internals mailinglist in public infront of everyone.
But instead of someone from the security team taking action just some guy gets going and patching it.

The commit is here: [url]http://svn.php.net/viewvc/php/php-src/trunk/main/SAPI.c?r1=321634&r2=323033[/url]
Best thing about this commit is the commit message:

- Hopefully correct fix for bug #60227.
#No commit for 5.4 for now

From the commit message it seems obvious that the guy commiting it is not really sure that he fixed anything. Not a good way to handle a security fix/improvement.
But it gets better: without review this code is now merged from Trunk into PHP 5.3

So the new code looks like this:

714	 char *s = header_line;
715	 while (s = strpbrk(s, "\n\r")) {
716	 if (s[1] == ' ' || s[1] == '\t') {
717	 /* RFC 2616 allows new lines if followed by SP or HT */
718	 s++;
719	 continue;
720	 }

well lets look a bit further:

727	 sapi_header.header = header_line;
728	 sapi_header.header_len = header_line_len;

Now the educated reader might think: Wait a second! There is a header_line_len? So maybe that header_line can contain NUL bytes. Wait… that security check is using a string function that will stop at a NUL byte.
And then maybe the person reading the code will realize: wait! they just killed the whole protection, because now a single NUL byte infront of the \r\n will bypass it.

Luckily it is not affecting everyone, because at least the Apache SAPI will stop sending the header at the NUL byte, too.
However everybody running CGI/FastCGI will loose the protection with this.

And that my dear readers is exactly what would happen to the code of Suhosin if it gets merged into PHP. It would be patched by people that do not know exactly what they are doing. And it would be broken. And if I would not sit on every single commit to PHP this would happen, because obviously inside PHP no one cares about reviewing security patches.

And with Suhosin outside of PHP, there is a secondary protection layer around PHP that would have catched this problem: also known as defense in depth.

Regards,
Stefan
[/quote]

[TheBigS]

[QUOTE=swift and shift;34525087]more php-internals drama, following the drama about the suhosin patch:[/QUOTE]

And that'ssssssss.......bad..? Right?!

[Ac!dL3ak]

[QUOTE=TheBigS;34526084]And that'ssssssss.......bad..? Right?![/QUOTE]

"uh... i think this will fix it?"

[StinkyJoe]

[QUOTE=TheBigS;34526084]And that'ssssssss.......bad..? Right?![/QUOTE]

[QUOTE=swift and shift;34525087]php-internals[/QUOTE]

There's your answer ;)

[TheBigS]

[QUOTE=StinkyJoe;34526953]There's your answer ;)[/QUOTE]

Ahh yes, well OBVIOUSLY php-internals..........

...Alright I'll come clean. All I saw was a huge wall of text with a bunch of letters, single quotation marks and the word "header" every 2 to 3 lines - not a clue in the slightest what any of it means.

I just come here for the pretty pictures. :( Can't someone post some pretty pictures?

[KmartSqrl]

I have my first underling now :3 hehehe.

[toaster468]

[img]http://i.minus.com/jfWXNOOaGSgin.png[/img]

C&C?

[StinkyJoe]

[QUOTE=KmartSqrl;34534051]I have my first underling now :3 hehehe.[/QUOTE]

Oh man you are in for a treat! Here's a handy guide:

[IMG]http://www.cappuccinoespress.com/wp-content/uploads/2011/07/51SdhcV4Y4L.jpg[/IMG]
[IMG]http://www.empowerwalking.com/public/wp-content/uploads/2011/01/WalkingShoes.jpg[/IMG]
[IMG]http://toeas.com/emoticon/files/2011/08/happy-emoticon.jpg[/IMG]

[Arnold]

I hate div and div hate me. Why can't I do something as simple as centering two divs that are next to each other?

[kragmars102]

[QUOTE=farmatyr;34540405]I hate div and div hate me. Why can't I do something as simple as centering two divs that are next to each other?[/QUOTE]

<div style="margin: 0 auto;">
  <div class="whatever1"></div>
  <div class="whatever2"></div>
</div>

[Jelly_]

[QUOTE=kragmars102;34540547]

<div style="margin: 0 auto;">
  <div class="whatever1"></div>
  <div class="whatever2"></div>
</div>

[/QUOTE]

You have to set a width to that.

[xmariusx]

[QUOTE=farmatyr;34540405]I hate div and div hate me. Why can't I do something as simple as centering two divs that are next to each other?[/QUOTE]

You could use display:inline-block; and then text-align:center; in the parent div

[Arnold]

Thanks, figured it out.

[editline]value[/editline]
[URL="http://www.grandstack.com/"]This is what I've been playing around with[/URL], I think I'm gonna try removing the shadow on that banner.

[AmazingAzzy]

[img_thumb]http://dl.dropbox.com/u/3695360/intsys/site2.png[/img_thumb]

Started working on this, login screen is only post worthy bit at the moment.