Web Development - WAYWO - #8

[Miljaker]

Was cleaning out my folder when I found that facepunch rework I did for that contest. Anyone up for another one? But something smaller and less time consuming?

[url]http://hmiljak.com/projects/Facepunchv2/[/url]

[Giraffen93]

[QUOTE=Darkwater124;41892042]Why not just release a spider or something to collect the ratings?[/QUOTE]

Don't want to dos fp

[KmartSqrl]

[QUOTE=Giraffen93;41893547]Don't want to dos fp[/QUOTE]

put a little delay between each page request if you're that worried about doing that. FP is on a pretty beefy server (maybe multiple even, I can't remember)

[Cowabanga]

[QUOTE=KmartSqrl;41893561]put a little delay between each page request if you're that worried about doing that. FP is on a pretty beefy server (maybe multiple even, I can't remember)[/QUOTE]

It runs on muliple EC2 instances.

[benbb]

Just made a really basic userscript to get direct image URLs from Dropbox.

[url]http://userscripts.org/scripts/show/176128[/url]

Seems to work pretty nicely!

[dexon]

Just making a new CMS. An online shop for steam sources servers to sell items or rank, etc; To their users.

This is the add item page.
[url=http://img15.hostingpics.net/pics/731165steamshoppreview2.png]http://img15.hostingpics.net/pics/731165steamshoppreview2.png[/url]

On this shop people will be able to edit easily configs. (its not the final version i'm like... 5% done)

edit:
Items page (old version)
[url=http://img15.hostingpics.net/pics/604718201.png]http://img15.hostingpics.net/pics/604718201.png[/url]

[Map in a box]

[QUOTE=Agent766;41892781]I thought about the same thing, but what happens when a new rating's added between two scrapes?[/QUOTE]

You'd have a margin of error

[reevezy67]

I've never done any web development before but WebGL looked pretty nice so I decided to try it out.
[url]https://dl.dropboxusercontent.com/u/41313766/WebGL/Test/index.html[/url]

Not a big fan of OOP in JavaScript but it's pretty fun, I might keep doing it.

[commander204]

[QUOTE=reevezy67;41901191]I've never done any web development before but WebGL looked pretty nice so I decided to try it out.
[url]https://dl.dropboxusercontent.com/u/41313766/WebGL/Test/index.html[/url]

Not a big fan of OOP in JavaScript but it's pretty fun, I might keep doing it.[/QUOTE]

If I have to do anything remotely more complex than a bit of interactivity in a website I start to use CoffeeScript since it has a much more friendly way of using classes.

[Jelly_]

[QUOTE=commander204;41901223]If I have to do anything remotely more complex than a bit of interactivity in a website I start to use CoffeeScript since it has a much more friendly way of using classes.[/QUOTE]

It's not more friendly, it just hides away the abstraction which does more harm than good imo.

[commander204]

[QUOTE=Jelly;41901415]It's not more friendly, it just hides away the abstraction which does more harm than good imo.[/QUOTE]

Well the code is quicker and more fun to write in CoffeeScript for me. But which harm do you mean?

[Jelly_]

[QUOTE=commander204;41901468]Well the code is quicker and more fun to write in CoffeeScript for me. But which harm do you mean?[/QUOTE]

You're abstracting away prototypes which are basically the core of how "classes" work in JS.

[superbird]

Haven't done any web dev in 10 years:
[url]http://puu.sh/46ifh/80432cb500.jpg[/url]
Using php to scrape a forum I frequents shoutbox and store it in a DB.

[commander204]

[QUOTE=Jelly;41901478]You're abstracting away prototypes which are basically the core of how "classes" work in JS.[/QUOTE]

Yes, but that's what I mean, where is the problem in that? Unless you mean that due to that you wouldn't know about prototypes.

[Jelly_]

[QUOTE=commander204;41901581]Yes, but that's what I mean, where is the problem in that? Unless you mean that due to that you wouldn't know about prototypes.[/QUOTE]

Considering he probably wouldn't even know about prototypes since he didn't even use any in his code nor are prototype-based languages common it seems odd to recommend he ignore it.

[James]

[QUOTE=Superbird;41901498]Haven't done any web dev in 10 years:
[url]http://puu.sh/46ifh/80432cb500.jpg[/url]
Using php to scrape a forum I frequents shoutbox and store it in a DB.[/QUOTE]

You shouldn't use so much shadow, only use just enough so that it isn't flat. Other than that, nice. I would personally suggest using a less saturated colour for the background of the boxes, but that's just me.

[superbird]

[QUOTE=James xX;41903302]You shouldn't use so much shadow, only use just enough so that it isn't flat. Other than that, nice. I would personally suggest using a less saturated colour for the background of the boxes, but that's just me.[/QUOTE]

Shadow on the text or boxes?

[James]

[QUOTE=Superbird;41903405]Shadow on the text or boxes?[/QUOTE]

Just the boxes, I think the text should be alright.

[superbird]

[url]http://puu.sh/46rzu/74216fa4e9.png[/url] changed a few other things.

[James]

[QUOTE=Superbird;41903452][url]http://puu.sh/46rzu/74216fa4e9.png[/url] changed a few other things.[/QUOTE]

The padding was nice as it was before imo. Otherwise I think you need to remove some more shadow.

[Streetser20]

[QUOTE=James xX;41903487]The padding was nice as it was before imo. Otherwise I think you need to remove some more shadow.[/QUOTE]

Reduce the opacity of the shadow would help, rather than just reducing the size of it.

[rieda1589]

I'm not quite sure how, but my very first blog post made it into the top 3 on Hacker News... :v:

[img]http://i.imgur.com/c0KruV1.png[/img]

[url]https://news.ycombinator.com/item?id=6246777[/url]

[Loli]

Quick site for a client. Any suggestions?

[url]http://themadhacker.co.uk/zombie/[/url]

Note - They chose not to pay the extra cash for a responsive/fluid site so this it's not that.

[Map in a box]

I think that as a general idea you should always make the website responsive and fluid.

[neosloth]

[QUOTE=Loli;41909142]Quick site for a client. Any suggestions?

[url]http://themadhacker.co.uk/zombie/[/url]

Note - They chose not to pay the extra cash for a responsive/fluid site so this it's not that.[/QUOTE]
It's not supposed to be like this, right?
[t]http://i.imgur.com/RySaRvo.png[/t]

[manolis]

[QUOTE=superstepa;41910407]It's not supposed to be like this, right?
[t]http://i.imgur.com/RySaRvo.png[/t][/QUOTE]

[IMG]http://i44.tinypic.com/6xq4ae.jpg[/IMG]
Nope

[benbb]

[QUOTE=Loli;41909142]Quick site for a client. Any suggestions?

[url]http://themadhacker.co.uk/zombie/[/url]

Note - They chose not to pay the extra cash for a responsive/fluid site so this it's not that.[/QUOTE]

It's nice but seems a bit bland. Maybe replace the grey/red backgrounds with textures of the same type of colour or different? The top part seems to be quite large compared to the logo.

[Jelly_]

Switched some of my code to generators, very slick.

/**
* Description
*
* @param {String} [username]
* @param {String} password
* @returns {Number}
*/


this.authenticate = function *(username, password){
    if (!username || !password) return 0;


    var user = yield models.users.getByUsername(username);
    if (user && user.password && bcrypt.compareSync(password, user.password)) {
        // websockets access token
        user.token = util.randomString();
        var result = yield user.save();
        return user.id;
    } else {
        return 0;
    }
};

exports.create = function *(req, res, next){
    if (req.loggedIn) return res.redirect();


    var id = yield req.models.users.authenticate(req.body.username, req.body.password);


    if (id) {
        req.session.id = id;
        res.redirect();
    } else {
        res.render("sessions/new", {
            failed: true
        });
    }
};

[ToastyToast]

[URL=http://imgur.com/cYA4Vi6][IMG]http://i.imgur.com/cYA4Vi6l.png[/IMG][/URL]
First design since 2008. [URL="http://i.imgur.com/tntSTdB.png"]I'm not very good at digital drawing[/URL].
"If" this design is bad, please tell me what to fix.

[commander204]

Been playing around with some designs for a synchtube clone, and this one kind of came out of it.

[t]http://puu.sh/47AH2/85b12a69e0.png[/t]

Still not convinced of the purple button, but that's a minor change.