Web Development - WAYWO - #8

[Miljaker]

[QUOTE=KmartSqrl;43925554]Made some more good progress on [URL]http://creatorhuddle.com[/URL]

Soundcloud, vimeo, youtube, and github gist links are all automatically turned in to the right embed code now. This works for the details area on the project pages, all comments, and project updates (basically anywhere you can type long-form content). All the text areas that do the auto-link thing will also parse markdown, so you can do formatting with that (only the project details page has visible controls for markdown so far)

I also made some layout changes to project pages and changed how viewing updates works a bit. I think I'm done with project pages for now, and next I want to try one of these, but I can't decide which one..

- A discussion section that is essentially a forum
- An articles section where people can post written articles and tutorials
- Categories that all top level content on the site can be assigned to (forum threads, projects, articles)
- A links section that works a like hacker news/designer news

What do you guys think sounds the coolest?[/QUOTE]

I'm not sure if you want to keep it this way or not, but I really think the project updates need to be a lot more expanded. It feels like tweeting something. When keeping a log/blog on something you generally want to explain your decisions and troubles you had. I wouldn't be posting updates every day on small things. I would be posting updates after every milestone. I think some build logs on linustechtips forum give a great idea on what kind of things updates should support.

[URL]http://linustechtips.com/main/topic/74736-custom-desk-with-and-open-design-resurrection-its-done/[/URL]
[URL]http://linustechtips.com/main/topic/96695-done-for-now-serenity-4960x-gtx770/[/URL]

Maybe something like how its done on the indiedb. Every update is a "news" post. Admins decide if an update is worthy of the homepage or is automatically archived and only viewable on the games page. Its basically a full wysiwyg editor. Most html tags are supported.

[URL]http://www.indiedb.com/[/URL]

Updates are the most important part of log/blog and I really think its lacking now. Again I'm not sure if you intended to keep it this way but I really think it should be improved. If done right you don't need to create "An articles section where people can post written articles and tutorials", projects itself could be that. Just scrolling from the first update to the last would be following a tutorial.

I really really like the homepage btw. Did you take that picture yourself?

[asantos3]

[url=http://sublimall.org/]Sublimall: Sublimall is the way to sync and save your SublimeText configuration everywhere.[/url]

[lkymky]

Patched and polished a bit more...
Fixed the problems I could find with Firefox, I need to install some other browsers so I can see how this renders on different shit.

I also need to make a function to load those squares with.

I think I'm going to try to make zune-esque animations with CSS3on the .sqTitle's though

[t]http://i.imgur.com/YJ4ESMM.png[/t]
[url]http://almost-there.org/squares.php[/url]
[url]https://github.com/Almost-There/almostThere[/url]

[Maqtiah]

[QUOTE=KmartSqrl;43925554]
I also made some layout changes to project pages and changed how viewing updates works a bit. I think I'm done with project pages for now, and next I want to try one of these, but I can't decide which one..

[I]- A discussion section that is essentially a forum
- An articles section where people can post written articles and tutorials[/I]
[/QUOTE]

One of these if you ask me.

Also when I scroll down I see some white space with stripes, is that on purpose?

[editline]16th February 2014[/editline]

No wait that's not stripes that's the image going through the footer slightly and white space.

[D:\]

made this in just over an hour
i haven't made a website in months
[t]http://puu.sh/6YjFy.jpg[/t]
and when you use the searchbox
[t]http://puu.sh/6YjPX.jpg[/t]

edit: oops the footer is not aligned. i could use a different font too.

as you can see it works perfectly in internet explorer
[t]http://puu.sh/6YjWR.png[/t]

[sp]i used <center> i wouldn't use it usually but this is not serious obviously and i was lazy[/sp]

[img]http://puu.sh/6YkaS.gif[/img]

[manolis]

[QUOTE=D:\;43932909]stuff[/QUOTE]

What's the URL I wanna use it

[D:\]

[QUOTE=Coffeee;43933390]What's the URL I wanna use it[/QUOTE]

fonts are fucked but here you go
[url]https://dl.dropboxusercontent.com/u/18834480/site/index.html[/url]
no submit button because i'm modern so just press enter

[Datzy]

i typed in get blazed
[img]http://i.imgur.com/Hbpp7wN.png[/img]

[D:\]

[QUOTE=Datzy;43935576]i typed in get blazed
[img]http://i.imgur.com/Hbpp7wN.png[/img][/QUOTE]

that's the only person on the site
you got lucky
[sp]it doesn't actually work sorry, i did only spend a bit over an hour on it :v:[/sp]
maybe i should add some scripting and make this an actual thing giving you a random person?
maybe i should make different attributes generated for different seeds people put in on the homepage.
i think i'm gonna make this a thing.

[KmartSqrl]

[QUOTE=Moofy;43932062]One of these if you ask me.

Also when I scroll down I see some white space with stripes, is that on purpose?

[editline]16th February 2014[/editline]

No wait that's not stripes that's the image going through the footer slightly and white space.[/QUOTE]

Screenshot/link? :)

