Web Development - WAYWO - #8

[saming]

Did a thing a while ago, forgot to post it here. [URL="http://saming.fr/p/fakepc/"]Link.[/URL]

[IMG]http://i.imgur.com/6SL4dnl.png?1[/IMG]

[j4NZKUE]

[QUOTE=saming;42880438]Did a thing a while ago, forgot to post it here. [URL="http://saming.fr/p/fakepc/"]Link.[/URL]

[IMG]http://i.imgur.com/6SL4dnl.png?1[/IMG][/QUOTE]

saw it earlier from your portfolio, nice! :)

[antiChrist]

working on a ratings system for GDi

Cowabanger is a pleb and can't web develop.

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

[Sharpshooter]

Why an outright copy of the FP rating system? Its not like its a superb implementation of such a thing or anything.

[antiChrist]

[QUOTE=Sharpshooter;42884809]Why an outright copy of the FP rating system? Its not like its a superb implementation of such a thing or anything.[/QUOTE]

because it's GDi, a lame copy of facepunch

[Jsm]

Never thought I'd have something to post in this thread, not even sure if this is "worthy" of the WAYWO thread but anyway.

I have been working on an interactive (web based) map for ArmA 3. It started off as just displaying a map of Stratis but I decided to try and make it something a bit more useful so it has slowly been evolving into something more.
My goal is to have a map where people can collaborate by placing markers etc. So far I have got some basic features working (like placing markers and having them synced to everyone else).
I'm posting it here because I would like to get some opinions from people who actually know a thing or two (this is pretty much the first 'proper' thing I have done with HTML / js) and I'd like people to try and break it / give feedback.

Seeing as this is a WAYWO thread I feel I should give a bit of technical information on how it works:
The map control is Leaflet, combined with (behind the scenes) node / socket.io to provide the real time'ness of it.

This is kinda hard to show in screenshots because visually its just Leaflet set to full screen. So in place of that [URL="http://beowulfso.co.uk/map/stratis.html?room=waywo"]here[/URL] is a link to it,
So yeah basically, I would love any feedback, ideas etc.

[incognitocob]

[QUOTE=Jsm;42888543]Never thought I'd have something to post in this thread, not even sure if this is "worthy" of the WAYWO thread but anyway.

I have been working on an interactive (web based) map for ArmA 3. It started off as just displaying a map of Stratis but I decided to try and make it something a bit more useful so it has slowly been evolving into something more.
My goal is to have a map where people can collaborate by placing markers etc. So far I have got some basic features working (like placing markers and having them synced to everyone else).
I'm posting it here because I would like to get some opinions from people who actually know a thing or two (this is pretty much the first 'proper' thing I have done with HTML / js) and I'd like people to try and break it / give feedback.

Seeing as this is a WAYWO thread I feel I should give a bit of technical information on how it works:
The map control is Leaflet, combined with (behind the scenes) node / socket.io to provide the real time'ness of it.

This is kinda hard to show in screenshots because visually its just Leaflet set to full screen. So in place of that [URL="http://beowulfso.co.uk/map/stratis.html?room=waywo"]here[/URL] is a link to it,
So yeah basically, I would love any feedback, ideas etc.[/QUOTE]

Street view would be awesome aha

[Jsm]

[QUOTE=incognitocob;42888779]Street view would be awesome aha[/QUOTE]

Its technically possible but I dread to think how many gbs of images it would require. [I]Just[/I] the map is some 600mb.

[Cowabanga]

[QUOTE=antiChrist;42884721]working on a ratings system for GDi

Cowabanger is a pleb and can't web develop.

[img]http://i.imgur.com/Bnn922l.png[/img][/QUOTE]

reported

[Fire]

[QUOTE=Jsm;42888790][QUOTE=incognitocob;42888779][QUOTE=Jsm;42888543]Never thought I'd have something to post in this thread, not even sure if this is "worthy" of the WAYWO thread but anyway.

I have been working on an interactive (web based) map for ArmA 3. It started off as just displaying a map of Stratis but I decided to try and make it something a bit more useful so it has slowly been evolving into something more.
My goal is to have a map where people can collaborate by placing markers etc. So far I have got some basic features working (like placing markers and having them synced to everyone else).
I'm posting it here because I would like to get some opinions from people who actually know a thing or two (this is pretty much the first 'proper' thing I have done with HTML / js) and I'd like people to try and break it / give feedback.

Seeing as this is a WAYWO thread I feel I should give a bit of technical information on how it works:
The map control is Leaflet, combined with (behind the scenes) node / socket.io to provide the real time'ness of it.

This is kinda hard to show in screenshots because visually its just Leaflet set to full screen. So in place of that [URL="http://beowulfso.co.uk/map/stratis.html?room=waywo"]here[/URL] is a link to it,
So yeah basically, I would love any feedback, ideas etc.[/QUOTE]

Street view would be awesome aha[/QUOTE]

Its technically possible but I dread to think how many gbs of images it would require. [I]Just[/I] the map is some 600mb.[/QUOTE]

