What are you working on? v6

[jaybuz]

[QUOTE=TerabyteS_;32543556]Are the first two radio checks?

[editline]29th September 2011[/editline]

They remind me of iTunes's buttons[/QUOTE]

I made them for my slider controls.

Black one is default background, Red one is on hover and the plain one is the current slide. And then the play and pause buttons for play and pause!?

[pdkm931]

Working on a project for the place I'm work "training" at. Not getting any money from it, but if I'm lucky I might get work some time after.

The only think at the moment that makes the work hard is that I don't know what to save in the database. Else I have made most things that should have been done, including a Que system where you get a point everyday and a CSV maker.

And since everything I do is the backend so isn't there much to show on the front end besides that it will use Joomla and I'm trying to convert the backend to a Joomla extension. Going to take a while until I'm familiar with Joomla. But it's going forward.

When I get around making the Joomla extension with information available to me for the moment, I will make both versions parallel to each others. And then see which version they will use in the end. Either way will work for me in the end.

(Wrote this around 2h before posting this. Been busy with other stuff and forgot this tab.)

[Ideal-Hosting]

Any freelancers here? If yes, please drop me a message. No Design skills required, should know MySQL and PHP. Further Details via PM or Mail. Fair Payment, of course.
And please only reliable persons.

[Alcapwne]

some guy just offered to buy my domain! [url]www.taimur.me[/url]

how much should I ask? 300 quid?

[Paleman]

