Web Development - WAYWO - #8

[daniel_c]

[QUOTE=TerabyteS_;41243606]So my final school exam is coming up and I wanted to show something cool, so this evening I coded a group chat app using Node.js. It was quite fun. I'll see if I can take it online in the next few days (it's currently on Heroku but Heroku doesn't support WebSockets so it's laggy as hell).

[IMG]http://gabrielecirulli.com/p/SimpleChat-20130630-003225.png[/IMG]

It also has some cool animations but I can't show them with pictures.[/QUOTE]

Have you looked into any of the services that run realtime pushing stuff like [URL="http://pusher.com/"]http://pusher.com/[/URL]?

[TerabyteS_]

[QUOTE=daniel_c;41263849]Have you looked into any of the services that run realtime pushing stuff like [URL="http://pusher.com/"]http://pusher.com/[/URL]?[/QUOTE]
I don't really need a separate API for doing it, a server that supports websockets would be just enough. If I used that service I'd have to rebuild a considerable part of my code.

[Jelly_]

Added syntax highlighting to node.js stacks.

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

[editline]2nd July 2013[/editline]

Now available [url]https://github.com/sebmck/better-stacks[/url]

[Snakess]

Currently just working on a simple server monitoring system, will be adding in some nice graphs and stats soon. :)

[URL]http://d.pr/NWnd[/URL]
[URL]http://d.pr/uf7l[/URL]

[Ac!dL3ak]

[QUOTE=Jelly;41265997]Added syntax highlighting to node.js stacks.

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

[editline]2nd July 2013[/editline]

Now available [url]https://github.com/sebmck/better-stacks[/url][/QUOTE]

should be better_stacks

[Jelly_]

[QUOTE=Ac!dL3ak;41269224]should be better_stacks[/QUOTE]

That's not the convention.

[editline]2nd July 2013[/editline]

Just took a sample set of the top 14,000 npm modules. 228 had underscores while 4973 had dashes.

[MrGregsWorld]

This WAYWO amazes me every time I come visiting; Truly Astonishing!
In a way it's inspired me to start my own web development, however, my coding skills are limited ton Lua and AS2.

Could any of you throw a few links my way to help me get started?

[Ac!dL3ak]

[QUOTE=Jelly;41274992]That's not the convention.

[editline]2nd July 2013[/editline]

Just took a sample set of the top 14,000 npm modules. 228 had underscores while 4973 had dashes.[/QUOTE]

dashes normally imply that it's an extension of something, like rails-sass; underscore is just a space, like packed_struct.

[Jelly_]

[QUOTE=Ac!dL3ak;41277991]dashes normally imply that it's an extension of something, like rails-sass; underscore is just a space, like packed_struct.[/QUOTE]

Node.js is not Ruby.

[TerabyteS_]

[QUOTE=Jelly;41278082]Node.js is not Ruby.[/QUOTE]

Make love not war

[Shadow801]

[QUOTE=Lexic;41237011]My boss loves Wordpress too much to even consider hosting any of our sites on anything else. [img]http://i.imgur.com/h9n7nGu.gif[/img][/QUOTE]

WordPress does a lot of things well, but I really dislike it these days.

[marcopixel]

[T]http://i.imgur.com/u9j8DeQ.png[/T]

Chrome New Tab page.

[MuffinZerg]

Hey guys. I am making a javascript-based adventure (using Meteor) and I need a bit of help.

My plan for the design is to make it stylised to look like it's drawn with a pencil. This is a tricky thing and not easy to make neat, so I am asking you for help. Could you please take a look and say what you think? It's very wip.

[url]http://conductor.meteor.com/[/url]

My main questions are:

Is that background fine? Plain paper/plain white/plain anything looked awful, so I came up with this. But I think it's not easy to read so it bothers me.

What kind of font should I use?

Would adding color variety via making it look like some parts are drawn with colored pencils look good?

[shodan]

[QUOTE=MarcoPixel;41279278][T]http://i.imgur.com/u9j8DeQ.png[/T]

New Tab page for Chrome, not gonna release it because it's hard to edit.[/QUOTE]

Can you release the source at least. I'd love to tinker with it.

[Pinecleandog]

Finished my portfolio - It has a nice file manager too

[url]http://nkhaslam.com[/url]

[img_thumb]http://nkhaslam.com/content/webdev/6e59370faae46453165711b0dcbd47ad.jpg[/img_thumb]

I'm going to have to make some sort of pre-loading function because it's very slow switching between pictures, or atleast a "loading" icon

[Jelly_]

[t]http://i.imgur.com/fGIdchz.png[/t]

Blog.

[CBastard]

[QUOTE=Jelly;41282123][t]http://i.imgur.com/fGIdchz.png[/t]

Blog.[/QUOTE]

Not enough white.

[Jeller]

[QUOTE=MarcoPixel;41279278][T]http://i.imgur.com/u9j8DeQ.png[/T]

New Tab page for Chrome, not gonna release it because it's hard to edit.[/QUOTE]

Holy fuck thats hot.

[rieda1589]

[QUOTE=MarcoPixel;41279278][T]http://i.imgur.com/u9j8DeQ.png[/T]

New Tab page for Chrome, not gonna release it because it's hard to edit.[/QUOTE]

I'm sure it wasn't intentional... But Snoo looks :downs:

