Web Development - WAYWO - #8

[buhbang]

We should set up a contest again around summer break. Maybe this time something simple. i.e. splash screen (like someone suggested), or vcards.

I need to improve on making designs. :v:

[KmartSqrl]

Not a splash screen, we shouldn't encourage that haha

[asantos3]

I vote for something related with porn or maybe a redesign of wikipedia.

[skooch]

[QUOTE=jung3o;40506540]We should set up a contest again around summer break. Maybe this time something simple. i.e. splash screen (like someone suggested), or vcards.

I need to improve on making designs. :v:[/QUOTE]

[url]http://www.doineedaflashintro.com/[/url]

[buhbang]

[QUOTE=usa;40507231][url]http://www.doineedaflashintro.com/[/url][/QUOTE]

what? No one here suggested flash. I only said splash screen because it's super easy to make. It doesn't even require flash.

Splash screen is pretty bad to promote though.

[CBastard]

How about a holding page for a new fictional service/product? So it's a competition based on how well a website can communicate its purpose rather than just abstract design in isolation.

[Spero78]

[img]http://puu.sh/2LZeh.png[/img]

Working on a collaborative debugging tool,
works kinda like pastebin except there will be communication tools and collaborative editing.

[nikomo]

I wanted to do something quick to test some other code, ended up with this:
[url]https://market.nikomo.fi/compare/?item=Rifter[/url]
After some work.

I took so many shortcuts with everything, it's unbelievable. Notice the graceful usage of <!-- --> to hide tables and shit when there's no item set, and there's no error checking anywhere.
But hey, it works.

[P1raten]

Here's some guidelines for people using MVC and don't quite know how to use it efficiently.

[QUOTE]• If you need to change business logic, you should not need to modify your controller or view.
• If you change your visual display, you should not need to modify your model or controller.
• If you change your workflow, you should not need to modify your view or controller.[/QUOTE]

[worreh]

-snip- Ignore this, posted on wrong thread.

