Karlos94

http://www.w3schools.com/php/php_operators.asp Maybe that link could help!

Well Well from my experience yesterday, going through the screencasts.. I saw the command line way of creating a 'skeleton web app' but no other way? Care to explain how I can do it without the cmd?

I hate frameworks that force me to use the command line.. I'd try it of it didn't..

I think we should being this topic back from the dead now.. The reasons why I use HTML5. Well first off, the tags are more semantic which is a relief, I mean I hated using markup like: <div id="wrapper"> <div id="header"> <div id="top_nav"> </div> </div> <div id="sidemenu"> </div> <div id="content"> </div> <div id="footer"> </div> </div>   Whereas with HTML5 I can make it shorter and more semantic with the new tags. <div id="wrapper> <header> <nav> </nav> </header> <aside> </aside> <section> </section> <footer> </footer> </div>   Of course I use the HTML5 markup with the HTML5 Shiv script or another script with the same functionality. But I believe we should start using it NOW.

From: http://www.noupe.com/php/discussing-php-frameworks.html Here are a few links to the more popular PHP frameworks. CakePHP CodeIgniter Kohana Symfony Yii Zend Framework   Using a PHP framework is just something I'd recommend, I personally use CodeIgniter as it does what I need, it's simple to use and it is a lightweight framework.

@acter; I've been looking into Facebook connecting tonight. I'm not going to lie, I hated how the system works. However I am looking at a CodeIgniter library at the moment called A3M (Mushmellow) which looks to be something I am looking for. Maybe looking at the source code will help you do this. @Djkanna; I can simply understand where you are coming from. @rulerofzu; Can you tell us if this has had an effect on your site.. For good or worse?

The problem is sorted, it is not down to screen size or resolution. The problem was that somehow I selected a theme which I contained a CSS bug. @Coly10; I'd recommend RockMelt but only in a few circumstances.. - If you are constantly on Facebook, Twitter or like to get real-time notifications from RSS feeds. - You want to be on a Webkit browser. - You love the way Chrome works.

Well Peter, if you think like that how do expect to draw more customers to W3Theory by saying, it's only RockMelt no need to worry about them users! Anyway if you really need proof that it doesn't work "fine" in every browser, just let me know and I'll take a screenshot of Chrome for you. Seems if you fix one, you fix both!

I don't believe anyone tried because I don't think anyone wanted to take a look at the Facebook API. However, I'll take a look myself and I'll get back to you!

Can you sort the menu out, I am using RockMelt (Chrome) and the menu is all out of place and is quite annoying. If needed I can provide the CSS which I am using via Stylebot to fix the problem.

1. Yes, there are 2 ways: - CSS3 - JavaScript 2. Tabs.. 3. You won't find specifically, try using Google and searching either "css3 tabs" or possible "javascript tabs".

A good, clean, secure source code with regular patches? Try using a bit more OOP within your code, and if your using the same sort of database class from V2, sort it out!

http://php.net http://mysql.com http://tizag.com http://w3schools.com http://net.tutsplus.com http://doctype.tv http://jqueryfordesigners.com Just a few off the top of my head..

I already have my own reset.css file actually, if I see people who like this I'll update my reset.css and release it as well.. And if that is good gets enough popularity, I'll finish off the CSS framework by creating a grid system to go with it as well!

I see what you mean, but I personally believe it should for example if you rendered all three elements in a browser together it would look like: I knew I missed a few things, thanks! Also I don't think I should because personally that should be done in the reset.css so that's the reason I didn't include that.