[TerabyteS_]

[QUOTE=MarcoPixel;41279278][T]http://i.imgur.com/u9j8DeQ.png[/T]

New Tab page for Chrome, not gonna release it because it's hard to edit.[/QUOTE]

Looks cool! I've never delved into how these pages are made, is it a hack or is it actually supported by Chrome, like extensions?

[Jeller]

[QUOTE=TerabyteS_;41285224]Looks cool! I've never delved into how these pages are made, is it a hack or is it actually supported by Chrome, like extensions?[/QUOTE]

Possibly just a webpage that is opened at Chrome launch.

[Ac!dL3ak]

[QUOTE=Jelly;41278082]Node.js is not Ruby.[/QUOTE]

consistency across languages can make wonders

I mean, it's not like node.js and ruby both have a package manager, right?

or a require function to require installed packages?

[KmartSqrl]

[QUOTE=Ac!dL3ak;41285795]consistency across languages can make wonders

I mean, it's not like node.js and ruby both have a package manager, right?

or a require function to require installed packages?[/QUOTE]

Yes, but in this case the convention has obviously already been established.

[marcopixel]

Wow, didn't expected that :D

FYI the Google Now Wallpaper changes with the time too :)
Okay here's the extension: [URL="https://www.dropbox.com/s/5vpy9ua92trdwzf/newtabpage.crx"]https://www.dropbox.com/s/5vpy9ua92trdwzf/newtabpage.crx[/URL]
You need to enable Developer Mode under Extensions and then Drag n' Drop the file into that tab.

To modify the page, you need to go to

AppData\Local\Google\Chrome\User Data\Default\Extensions\lgbbfpkkmngmfpcnbhbfikdfmgliojad\1.0_1

and modify the HTML yourself. The images for the links are in the folder [B]font[/B], you need to edit them manually.

(It might be at a other folder, look at the ID in the extensions tab)

Actually since this thing is so popular here, i might try to make an real one which utilizes Chrome storage to save the profiles :D

[AMD Bulldozer]

[t]http://i.cubeupload.com/9dqkiQ.png[/t]

Doing a little R&D project at work.
I'm building a little application that allows someone to mark out the perimeter of their roof and have it calculate the area and how many solar panels you can fit on it.

[MrN]

[QUOTE=MarcoPixel;41290934]Wow, didn't expected that :D

FYI the Google Now Wallpaper changes with the time too :)
Okay here's the extension: [URL="https://www.dropbox.com/s/5vpy9ua92trdwzf/newtabpage.crx"]https://www.dropbox.com/s/5vpy9ua92trdwzf/newtabpage.crx[/URL]
You need to enable Developer Mode under Extensions and then Drag n' Drop the file into that tab.

To modify the page, you need to go to

AppData\Local\Google\Chrome\User Data\Default\Extensions\lgbbfpkkmngmfpcnbhbfikdfmgliojad\1.0_1

and modify the HTML yourself. The images for the links are in the folder [B]font[/B], you need to edit them manually.

(It might be at a other folder, look at the ID in the extensions tab)

Actually since this thing is so popular here, i might try to make an real one which utilizes Chrome storage to save the profiles :D[/QUOTE]

Fantastic!

[Flashcat]

Trying to assemble a portfolio, I already threw some things together but I got a problem when I resize my browser window

[t]http://puu.sh/3uaoy.png[/t]

[t]http://puu.sh/3uaob.png[/t]

When I resize my window, the menu buttons just sort of collapse beneath eachother. Overflow-x doesn't help. Is the only way to keep it in place making everything have an absolute position rather than relative?

[editline]3rd July 2013[/editline]

I'm basing my design off of this: [url]http://www.templatemonster.com/demo/44057.html[/url]
The menu buttons don't fuck up there and you get a nice scrollbar, I wanted something similar for my page.

[KmartSqrl]

[QUOTE=MrFlashcat;41296045]Trying to assemble a portfolio, I already threw some things together but I got a problem when I resize my browser window

[t]http://puu.sh/3uaoy.png[/t]

[t]http://puu.sh/3uaob.png[/t]

When I resize my window, the menu buttons just sort of collapse beneath eachother. Overflow-x doesn't help. Is the only way to keep it in place making everything have an absolute position rather than relative?

[editline]3rd July 2013[/editline]

I'm basing my design off of this: [url]http://www.templatemonster.com/demo/44057.html[/url]
The menu buttons don't fuck up there and you get a nice scrollbar, I wanted something similar for my page.[/QUOTE]

You need to set a fixed width on the element that contains the menu items. I wouldn't do that though, make it responsive so that when the items don't fit they stack vertically.

[Snakess]

Further work on my server monitoring site! :)

[t]http://tbx.me/V4n.png[/t]

[t]http://tbx.me/Jy.Y,.png[/t]

[t]http://tbx.me/Sn_.png[/t]

[editline]edit[/editline]

Added in live stats from the external server, although it seems as if it could do with something to make it fit in more, not sure what though.

[t]http://tbx.me/_1.png[/t]

[Proffrink]

Still that Minecraft site unfortunately:

[t]http://img833.imageshack.us/img833/5976/hbc.png[/t]

[t]http://img839.imageshack.us/img839/3627/ejb0.png[/t]

Front page still needs a lot of work though.