[It's crispy]

I made a quick download page for a game I just released, how is it?

[url]http://blankettheearth.reallyhandsomepeople.com/[/url]

[Killervalon]

[QUOTE=Eric95;40518109]I made a quick download page for a game I just released, how is it?

[url]http://blankettheearth.reallyhandsomepeople.com/[/url][/QUOTE]

make sure the downloads thing gets a bit more attention and add a bit more space between the top of the blue part & the download text

[It's crispy]

[QUOTE=Killervalon;40518290]make sure the downloads thing gets a bit more attention and add a bit more space between the top of the blue part & the download text[/QUOTE]

I added some space. Is it better?

[P1raten]

[QUOTE=Eric95;40518109]I made a quick download page for a game I just released, how is it?

[url]http://blankettheearth.reallyhandsomepeople.com/[/url][/QUOTE]
The font is gross imo.

[It's crispy]

[QUOTE=P1raten;40518814]The font is gross imo.[/QUOTE]

I can't change the font, we kind of themed all of the UI in the game and trailer and such around it

[Jelly_]

<table>
    <thead>
        <tr>
            <th><%= lang("name") %></th>
            <th><%= lang("description") %></th>
            <th></th>
        </tr>
    </thead>
    <tbody>
        <% groups.each(function(group){ %>
            <tr data-dynamic-data="group" data-id="<%= group.id %>">
                <td data-key="name"><%- link(group, group.name) %></td>
                <td data-key="description"><%= group.description %></td>
                <td>
                    <%- form("groups#destroy", { params: group, class: "right", data: { confirm: true, ajax: true, action: "disable" } }, submit(lang("delete"), { class: "red" })) %>
                </td>
            </tr>
        <% }) %>
    </tbody>
</table>

Messing around with real-time updating. If a row gets updated or deleted then it's updated everywhere it appears, provided I add the extra little bit of markup.

[zerotwelve]

Not sure if this is the perfect place for this, but: I've learnt most of what there is to know at HTML and CSS. I'm good at designing things and I've played with jQuery and such to make more interactive pages. Now I'm a bit stuck, because I don't know where to go from here. I don't know what language to learn and what I can do with that language, etc. Anyone got any tips?

[asantos3]

There is a lot of interesting stuff you can do with HTML5 and JS/jQuery but I suggest to go learn some back-end stuff, start with python if you don't have any programming experience, then try Ruby (you can try PHP too but that is a awful language)... [url=http://www.codecademy.com/]Go here[/url]

[editline]5th May 2013[/editline]

Ah! Check out node.js, it's back-end stuff with javascript...

[editline]5th May 2013[/editline]

And Check out SASS too!
Maybe PHP and MySQL to learn some goodies!

[Dragory]

I've been working on a JavaScript (and soon also PHP) validator for a couple of days now:
[url]https://github.com/Dragory/Pupil[/url]

The core idea is to support nested rules, such as "min:10 && (max:15 || between:20,25)" (going to need something like this in a project where the person creating the rules isn't very experienced with PHP (so it would be preferred if he didn't have to create extra validation functions) and I thought I'd start by creating a JS version that would support the same 'rule strings' on the client-side as on the server-side).

[asantos3]

correct if i'm wrong because you know i'm tired and shit i don't even know what i'm doing here
going to bed, maybe..

[editline]5th May 2013[/editline]

oh and javascritpt is sexy and you can explore a lot, there's a lot of stuff to exeplore

[MuffinZerg]

So I decided to make a website design in photoshop. Ended up making this front page (not img tagging to avoid page stretch):

[url]https://www.dropbox.com/s/a40bvyjzyo5vuor/Blog-a.png[/url]

Could you guys give me some C&C?

Btw I am making this for a little bit of practice. Going to remake that, after I am done finishing it, into a website to practice html/css as well.

[Killervalon]

[QUOTE=MuffinZerg;40536287]So I decided to make a website design in photoshop. Ended up making this front page (not img tagging to avoid page stretch):

[URL]https://www.dropbox.com/s/a40bvyjzyo5vuor/Blog-a.png[/URL]

Could you guys give me some C&C?

Btw I am making this for a little bit of practice. Going to remake that, after I am done finishing it, into a website to practice html/css as well.[/QUOTE]

Don't like the font, the text is too big for the title, the buttons are too big and it's mashed together. nty

[editline]5th May 2013[/editline]

[QUOTE=Jelly;40522545]

<table>
    <thead>
        <tr>
            <th><%= lang("name") %></th>
            <th><%= lang("description") %></th>
            <th></th>
        </tr>
    </thead>
    <tbody>
        <% groups.each(function(group){ %>
            <tr data-dynamic-data="group" data-id="<%= group.id %>">
                <td data-key="name"><%- link(group, group.name) %></td>
                <td data-key="description"><%= group.description %></td>
                <td>
                    <%- form("groups#destroy", { params: group, class: "right", data: { confirm: true, ajax: true, action: "disable" } }, submit(lang("delete"), { class: "red" })) %>
                </td>
            </tr>
        <% }) %>
    </tbody>
</table>

Messing around with real-time updating. If a row gets updated or deleted then it's updated everywhere it appears, provided I add the extra little bit of markup.[/QUOTE]

I always thought AJAX would come in useful to learn. Never came around to do it though.

[MuffinZerg]

[QUOTE=Killervalon;40537568]Don't like the font, the text is too big for the title, the buttons are too big and it's mashed together. nty

[editline]5th May 2013[/editline]

I always thought AJAX would come in useful to learn. Never came around to do it though.[/QUOTE]

I am dumb. Only now I noticed how stupid these huge buttons look. Thank you

[xmariusx]

[QUOTE=MuffinZerg;40536287]So I decided to make a website design in photoshop. Ended up making this front page (not img tagging to avoid page stretch):

[url]https://www.dropbox.com/s/a40bvyjzyo5vuor/Blog-a.png[/url]

Could you guys give me some C&C?

Btw I am making this for a little bit of practice. Going to remake that, after I am done finishing it, into a website to practice html/css as well.[/QUOTE]

What's up with 3d facebook logo? Doesn't fit in at all.
Shadows are too strong.
White text box seems out of place with all the shadows. Reduce shadows.
The font is terrible.
The light green hurt my eyes.

Sorry for all the cons, but you asked for it :v:

[commander204]

[QUOTE=MuffinZerg;40537592]I am dumb. Only now I noticed how stupid these huge buttons look. Thank you[/QUOTE]

Perhaps this is a stupid way to do it, but I like to sleep over my ideas, or wait a few days at least before 'approving' them.

[asantos3]

What web dev forums and sites do you guys visit, follow, post, ect ?

[Darkwater]

Facepunch

[buhbang]

[QUOTE=asantos3;40539431]What web dev forums and sites do you guys visit, follow, post, ect ?[/QUOTE]

Forrst sometimes.
and if you count fp as one.

[josm]

/r/webdev, /r/web_design and /r/programming.

[Jelly_]

[QUOTE=Killervalon;40537568]I always thought AJAX would come in useful to learn. Never came around to do it though.[/QUOTE]

I'm using websockets/socket.io not AJAX.

[editline]6th May 2013[/editline]

You can hardly call AJAX-updating stuff real-time.