First off, I made a typography file that is a drop-in replacement for websites. I made this because I have a project on the go at the moment (No details yet, before someone asks) but this is only the first version because I will be adding more, editing and even removing somethings. Things to note: It's released under - Creative Commons Attribution-Share Alike 2.0 UK: England & Wales License (For more information go to: http://creativecommons.org/licenses/by-sa/2.0/uk/) No documentation as this was meant to be personal, and I don't document CSS. Any suggestions, please comment on how it can be improved. No flaming I'd rather have constructive criticism. /* CSS Typography file by Karl Ballard is licensed under a Creative Commons Attribution-Share Alike 2.0 UK: England & Wales License. Contact: [email][email protected][/email] To find out more, go to: [url]http://creativecommons.org/licenses/by-sa/2.0/uk/[/url] */ body { font: 0.9em "Helvetica Neue", Arial, Helvetica, sans-serif; line-height: 1.5em; } h1, h2, h3, h4, h5, h6 { color: #000000; margin: 0.7em 0 0.2em 0; } h1 { font-size: 3em; } h2 { font-size: 2.5em; } h3 { font-size: 2em; } h4 { font-size: 1.75em; } h5 { font-size: 1.5em; } h6 { font-size: 1.25em; } p { font-size: 0.85em; line-height: 1.2em; word-spacing: 0.125em; margin: 1em 0; } ol, ul, dl { line-height: 1.25em; margin: 1.2em 0; padding-left: 1.5em; } ol { list-style: decimal inside none; } ol ol { list-style: lower-latin inside none; } ol ol ol { list-style: lower-roman inside none; } ul { list-style: disc inside none; } ul ul { list-style: circle inside none; } ul ul ul { list-style: square inside none; } li { font-size: 0.9em; } dd { margin-left: 0.4em; font-style: oblique; } a, a:hover { color: #445566; } a:focus { border: 1px dotted black; } a:hover { background: rgba(51, 68, 85, 0.3); } abbr[title], acronym[title], dfn[title] { border-bottom: 1px dotted black; cursor: help; } abbr, acronym, code, kbd, samp, small, var { line-height: 1.1em; } abbr, acronym { font-size: 90%; letter-spacing: 0.05em; text-transform: uppercase; } address, pre { font-size: 1em; line-height: 1.3em; } pre { white-space:pre; } code, kbd, samp, pre, tt, var { font-family: mono-space, monospace; } b, dt, strong { font-weight: bold; } blockquote { font-size: 1em; margin: 1.2em; } blockquote cite { font-size: 0.9em; margin-left: 1em; } cite, dfn, em, i { font-style: italic; } del, ins, mark { padding: 0 0.25em; text-decoration: none; } del { color: #B30000; background: none repeat scroll 0 0 rgba(255, 51, 51, 0.5); text-decoration: line-through; } ins { color: #003300; background: none repeat scroll 0 0 rgba(77, 255, 77, 0.5); } mark { background: none repeat scroll 0 0 rgba(255, 212, 128, 0.8); } small, sup, sub { font-size: 0.8em; } sup, sub { line-height: 0; } sup { vertical-align: super; } sub { vertical-align: sub; }

Maybe this would be a good resource that you might wish to bookmark, very useful if your not familiar with CSS http://csscreator.com/properties

Just to point out, that a 100% correct HTML markup isn't needed.. But people like it, I mean look at Google try there page.. I know for a fact it's not clean of errors and warnings. ;)

Hmm, I saw yours work in action but it doesn't work on XAMPP.. Maybe I have a deeper problem than my initial thoughts.. Anyway, thanks for the help it was much appreciated.

It is copied from the site, except the PHP file is in the same directory as the other file. However I have updated the inline JavaScript to reflect this.

Right, well first off... I wish to create to be able to request information about Yahoo! weather, but I'm struggling. Just to help me out, I tried to copy and paste the source code from http://developer.yahoo.com/yui/examples/connection/weather_clean.html and use that. I've even copied the PHP required from the bottom of http://developer.yahoo.com/yui/examples/connection/weather.html. After I did all that, I tried to test it but when I clicked the button nothing happened? Anyone care to help me out here, as I'm not great with JS or even YUI!

Well if you are taking ideas, here are a few ideas of stanalone applications:   Calculator Notepad Browser (Maybe over a few tutorials) Games - Tic-Tac-Toe, Checkers, etc?

This was rather useful to me, I shall follow it but won't develop until there are a few tutorials.

Why use images for the naughts and crosses? Why not use some raw HTML and CSS? It shall improve loading times.. :/   .naught { color: black; font-size: 3em; } .cross { color: red; font-size: 3em; }