For starters you'll want to change your file format, [url=http://pngquant.org/]quantize your PNGs[/url] or use JPEG, leaves like this:

[img]http://beowulfso.co.uk/map/tiles/stratis/stratis4_7_6.png[/img]

do not need to be 260KB, they can be as low as 30KB(!) with no perceptual color loss after quantization ( ie PNGoo ):

[img]https://dl.dropboxusercontent.com/u/33446/img/stratis4_7_6.png[/img]

Quantizing all of your leaves will save you craploads of bandwidth and make your site load faster as a result.

To give you actual numbers:
I scanned around your map for about 30 seconds, resulting in over 500 requests ( expected, I guess ), and 46.5MB(!) transferred.
If all images were quantized and ended up in the same 30KB range, that number would be closer to 5MB.

"Street view" images should be relatively low filesize as an 80 quality JPEG, without greatly discernable quality loss

[Jsm]

[QUOTE=Dragonblz;42893516]For starters you'll want to change your file format, [url=http://pngquant.org/]quantize your PNGs[/url] or use JPEG, leaves like this:

[img]http://beowulfso.co.uk/map/tiles/stratis/stratis4_7_6.png[/img]

do not need to be 260KB, they can be as low as 30KB(!) with no perceptual color loss after quantization ( ie PNGoo ):

[img]https://dl.dropboxusercontent.com/u/33446/img/stratis4_7_6.png[/img]

Quantizing all of your leaves will save you craploads of bandwidth and make your site load faster as a result.

To give you actual numbers:
I scanned around your map for about 30 seconds, resulting in over 500 requests ( expected, I guess ), and 46.5MB(!) transferred.
If all images were quantized and ended up in the same 30KB range, that number would be closer to 5MB.

"Street view" images should be relatively low filesize as an 80 quality JPEG, without greatly discernable quality loss[/QUOTE]

Thank you! This is exactly the sort of feedback I was hoping to get. I know so little about image compression that I left it well alone because I was worried I would fuck it up.
So should I just compress the images I have now or should I re-create them from the vector with compression options enabled? I'm not sure what difference this would make, but I know if you do stuff with videos over and over again it ruins the quality.

[Fire]

[QUOTE=Jsm;42893982]Thank you! This is exactly the sort of feedback I was hoping to get. I know so little about image compression that I left it well alone because I was worried I would fuck it up.
So should I just compress the images I have now or should I re-create them from the vector with compression options enabled? I'm not sure what difference this would make, but I know if you do stuff with videos over and over again it ruins the quality.[/QUOTE]