just finished [url=http://dl.dropbox.com/u/5003648/Web/index.html]this[/url], it's just an easier way for my friends to see our Minecraft world in different ways, and it was something cool to make so I thought why not

only problem is hosting, it's pretty useless right now

[editline]30th September 2011[/editline]

thinking about it, it isn't going to look right at smaller or higher resolutions... curse my 1280x1024 monitor, I had everything aligned properly and then when I try to look at it on my laptop the buttons are formatted awkwardly

[T3hGamerDK]

[QUOTE=zerosix;32553829]just finished [url=http://dl.dropbox.com/u/5003648/Web/index.html]this[/url], it's just an easier way for my friends to see our Minecraft world in different ways, and it was something cool to make so I thought why not

only problem is hosting, it's pretty useless right now

[editline]30th September 2011[/editline]

thinking about it, it isn't going to look right at smaller or higher resolutions... curse my 1280x1024 monitor, I had everything aligned properly and then when I try to look at it on my laptop the buttons are formatted awkwardly[/QUOTE]

That thing is pretty fucking awesome!

[Weiss]

I have a question, and since this is treated as a general chat thread, I may as well ask it here!

So I've been toying with the [url=http://www.webkit.org/blog/363/styling-scrollbars/]Webkit scrollbar styling[/url] in Chrome, and it's frankly much nicer to not have OS style in the middle of your page. Take [url=http://clockler.com/desc/?/Lipsum]this[/url] for example. Obviously, you'll have to view it in Chrome or Safari, seeing as no other browsers support these things.

Thing is, this sort of thing is abusable. It doesn't let you style the window scrollbar, which is fine, I like that. To counterpoint that, anything is abusable; colors are abusable, javascript is abusable, flash is abusable. You can't really argue that since some users are idiots we should all not have something. JS scrollbars are a viable alternative, but some of them are fiddly and then there's users without Javascript to consider (ironically, a target I rarely do consider) and it's also often a pain to style those or to keep them from messing with your layout.

Where do you all stand on scrollbar formatting? Should this be something that is widely supported or even standardized? I personally think it should.

[Ac!dL3ak]

[QUOTE=Weiss;32555332]I have a question, and since this is treated as a general chat thread, I may as well ask it here!

So I've been toying with the [url=http://www.webkit.org/blog/363/styling-scrollbars/]Webkit scrollbar styling[/url] in Chrome, and it's frankly much nicer to not have OS style in the middle of your page. Take [url=http://clockler.com/desc/?/Lipsum]this[/url] for example. Obviously, you'll have to view it in Chrome or Safari, seeing as no other browsers support these things.

Thing is, this sort of thing is abusable. It doesn't let you style the window scrollbar, which is fine, I like that. To counterpoint that, anything is abusable; colors are abusable, javascript is abusable, flash is abusable. You can't really argue that since some users are idiots we should all not have something. JS scrollbars are a viable alternative, but some of them are fiddly and then there's users without Javascript to consider (ironically, a target I rarely do consider) and it's also often a pain to style those or to keep them from messing with your layout.

Where do you all stand on scrollbar formatting? Should this be something that is widely supported or even standardized? I personally think it should.[/QUOTE]

it'd be cool i guess, but not as important as some other things that should be implemented.

[editline]30th September 2011[/editline]

plus there are people who can't design for shit who'd make the scroll bar all fucked up, and when you visit their site it'll look like shit

[TerabyteS_]

Writing a mini-framework around Three.js to make it even easier to start doing stuff with it.

[editline]30th September 2011[/editline]

[html]<!--
Three.js mini-framework
@author: Gabriele Cirulli (TerabyteST)
-->

<!DOCTYPE html>
<html>
<head>
<!-- BEGIN Scripts -->
<!-- Include THREE -->
<script src="js/Three.js"></script>

<!-- Include jQuery -->
<script src="js/jquery-1.6.4.min.js"></script>

<!-- Parts of the engine -->
<script src="js/engine/init.js"></script>
<script src="js/engine/engine.js"></script>
<script src="js/engine/window.js"></script>
<script src="js/engine/render.js"></script>
<script src="js/engine/objects.js"></script>
<script src="js/engine/scene.js"></script>
<script src="js/engine/light.js"></script>
<script src="js/engine/sound.js"></script>

<!-- Startup -->
<script>
// Variables
var windowTitle = "WebGL";

// Run the engine when the DOM is ready
$(document).ready(init);
</script>
<!-- END Scripts -->

<title>Loading...</title>

<meta charset="utf-8">

<style>
* {
margin: 0px;
padding: 0px;
}

html, body {
width: 100%;
height: 100%;
font-size: 13px;
overflow: hidden;
}

#container {
background-color: red;
}
</style>
</head>

<body>
<div id="container">
<!-- Don't touch me! -->
</div>
</body>
</html>[/html]

This is the only way I've managed to find to include js stuff. Apparently it's not possible to include directly from within Javascript without having to pull some ugly shenanigans.

[CoolCorky]

Making a website both for my school coursework and for a record shop in my town:

[img]http://dl.dropbox.com/u/28898399/reboundshot.PNG[/img]

The site is designed to look like the shopfront:

[img]http://lh6.ggpht.com/OFCi2Q7v8sCIHZDLhJiYi_pBBTB3b5T2YN9C9EI3G_NwePbZc4nVQ619QGd1xwA231bsW62iEKe5qfFs=s320[/img]

But I'm still contemplating whether to do the arched windows thing behind the text

And while I'm on the subject of text, how do I put a margin around it? The ideas that I've tried (setting margin & padding on the stylesheet, and setting the style in the individual table field) haven't worked.

[Scoob]

[QUOTE=CoolCorky;32560021]Making a website both for my school coursework and for a record shop in my town:

[img]http://dl.dropbox.com/u/28898399/reboundshot.PNG[/img]

The site is designed to look like the shopfront:

[img]http://lh6.ggpht.com/OFCi2Q7v8sCIHZDLhJiYi_pBBTB3b5T2YN9C9EI3G_NwePbZc4nVQ619QGd1xwA231bsW62iEKe5qfFs=s320[/img]

But I'm still contemplating whether to do the arched windows thing behind the text

And while I'm on the subject of text, how do I put a margin around it? The ideas that I've tried (setting margin & padding on the stylesheet, and setting the style in the individual table field) haven't worked.[/QUOTE]

You apply padding to the div box containing the content, you are using div boxes, right?

[CoolCorky]

[QUOTE=Sc00by22;32560416]You apply padding to the div box containing the content, you are using div boxes, right?[/QUOTE]

The image you see is split into two: the header containing the top-left square and the logo, and one containing the nav bar on the right and the main body of the page. However I'll have to admit to using tables within those as I couldn't figure out how to have two div boxes on one row. :v:

[Known Havok]

[QUOTE=CoolCorky;32561571]The image you see is split into two: the header containing the top-left square and the logo, and one containing the nav bar on the right and the main body of the page. However I'll have to admit to using tables within those as I couldn't figure out how to have two div boxes on one row. :v:[/QUOTE]

[URL="http://css-tricks.com/795-all-about-floats/"]Floats[/URL]

[Weiss]

So I decided to revisit the idea of creating a blog backend for my site, just something simple, supporting posts with titled urls (but int identifiers), and tags.

I'm using fulltext searching for tags, since this was quite easy to implement. Is this a good option? (WHERE MATCH(title,tags) AGAINST(? IN BOOLEAN MODE), fyi) or is there something better? I haven't read up on SQL that much, I'll admit. Tags are just space-delimited lists, since fulltext seems only to match words. This also removes need for a table just for tags which may often be disposable, since they're just written in, though I suppose the overhead for this would be larger in general.

When accessing a post via the url you can use /post/420 or /post/420-this-post-is-not-about-weed, assuming that post #420's title is "This post is not about weed." or anything similar (stripped to alphanumeric and spaces to dashes). What you couldn't do is use /post/420-free-child-porn, since that isn't the article title and that is rather deceptive.

The way it does this is it takes the id (ints only, please) and grabs the post by that ID assuming it's there, and if there's more fields delimited by dashes after the id, it compares the url-compatible post title with what is entered. If nothing is in the url it just ignores this step. Assumedly, since you could edit the post title later, canonical links (or whatever, gotta read up on my SEO and meta tags once i've slept) will omit this title (as it's changeable and we don't want the page being re-indexed under a new url)

Yeah doing stuff!

[Hookerbot9000]

[QUOTE=Jelly;32489951][IMG]http://i.imgur.com/ZK7Gd.png[/IMG]
I'm not too sure if I should include my age, as I'm afraid I'll get scrutinized. Just as well it looks pretty bland and plain, anyone got any ideas to improve it?[/QUOTE]

Small world, huh? I'm in Albury. Hi :v:

[jaybuz]

[QUOTE=TerabyteS_;32557489]Writing a mini-framework around Three.js to make it even easier to start doing stuff with it.

[editline]30th September 2011[/editline]

[html]<!--
Three.js mini-framework
@author: Gabriele Cirulli (TerabyteST)
-->

<!DOCTYPE html>
<html>
<head>
<!-- BEGIN Scripts -->
<!-- Include THREE -->
<script src="js/Three.js"></script>

<!-- Include jQuery -->
<script src="js/jquery-1.6.4.min.js"></script>

<!-- Parts of the engine -->
<script src="js/engine/init.js"></script>
<script src="js/engine/engine.js"></script>
<script src="js/engine/window.js"></script>
<script src="js/engine/render.js"></script>
<script src="js/engine/objects.js"></script>
<script src="js/engine/scene.js"></script>
<script src="js/engine/light.js"></script>
<script src="js/engine/sound.js"></script>

<!-- Startup -->
<script>
// Variables
var windowTitle = "WebGL";

// Run the engine when the DOM is ready
$(document).ready(init);
</script>
<!-- END Scripts -->

<title>Loading...</title>

<meta charset="utf-8">

<style>
* {
margin: 0px;
padding: 0px;
}

html, body {
width: 100%;
height: 100%;
font-size: 13px;
overflow: hidden;
}

#container {
background-color: red;
}
</style>
</head>

<body>
<div id="container">
<!-- Don't touch me! -->
</div>
</body>
</html>[/html]

This is the only way I've managed to find to include js stuff. Apparently it's not possible to include directly from within Javascript without having to pull some ugly shenanigans.[/QUOTE]

Why not just do the usually inserting:

  var script = document.createElement('script');
  script.type = 'text/javascript';
  script.src= '//example.com/core.js';
  document.body.appendChild(script);

[Weiss]

I've noticed something after coding all night. Coding fully OO in php is beginning to feel more natural.

What I've done:
- Refactored some of the code I wrote last night so it (partially the fault of my Sublime Text color scheme) doesn't look like vomit
- Shifted the query parser onto the blag class
- Written a basic templater into the blag class

How the templater works is, you feed it an array and a template (PDO-style bind_param'd but more disposable), it loops through the array, and replaced all the :props with their actual values. The class also has an assignable parser, supplying a class and callback, and it creates a parser of that class on initiation. This allows you to, say, by plugging in NBBC (parser = "BBCode", callback = "Parse") have it parse BBCode in the templates for any property prefixed with a semicolon instead of a colon. Thinking I might implement Markdown instead of BBCode if I do anything, though.

For instance:

$blag->template(
   array(
      "id"=>1,
      "title"=>"this a post ok",
      "urltitle"=>"1-this-a-post-ok",
      "text"=>"[b]hi[/b] this is sample content written by a sleep-deprived moron",
   ),
   "<a href='/post/:urltitle'>:title</a><div class='content'>;text</div>"
);

Which will essentially output

<a href='/post/1-this-a-post-ok'><div class='content'><span class='bbcode_bold' style='font-weight: 800'>hi</span> this is example content written by a sleep-deprived moron</div>

or something to that effect.

And as a helper, there's also a template_all function that takes an array and template and then repeatedly calls the templating function for each array inside that array. This could be used to list a bunch of posts ($blag->template_all($searchresults,"<a href='/post/:urltitle'>:title</a><br>")) or whatever else.

Hey it almost looks like I could do something productive with all this code. I'd better abandon it ASAP, I have a reputation to uphold. (Even if I do decide to abandon ship, it will likely be to rewrite, as it is getting a bit messy - you can tell what parts were written right before sleep and which right after at a glance)

[Fizzadar]

Looking into <canvas> to replace PK Russets map; more performance!

[TerabyteS_]

[QUOTE=jaybuz;32574905]Why not just do the usually inserting:

  var script = document.createElement('script');
  script.type = 'text/javascript';
  script.src= '//example.com/core.js';
  document.body.appendChild(script);

[/QUOTE]

It will result in a bit more mess. I also don't really need to insert it from the javascript because there's only one page, and having the scripts written there will make it a little clearer.

[Seanm07]

I've been working on this website, but I'm not that great with designing and can't think of anything else which would be appealing but also not be too cluttering for visitors. Does anyone have any ideas of what I can change, add or remove to make it look better or is it good enough as it is now?
[I](Note that the images in the JQuery slider are just place holder for now)[/I]

[url]http://www.seanscorner.com/dso[/url]

[Weiss]

So I went back and rewrote all that blag class. All of it. It's now 406 lines, including:
- Templating system as before
- Automatic parsing of either $_SERVER["QUERY_STRING"] in format ?/view/5-this-a-post, or $_GET variables, on construction (configurable as to which) - this fetches relevant data and stores everything you might need in an array
- Full preference set with overrides via recursive array merging (supply array that shares keys with defaults to the constructor)
- Error stack if stuff goes wrong, which you can then read later or automatically echo to your page (only PDO errors are not written in a friendly way, but if that's messing up no point in pretending nothing broke)
- Searching tags and titles via MySQL FULLTEXT matching

The feature set is a lot smaller when you put it all out on its own like that, but for three hours work from nothing to functional... that's a new record for me :v: It feels quite easy to push it into the page layout, with a minimum of code in the actual page.

I think next I should work on comment threads and users, so if (when) I post something amazing (ly stupid) everyone can register (spam accounts) and praise (stone) me. Once I have some sort of user setup going I'll get a posting form working for those who can author posts, mess with that a little, then start fixing up the frontend and then maybe put it out on the interweb and even use it.

This thread is now my twitter, evidently. Stay tuned.

[Jelly_]

[QUOTE=Hookerbot9000;32564971]Small world, huh? I'm in Albury. Hi :v:[/QUOTE]

Hi from [b]Victorious[/b] Victoria!

[editline]2nd October 2011[/editline]

I also wrote something that monitors secure.log and tells me if someone tries to connect via SSH.

#!/usr/bin/php
<?php
function growl($msg){
	exec('growlnotify -m "'.$msg.'"');
}
function notify($msg){
	growl($msg);
	puts($msg);
	say($msg);
}
function puts($msg){
	echo date('h:i:s').' -- '.str_replace("\n", '', str_replace("\r\n", '', $msg))."\r\n";
}
function say($msg, $voice='Alex'){
	exec("say -v \"$voice\" \"$msg\"");
}

$old = array();
$new = array();

$old['ssh'] = file('/var/log/secure.log');

while(1==1):
	$new['ssh'] = file('/var/log/secure.log');
	puts('Checking secure.log');
	foreach(array_diff($new['ssh'], $old['ssh']) as $msg):
		if(strstr($msg, 'ssh')):
			notify($msg);
		else:
			puts($msg);
		endif;
	endforeach;
	sleep(1);
	$old['ssh'] = $new['ssh'];
endwhile;

[acpm]

[IMG]http://i.imgur.com/c02ip.png[/IMG]

Would you guys be interested in a daily webdev hangout? I was thinking about making a thread about it, and posting highlights every week or something.

[dj tilde]

[QUOTE=amcfaggot;32584629][IMG]http://i.imgur.com/c02ip.png[/IMG]

Would you guys be interested in a daily webdev hangout? I was thinking about making a thread about it, and posting highlights every week or something.[/QUOTE]

yo write a book about it

[Jelly_]

[QUOTE=TerabyteS_;32557489]Writing a mini-framework around Three.js to make it even easier to start doing stuff with it.

[editline]30th September 2011[/editline]

[html]<!--
Three.js mini-framework
@author: Gabriele Cirulli (TerabyteST)
-->

<!DOCTYPE html>
<html>
<head>
<!-- BEGIN Scripts -->
<!-- Include THREE -->
<script src="js/Three.js"></script>

<!-- Include jQuery -->
<script src="js/jquery-1.6.4.min.js"></script>

<!-- Parts of the engine -->
<script src="js/engine/init.js"></script>
<script src="js/engine/engine.js"></script>
<script src="js/engine/window.js"></script>
<script src="js/engine/render.js"></script>
<script src="js/engine/objects.js"></script>
<script src="js/engine/scene.js"></script>
<script src="js/engine/light.js"></script>
<script src="js/engine/sound.js"></script>

<!-- Startup -->
<script>
// Variables
var windowTitle = "WebGL";

// Run the engine when the DOM is ready
$(document).ready(init);
</script>
<!-- END Scripts -->

<title>Loading...</title>

<meta charset="utf-8">

<style>
* {
margin: 0px;
padding: 0px;
}

html, body {
width: 100%;
height: 100%;
font-size: 13px;
overflow: hidden;
}

#container {
background-color: red;
}
</style>
</head>

<body>
<div id="container">
<!-- Don't touch me! -->
</div>
</body>
</html>[/html]

This is the only way I've managed to find to include js stuff. Apparently it's not possible to include directly from within Javascript without having to pull some ugly shenanigans.[/QUOTE]

Comment before the doctype sends IE into quirks mode.

[adamjon858]

[QUOTE=amcfaggot;32584629][IMG]http://i.imgur.com/c02ip.png[/IMG]

Would you guys be interested in a daily webdev hangout? I was thinking about making a thread about it, and posting highlights every week or something.[/QUOTE]

Maybe not daily, but whenever you guys are hanging out and I'm available I'll pop in!

[Hacksore]

[img]http://www.mcskinsearch.com/ul/images/1317547184.png[/img]
Another look so far. The color picker will be changing as my friend is making his own. We used a premade one so we could test our functions. Eventually to come, layers :v:.

[TerabyteS_]

[QUOTE=amcfaggot;32584629][IMG]http://i.imgur.com/c02ip.png[/IMG]

Would you guys be interested in a daily webdev hangout? I was thinking about making a thread about it, and posting highlights every week or something.[/QUOTE]It's so sad that they're called hangouts when all that you're actually doing is sitting on a chair talking to people you see on a screen through a webcam.

[spidersdesign]

You guys may find this useful:

[url]http://jsfiddle.net/volcanicpixels/udXXA/3/[/url]

Design by: Orman Clark ( [url]http://www.premiumpixels.com/freebies/chunky-3d-webbuttons-psd/[/url] )

[TerabyteS_]

[QUOTE=spidersdesign;32587794]You guys may find this useful:

[url]http://jsfiddle.net/volcanicpixels/udXXA/3/[/url]

Design by: Orman Clark ( [url]http://www.premiumpixels.com/freebies/chunky-3d-webbuttons-psd/[/url] )[/QUOTE]The hover status should not use the inverted gradient, it doesn't make sense and looks weird.