Not bad, but I feel like bringing up a more solid CSS idea.. Your rounded corners, they won't be there in quite a few browsers so an easier way could be: From what I saw your only supporting Firefox, Safari, Chrome and Opera 10? What about Opera 9? Internet Explorer? And even if you want Konqueror? Here's my go. ;)   .rounded-corners { border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -opera-border-radius: 5px; -webkit-border-radius: 5px; behavior: url("border-radius.htc"); }   The source of border-radius.htc is not mine and the sourec is found below: --Do not remove this if you are using-- Original Author: Remiz Rahnas Original Author URL: [url]http://www.htmlremix.com[/url] Published date: 2008/09/24 Changes by Nick Fetchak: - IE8 standards mode compatibility - VML elements now positioned behind original box rather than inside of it - should be less prone to breakage Published date : 2009/11/18 <public:attach event="oncontentready" onevent="oncontentready('v08vnSVo78t4JfjH')" /> <script type="text/javascript"> // findPos() borrowed from [url]http://www.quirksmode.org/js/findpos.html[/url] function findPos(obj) { var curleft = curtop = 0; if (obj.offsetParent) { do { curleft += obj.offsetLeft; curtop += obj.offsetTop; } while (obj = obj.offsetParent); } return({ 'x': curleft, 'y': curtop }); } function oncontentready(classID) { if (this.className.match(classID)) { return(false); } if (!document.namespaces.v) { document.namespaces.add("v", "urn:schemas-microsoft-com:vml"); } this.className = this.className.concat(' ', classID); var arcSize = Math.min(parseInt(this.currentStyle['-moz-border-radius'] || this.currentStyle['-webkit-border-radius'] || this.currentStyle['border-radius'] || this.currentStyle['-khtml-border-radius']) / Math.min(this.offsetWidth, this.offsetHeight), 1); var fillColor = this.currentStyle.backgroundColor; var fillSrc = this.currentStyle.backgroundImage.replace(/^url\("(.+)"\)$/, '$1'); var strokeColor = this.currentStyle.borderColor; var strokeWeight = parseInt(this.currentStyle.borderWidth); var stroked = 'true'; if (isNaN(strokeWeight)) { strokeWeight = 0; strokeColor = fillColor; stroked = 'false'; } this.style.background = 'transparent'; this.style.borderColor = 'transparent'; // Find which element provides position:relative for the target element (default to BODY) var el = this; var limit = 100, i = 0; while ((typeof(el) != 'unknown') && (el.currentStyle.position != 'relative') && (el.tagName != 'BODY')) { el = el.parentElement; i++; if (i >= limit) { return(false); } } var el_zindex = parseInt(el.currentStyle.zIndex); if (isNaN(el_zindex)) { el_zindex = 0; } //alert('got tag '+ el.tagName +' with pos '+ el.currentStyle.position); var rect_size = { 'width': this.offsetWidth - strokeWeight, 'height': this.offsetHeight - strokeWeight }; var el_pos = findPos(el); var this_pos = findPos(this); this_pos.y = this_pos.y + (0.5 * strokeWeight) - el_pos.y; this_pos.x = this_pos.x + (0.5 * strokeWeight) - el_pos.x; var rect = document.createElement('v:roundrect'); rect.arcsize = arcSize +'px'; rect.strokecolor = strokeColor; rect.strokeWeight = strokeWeight +'px'; rect.stroked = stroked; rect.style.display = 'block'; rect.style.position = 'absolute'; rect.style.top = this_pos.y +'px'; rect.style.left = this_pos.x +'px'; rect.style.width = rect_size.width +'px'; rect.style.height = rect_size.height +'px'; rect.style.antialias = true; rect.style.zIndex = el_zindex - 1; var fill = document.createElement('v:fill'); fill.color = fillColor; fill.src = fillSrc; fill.type = 'tile'; rect.appendChild(fill); el.appendChild(rect); var css = el.document.createStyleSheet(); css.addRule("v\\:roundrect", "behavior: url(#default#VML)"); css.addRule("v\\:fill", "behavior: url(#default#VML)"); isIE6 = /msie|MSIE 6/.test(navigator.userAgent); // IE6 doesn't support transparent borders, use padding to offset original element if (isIE6 && (strokeWeight > 0)) { this.style.borderStyle = 'none'; this.style.paddingTop = parseInt(this.currentStyle.paddingTop || 0) + strokeWeight; this.style.paddingBottom = parseInt(this.currentStyle.paddingBottom || 0) + strokeWeight; } if (typeof(window.rounded_elements) == 'undefined') { window.rounded_elements = new Array(); if (typeof(window.onresize) == 'function') { window.previous_onresize = window.onresize; } window.onresize = window_resize; } this.element.vml = rect; window.rounded_elements.push(this.element); } function window_resize() { if (typeof(window.rounded_elements) == 'undefined') { return(false); } for (var i in window.rounded_elements) { var el = window.rounded_elements[i]; var strokeWeight = parseInt(el.currentStyle.borderWidth); if (isNaN(strokeWeight)) { strokeWeight = 0; } var parent_pos = findPos(el.vml.parentNode); var pos = findPos(el); pos.y = pos.y + (0.5 * strokeWeight) - parent_pos.y; pos.x = pos.x + (0.5 * strokeWeight) - parent_pos.x; el.vml.style.top = pos.y +'px'; el.vml.style.left = pos.x +'px'; } if (typeof(window.previous_onresize) == 'function') { window.previous_onresize(); } } </script>