[Maqtiah]

[QUOTE=KmartSqrl;43935736]Screenshot/link? :)[/QUOTE]

Suddenly it's not doing it anymore, I am not sure if something went wrong in my browser when I viewed it earlier.

However if it happens again I'll make sure to screencap it and let you know

[KmartSqrl]

[QUOTE=Miljaker;43927523]I'm not sure if you want to keep it this way or not, but I really think the project updates need to be a lot more expanded. It feels like tweeting something. When keeping a log/blog on something you generally want to explain your decisions and troubles you had. I wouldn't be posting updates every day on small things. I would be posting updates after every milestone. I think some build logs on linustechtips forum give a great idea on what kind of things updates should support.

[URL]http://linustechtips.com/main/topic/74736-custom-desk-with-and-open-design-resurrection-its-done/[/URL]
[URL]http://linustechtips.com/main/topic/96695-done-for-now-serenity-4960x-gtx770/[/URL]

Maybe something like how its done on the indiedb. Every update is a "news" post. Admins decide if an update is worthy of the homepage or is automatically archived and only viewable on the games page. Its basically a full wysiwyg editor. Most html tags are supported.

[URL]http://www.indiedb.com/[/URL]

Updates are the most important part of log/blog and I really think its lacking now. Again I'm not sure if you intended to keep it this way but I really think it should be improved. If done right you don't need to create "An articles section where people can post written articles and tutorials", projects itself could be that. Just scrolling from the first update to the last would be following a tutorial.

I really really like the homepage btw. Did you take that picture yourself?[/QUOTE]

Added a full editor button to the post update form so you can go more indepth if you want now :)
Thanks! No, I didn't take the homepage photo, just found it online.

[Seanm07]

[QUOTE=KmartSqrl;43935736]Screenshot/link? :)[/QUOTE]

I found a similar bug which is a white bar when scrolling down after you logout, whilst the "Signed out successfully." bar is there.

[url]http://i.snag.gy/23lim.jpg[/url]

[Maqtiah]

[QUOTE=seanm07;43937166]I found a similar bug which is a white bar when scrolling down after you logout, whilst the "Signed out successfully." bar is there.

[URL]http://i.snag.gy/23lim.jpg[/URL][/QUOTE]

That was exactly what I experienced as well, must have been when I logged in though.

[editline]17th February 2014[/editline]

Also the "Signed In Successfully" has the same color as the background of the bar for some reason.
And minor detail, sometimes when the page is scrollable it bounces a bit, perhaps make a overflow-y: scroll; ?

[shodan]

I finished my authentication manager :dance:

@app.route('/test')
@authentication.requires_authentication
@ct.returns_json
def test():
    return "{'message':'lol'}"

flask is fun

[editline]18th February 2014[/editline]

It's for my api so you go to /auth?username=asd&password=134 and it returns a session token that you have to pass as token={32 char token}

[MuffinZerg]

[img]http://gyazo.com/a4b724adfdd680555409c798a98013d7.png[/img]

This is genius.

Anyway, content!

A rough version of a cool nav menu [url]http://jsfiddle.net/Euphe/7mq5R/[/url]

[shodan]

Has Lerdorf figured out how to do unicode yet?

[dustymcp]

Making a small browser game, as part of my C#, asp.net training called Spleen Runner.

It's loosely based around the old drug wars but instead of drugs i trade in organs, and hire henchmen to find them for me. It is still a rough copy with some checks still not in, but it is a what you working on thread right ? :)

Layout is terrible and i havent used time on it at all, but check out:
[url]http://hamderk.dk[/url]

On the other side im learning MSSQL and OOP its good stuff, i had no idea i could write code this efficient ^^

*edit: Oh yeah and first post, i really enjoy reading these forums, long time lurker ^^

[supersnail11]

[QUOTE=Mega1mpact;43956773]I finished my authentication manager :dance:

@app.route('/test')
@authentication.requires_authentication
@ct.returns_json
def test():
    return "{'message':'lol'}"

flask is fun

[editline]18th February 2014[/editline]

It's for my api so you go to /auth?username=asd&password=134 and it returns a session token that you have to pass as token={32 char token}[/QUOTE]

You shouldn't authenticate through GET requests.

[shodan]

[QUOTE=supersnail11;43959990]You shouldn't authenticate through GET requests.[/QUOTE]

I have the code at work so I can't show snippets. But you authenticate through a post over an https connection and it returns a session token that is bound to your username, ip (but generated randomly) etc and expires after 3 hours.

I just showed it as a GET for demonstration purposes. The rest of the API does use GET though.

[KmartSqrl]

