[QUOTE=kragmars102;39608032]Does anyone have a tablet? if so, do you mind testing [URL="http://chloe.beztdesigns.com"]this[/URL] for me?[/QUOTE]
Here you go:
[t]https://dl.dropbox.com/u/7644905/2013-02-16%2012.55.58.jpg[/t]
[t]https://dl.dropbox.com/u/7644905/2013-02-16%2012.56.11.jpg[/t]
[t]https://dl.dropbox.com/u/7644905/2013-02-16%2012.56.16.jpg[/t]
[t]https://dl.dropbox.com/u/7644905/2013-02-16%2012.56.35.jpg[/t]
[t]https://dl.dropbox.com/u/7644905/2013-02-16%2012.56.43.jpg[/t]
(iPad second gen, running 6.0.1)
If you want to test it out yourself, though, you can download the Android SDK and/or Xcode. They both come with an emulator/simulator, with different settings. Xcodes simulator can portray iPhones and iPads and android's emulator can give you just about any screen settings you want.
[QUOTE=kragmars102;39608032]Does anyone have a tablet? if so, do you mind testing [URL="http://chloe.beztdesigns.com"]this[/URL] for me?[/QUOTE]
Looks great on my PlayBook - do you want me to test it on an Android tablet as well?
[img]http://peniscorp.com/stuff/2013-02-16_13-11-02.png[/img]
Looks good on my Nexus 7. Only thing is there is no padding along the right edge in landscape mode, so all the content is right up against the edge of the screen.
[t]http://i.imgur.com/9jytldn.png[/t]
I am knew to html and css and don't know the first thing about javascript.
Anyone know how I can get the time taken for a page to load and display it on a webpage.
I tried doing this but it diddn't work, Can you see anything I am doing wrong?
[code]
<!DOCTYPE html>
<html>
<body>
<p id="ping">Click the button to display the ping to google.com</p>
<button onclick="ping()">Try it</button>
<script>
function ping(){
var m = new Date().getMilliseconds();
var s = new Date().getTime() / 1000;
var Request = null;
Request = new XMLHttpRequest();
Request.open( "GET", google.com, false );
Request.send( null );
var nm = new Date().getMilliseconds();
var ns = new Date().getTime() / 1000;
var timetaken = (ns * 1000 + nm) - (s * 1000 = m);
var text = document.getElementById("ping");
text.innerHTML = timetaken;
}
}
</script>
</body>
</html>
[/code]
Thanks for the previews guys! c:
No problem, the invoice is on its way :)
[QUOTE=Sartek;39608741]I am knew to html and css and don't know the first thing about javascript.
Anyone know how I can get the time taken for a page to load and display it on a webpage.
I tried doing this but it diddn't work, Can you see anything I am doing wrong?
[code]
<!DOCTYPE html>
<html>
<body>
<p id="ping">Click the button to display the ping to google.com</p>
<button onclick="ping()">Try it</button>
<script>
function ping(){
var m = new Date().getMilliseconds();
var s = new Date().getTime() / 1000;
var Request = null;
Request = new XMLHttpRequest();
Request.open( "GET", google.com, false );
Request.send( null );
var nm = new Date().getMilliseconds();
var ns = new Date().getTime() / 1000;
var timetaken = (ns * 1000 + nm) - (s * 1000 = m);
var text = document.getElementById("ping");
text.innerHTML = timetaken;
}
}
</script>
</body>
</html>
[/code][/QUOTE]
First of all, you're posting it here, and not in the WDYNHW thread, second, I think what's wrong is that you're defining your function ping() after the button. When the browser loads the page, it looks through your code line by line, and when it gets to that button, it looks for the ping() method, can't find it and goes on about it's business, then it gets to your JS and defines the method. (at least that's how I think it does it, it's been a while now)
When the onclick event is fired, ping() does exist, so it should execute.
[editline]16th February 2013[/editline]
The error is on this line:
Request.open( "GET", google.com, false );
This tries to get a value from the 'com' attribute from object 'google'. Neither of those exist, so it'll throw an error.
You want to use "google.com" as a value. The quotes tell the browser it should be interpreted as text instead of make it look for 'com' in 'google'.
It probably still won't work since you're trying to make an AJAX request to google.com, which is not your site.
Meh...
Also, you entered a = instead of + on this line:
var timetaken = (ns * 1000 + nm) - (s * 1000 = m);
I caught the extra bracket first, yes.
[editline]16th February 2013[/editline]
[QUOTE=Darkwater124;39610424]Also, you entered a = instead of + on this line:
var timetaken = (ns * 1000 + nm) - (s * 1000 = m);[/QUOTE]
Damn, I commented that whole line out.
[editline]16th February 2013[/editline]
[QUOTE=Sartek;39608741]Anyone know how I can get the time taken for a page to load and display it on a webpage.[/QUOTE]
Careful, it's fragile...
[php]<html>
<body>
<script type="text/javascript">
function getMilli(){
return new Date().getTime();
}
function node(a){
return document.getElementById(a);
}
function pingIt(){
var a,b;
a=document.createElement("iframe");
a.setAttribute("onload","node('timeTake').innerHTML=(getMilli()-"+getMilli()+")+'ms'");
a.setAttribute("src","http://"+node("domain").value);
b=node("divFrame");
b.innerHTML="";
b.appendChild(a);
}
</script>
<div id="divFrame" style="display:none;"></div>
<input type="button" value="Try at:" onclick="pingIt()"/>http://
<input type="text" id="domain" value="www.google.com/"/> =
<span id="timeTake"></span>
</body>
</html>
[/php]
[QUOTE=daniel_c;39613488][URL="http://www.danielchatfield.com/articles/gay-marriage/"]http://www.danielchatfield.com/articles/gay-marriage/[/URL][/QUOTE]
It feels a bit zoomed in if you get me. Nice heart though
Looking for a designer for Amuzor as TerabyteS can't commit the time. PM me if you're interested.
Thank you very much camacazie638.
I went over what you said was wrong with the script and came up with this.
The timetaken calculation still is not right but at least the rest of the script seems to be working.
Your script seems a lot better written then mine so I think I will use it on my website.
All I want to use it for is display the ping in the footer of the website on pageload.
Your script still cannot ping google.com but it does work if you use the same domain as the website is on which seems to be right with what you said.
[code]
<!DOCTYPE html>
<html>
<body>
<script>
function ping(){
var m = new Date().getMilliseconds();
var s = new Date().getTime() / 1000;
var Request = null;
Request = new XMLHttpRequest();
Request.open( "GET", "ping.html", false );
Request.send();
var nm = new Date().getMilliseconds();
var ns = new Date().getTime() / 1000;
var timetaken = (ns * 1000 + nm) - (s * 1000 + m);
var text = document.getElementById("ping");
text.innerHTML = timetaken;
}
</script>
<p id="ping">Click the button to display the ping to the current website</p>
<button onclick="ping()">Try it</button>
</body>
</html>
[/code]
[QUOTE=Jelly;39614680]Looking for a designer for Amuzor as TerabyteS can't commit the time. PM me if you're interested.[/QUOTE]
Just to be clear, you wont be an addition, you'll be replacing him. Likewise you'll get full reign over the design, and a redesign is something I'd encourage.
[QUOTE=daniel_c;39613488][URL="http://www.danielchatfield.com/articles/gay-marriage/"]http://www.danielchatfield.com/articles/gay-marriage/[/URL][/QUOTE]
from my experience, you're best not making political posts if you're trying to sell yourself as a developer
stick to relevancy
[QUOTE=amcfaggot;39617465]from my experience, you're best not making political posts if you're trying to sell yourself as a developer
stick to relevancy[/QUOTE]
It's my personal website, whilst it is easy to go from that site to my work sites the reverse isn't true but I understand what you are saying :)
As for the ping code - I've modified a function I found on stackoverflow [URL="http://www.danielchatfield.com/ping/"]here[/URL] which loads it as an image thus bypassing the same domain restriction.
It should be noted that none of these techniques show a true ping as the connection is kept alive by the browser, and even with a very fast server it will take a few ms to serve a response.
[QUOTE=Jelly;39616319]Just to be clear, you wont be an addition, you'll be replacing him. Likewise you'll get full reign over the design, and a redesign is something I'd encourage.[/QUOTE]
Not applying, but there's something to be done about the lag.
I mean that there are too many shadows or gradients and it slows down old computers like mine.
[QUOTE=saming;39618877]Not applying, but there's something to be done about the lag.
I mean that there are too many shadows or gradients and it slows down old computers like mine.[/QUOTE]
Last I checked, it lagged my reasonably good computer too.
[QUOTE=SteveUK;39620341]Last I checked, it lagged my reasonably good computer too.[/QUOTE]
Are we talking about Amuzor here? Does this occur all the time or after a period of usage with scrolling down for sometime? Sites that do infinite scrolling usually neglect to purge elements viewers don't care about anymore, thus the DOM tree gets filled with essentially crap. Even though a great deal of these elements aren't seen anymore through the viewport, the browser does have to deal with drawing the offset of the scrolled element and this becomes more and more expensive gradually as more elements are added to the scrolled element.
Usually, though, this is so incredibly negligible that even most large commercial sites don't bother optimizing this issue.
Just a thought, would notifications not be better off being over with your account dropdown?
[img]http://i.imgur.com/0ULOLfA.png[/img]
Like this?
Profile = <username>
Logo can link to home
So you might as well remove that nav completely.
I don't like how the boxes are different heights, or the upload being way over at the side.
Text is too large, and that blue background is going to clash with some images (note how all image upload sites have neutral backgrounds)
[QUOTE=Oicani Gonzales;39624848]that's actually a very good idea! thanks!
i still have to find a picture upload framework or whatever for me to modify and make the site happen, so that's gonna be hard. i don't know anything but html and css, no javascript or php etc[/QUOTE]
If you don't know how to code HTML & CSS, you're not going very far unless you get someone to do it for you.
[QUOTE=Oicani Gonzales;39624848]i don't know anything but html and css, no javascript or php etc[/QUOTE]
Uh, start learning with this project?
[QUOTE=Killervalon;39630989]If you don't know how to code HTML & CSS, you're not going very far unless you get someone to do it for you.[/QUOTE]
"Anything [B]BUT[/B] html and css"
[QUOTE=Oicani Gonzales;39623530]is it ok to post a site mockup here? if yes, i'd like to know what i did wrong in [URL="http://i.minus.com/i6FVqCw0OLCJ4.png"]this[/URL]
if not let me know wheres the right place, please![/QUOTE]
neat idea where did you get it from ;)
(don't worry it's pretty but it's being a bitch to replicate)
If anyone needs an invoicing system, I definitely recommend [URL="http://www.fusioninvoice.com/"]Fusion Invoice[/URL]:
• Self-hosted
• Easy setup
• Looks pwetty
[editline]dadsdasd[/editline]
Also free
I'd recommend [url]http://www.getharvest.com/[/url] for invoicing. It's a very mature, battle-tested product. I've been using it for over 5 years and I have tried a lot of different invoicing solutions. Nothing I've used even comes close to harvest.
Need some critique about the general style and consistence:
[IMG]http://i.imgur.com/kEjfyDv.png[/IMG]
It's supposed to be a link-saving system with easy categorizing.
edit: Replaced 'Love' by 'Like'
Sorry, you need to Log In to post a reply to this thread.