It looks like your current leaves are all full quality 24bit PNG(?) so they're already "lossless". I don't know what you're using to generate them, so I can't really say what it's compression options would do.
If you quantize your current files you should be good ( compression is usually the final step you push things through, after you've finished editing , etc ).
Also keep in mind that all compression types are not created equal. Quantization "compresses" your image by reducing colors down to an 8bit PNG, combining like colors ( [i]usually[/i] not noticeable to the human eye ), this is a "lossy" compression type.
Others, like pngcrush, don't reduce the filesize by nearly as much, but are "lossless" compression.

re: video;
That only applies when editing lossy formats like h264. Taking a lossless format, going to another lossless format, then going to your lossy distribution format (h264) is only the one standard drop in quality.
For comparison to the images, Raw -> PNGCrush -> Editing -> Quantization is Lossless -> Lossless -> Lossy, no extra quality lost.
Raw -> Quantization -> Editing -> Quantization is Lossless -> Lossy -> Lossy-er; Possible Quality loss.

[NoFaTe]

I'm currently working on a stupid uni assignment, and decided to provide a Web Interface for it, instead of a ghetto console.

[img]http://img.pointlimit.com/80wzu61t9nsj9.png[/img]

You can see the template live [url=http://fallout.orfeasz.me/views/templates/Default.html]here[/url].

[Neddy]

[QUOTE=NoFaTe;42894373]I'm currently working on a stupid uni assignment, and decided to provide a Web Interface for it, instead of a ghetto console.

[img]http://img.pointlimit.com/80wzu61t9nsj9.png[/img]

You can see the template live [url=http://fallout.orfeasz.me/views/templates/Default.html]here[/url].[/QUOTE]

Loving the colour scheme

[a7y]

[QUOTE=NoFaTe;42894373]I'm currently working on a stupid uni assignment, and decided to provide a Web Interface for it, instead of a ghetto console.

-sex-

You can see the template live [url=http://fallout.orfeasz.me/views/templates/Default.html]here[/url].[/QUOTE]
hot

been a while since we've had content of this quality

[Maqtiah]

[QUOTE=NoFaTe;42894373]I'm currently working on a stupid uni assignment, and decided to provide a Web Interface for it, instead of a ghetto console.

-magic-

You can see the template live [url=http://fallout.orfeasz.me/views/templates/Default.html]here[/url].[/QUOTE]

As jetboy said, this is really great!

[Shadow801]

[QUOTE=KmartSqrl;42877728]Shipping updates to two projects I work on for my 9-5 AND a big update for one of my freelance clients two days before I'm on vacation in Europe for two weeks is awesome and scary at the same time.

[editline]15th November 2013[/editline]

[B]WEB DEVELOPER PSA:[/B]

If you're not using something like this, you're a dunce! [url]https://rollbar.com/[/url]

Rollbar is fucking awwwwwesome. Any Exceptions (Errors) that happen in my Rails apps get sent to rollbar along with a stack trace and other useful information about the error. It also watches for and reports on javascript errors that any users browsers encounter in the same way. It tracks my deploys as well and will point out which deploy an error started showing up at so you know where to start looking.[/QUOTE]

This is exactly what I'm looking for at the minute. Granted I haven't done much research at this point...

Another useful tool is uptimerobot.com

Has anybody used New Relic much? I want to give it a try, unfortunately I can't at the minute because of server restrictions

[StinkyJoe]

[QUOTE=KmartSqrl;42877728]Shipping updates to two projects I work on for my 9-5 AND a big update for one of my freelance clients two days before I'm on vacation in Europe for two weeks is awesome and scary at the same time.

[editline]15th November 2013[/editline]

[B]WEB DEVELOPER PSA:[/B]

If you're not using something like this, you're a dunce! [url]https://rollbar.com/[/url]

Rollbar is fucking awwwwwesome. Any Exceptions (Errors) that happen in my Rails apps get sent to rollbar along with a stack trace and other useful information about the error. It also watches for and reports on javascript errors that any users browsers encounter in the same way. It tracks my deploys as well and will point out which deploy an error started showing up at so you know where to start looking.[/QUOTE]

We're using Rollbar as well! Fairly nice interface & workflow, snappy notifications, and detailed traces - that's all I really need.

[John the Gr8]

For whatever reason, each course in my university has a website of its own where announcements (and more) are posted. Given that most of them didn't even provide a (working) RSS feed to subscribe to, I had to manually check each one for news. After missing a couple important announcements, I decided to put them all in one place.
I made a simple tool that will scrap each website and parse the news feed, and a web interface to display them all in one page:

[img_thumb]http://i.ftpbox.org/XeEMrJJgL5.png[/img_thumb]

[shodan]

The text looks like if you'd say it out loud you would cast some kind of curse on someone.

Also I really like the design

[John the Gr8]

[QUOTE=Mega1mpact;42905061]The text looks like if you'd say it out loud you would cast some kind of curse on someone.

Also I really like the design[/QUOTE]

I am using [url="http://semantic-ui.com/"]semantic-ui[/url] for the UI. I guess I should mention that...

[NoFaTe]

Just finished my custom selectbox plugin.

[img]http://img.pointlimit.com/6yq4qwg866c7h9.png[/img]

See it in action [url=http://fallout.orfeasz.me/views/templates/Default.html]here[/url], by hovering over a row and clicking on the 'Deliver' button.

[wizard`]

beautiful design man

I'm working on a little javascript console type thing for running functions when i want them

now supports cron-job esque function scheduling

[img]http://puu.sh/5mLCQ.png[/img]

highly wip

[Jelly_]

-snip-

[Maqtiah]

This is not really a project but I just bought moofy.me because I needed something for school etc. However namecheap decided to say no to my card and blamed it all on my bank constantly saying it wasn't their side causing the problem.

Here's the last bit of the support chat. I found it quite hilarious. :v:

[IMG]http://i41.tinypic.com/nweh00.png[/IMG]

[SEKCobra]

Your bank probably doesn't allow transfers to certain countries or shit like that.

[Maqtiah]

[QUOTE=SEKCobra;42916753]Your bank probably doesn't allow transfers to certain countries or shit like that.[/QUOTE]

Yea they do, I've bought literally on the web since I got my card and I called them to check if it was my bank which they told me it wasn't. Also the support said it was their bank not accepting, I would rather believe that since it worked with my PayPal.

[Eudoxia]

Some time ago I saw [URL="https://github.com/charliesome/better_errors"]this[/URL] pop up on my GitHub feed and decided to write a clone for [URL="http://clacklisp.org/"]Clack[/URL].

[IMG_THUMB]https://dl.dropboxusercontent.com/u/27619601/Public%20Pictures/screenshots/screenshot.png[/IMG_THUMB]

Any suggestions? It feels a little too empty, but I also don't want to clutter it with useless shit.

[Snakess]

Showed part of this a while back(my monitoring site), added plugins since last time

Normal overview page (needs some improvement):
[t]http://tbx.me/-ZgjR.png[/t]

Default list:
[t]http://tbx.me/mYU.png[/t]

Multi-server plugin: (you choose where to ping from)
[t]http://tbx.me/glpM.png[/t]

Stripe plugin: (buy sms credits)
[t]http://tbx.me/Z3nm!P.png[/t]
[t]http://tbx.me/yIw5.png[/t]

Finally, statistics page:
[t]http://tbx.me/h9p7.png[/t]

Sorry about all the images! I wish I was a better designer so I could make it look a bit nicer.

[shodan]

Where can I sign up?