Doing some refactoring for a client project right now and wishing I'd thought to do this earlier...

I have a top level "Division" object that most of the content on the site is scoped to. In the admin area you select a division from a dropdown and that makes it so that the stuff you see around the admin area is only stuff that belongs to that division. I originally had conditionals to check to see if the current division was set and to grab objects from that division if it was, and to grab them all (across the whole site) if it wasn't.

This felt wrong and was making a lot of code more complex than it needed to be, so I updated the method that returns the current division to return a NullDivision if none is currently selected. The NullDivision has methods to fetch all the same objects that a division can hold, except it grabs them across the entire site.

Now when I want to find things that belong to a division I can just call current_division.widgets and get all the widgets for the division or for the whole site, without having to worry about whether or not a division is actually selected right now or not.

Null objects are neat.

[Ashleigh]

[img]http://screenshot.xiatek.org/Kobra/1392967822.png[/img]

[url]http://kateadams.eu/[/url]

What do you think?

Also, the (awesome) code that generates the HTML: [url]https://github.com/KateAdams/kateadams.eu/blob/master/lua/template.lua[/url]

[djjkxbox360]

Why do you need Lua to generate html? Anywho I'd add more padding, the text looks too close to the edges. As for the html code, your document has no DOCTYPE, for HTML5 you should have <!DOCTYPE html> at the top above the html tag. There's also no encoding type, put <meta charset='utf-8'> in the head. Then just fix these other errors:
[url]http://validator.w3.org/check?uri=http://kateadams.eu/&charset=(detect+automatically)&doctype=HTML5&group=0&user-agent=W3C_Validator/1.3+http://validator.w3.org/services[/url]

[inaba]

[QUOTE=COBRAa;43993109][img]http://screenshot.xiatek.org/Kobra/1392967822.png[/img]

[url]http://kateadams.eu/[/url]

What do you think?

Also, the (awesome) code that generates the HTML: [url]https://github.com/KateAdams/kateadams.eu/blob/master/lua/template.lua[/url][/QUOTE]

I think it would be nice to have proper error reporting in HTML and CSS

[Maqtiah]

[QUOTE=COBRAa;43993109][img]http://screenshot.xiatek.org/Kobra/1392967822.png[/img]

[url]http://kateadams.eu/[/url]

What do you think?

Also, the (awesome) code that generates the HTML: [url]https://github.com/KateAdams/kateadams.eu/blob/master/lua/template.lua[/url][/QUOTE]

Looks pretty artistic I must say, definitely a lot different from what you see today.

[StinkyJoe]

I maded this thing:

[url]http://filp.github.io/psdiff/[/url]
[url]https://github.com/filp/psdiff[/url]

[Ashleigh]

[QUOTE=djjkxbox360;43993915]Why do you need Lua to generate html? Anywho I'd add more padding, the text looks too close to the edges. As for the html code, your document has no DOCTYPE, for HTML5 you should have <!DOCTYPE html> at the top above the html tag. There's also no encoding type, put <meta charset='utf-8'> in the head. Then just fix these other errors:
[url]http://validator.w3.org/check?uri=http://kateadams.eu/&charset=(detect+automatically)&doctype=HTML5&group=0&user-agent=W3C_Validator/1.3+http://validator.w3.org/services[/url][/QUOTE]

[url]http://validator.w3.org/check?uri=http%3A%2F%2Fkateadams.eu%2F&charset=%28detect+automatically%29&doctype=HTML5&group=0&user-agent=W3C_Validator%2F1.3+http%3A%2F%2Fvalidator.w3.org%2Fservices[/url]

[url]https://github.com/KateAdams/kateadams.eu/commit/586b981e793fa102c5056ac2273ec9120dfb5ba7[/url]

:D:

[djjkxbox360]

[QUOTE=Moofy;43994741]Looks pretty artistic I must say, definitely a lot different from what you see today.[/QUOTE]

I think more websites should be like this, with all the HTML5 and CSS3 stuff we have now, a lot of websites are still stuck with old layouts. Heck, there's still lots of websites that use images for rounded corners instead of border-radius :v:

[inaba]

[QUOTE=COBRAa;43996993][url]http://validator.w3.org/check?uri=http%3A%2F%2Fkateadams.eu%2F&charset=%28detect+automatically%29&doctype=HTML5&group=0&user-agent=W3C_Validator%2F1.3+http%3A%2F%2Fvalidator.w3.org%2Fservices[/url]

[url]https://github.com/KateAdams/kateadams.eu/commit/586b981e793fa102c5056ac2273ec9120dfb5ba7[/url]

:D:[/QUOTE]

It's probably not very much, but
[t]http://i.imgur.com/8VuVzV5.png[/t]

[t]http://i.imgur.com/Hf2HaPG.png[/t]
doesn't really seem like the best of ideas to me.

[Ashleigh]

I don't get what you mean?