Web Development - WAYWO - #8 - Developers

[QUOTE=Spero78;41154758]Don't know if any of you have seen this, Its like the holy grail of front end development resources [url]https://gist.github.com/dypsilon/5819504[/url][/QUOTE] This + [url]http://webplatformdaily.org[/url] = awesome.

[QUOTE=Map in a box;40904840]No one would read it as "Megabytebits", plus it's all temporary.[/QUOTE] You're wrong and you know it. There's going to be continuous bitching if you don't.

[QUOTE=zackh;41193707]You're wrong and you know it. There's going to be continuous bitching if you don't.[/QUOTE] That post was 3 weeks old, no point in bringing it back up again..

Anyone worked with SVGs before? The SVG refuse to grab a png picture in chrome, but when you view the .svg file in chrome alone the image shows. Everything works fine in IE10 and 9.

[QUOTE=xmariusx;41197051]Anyone worked with SVGs before? The SVG refuse to grab a png picture in chrome, but when you view the .svg file in chrome alone the image shows. Everything works fine in IE10 and 9.[/QUOTE] Does it work if you use the absolute path for the png?

[QUOTE=KmartSqrl;41197264]Does it work if you use the absolute path for the png?[/QUOTE] No :/

[img]http://puu.sh/3pRJj.jpg[/img] Redesigning Minecraft server website old version looks like this [thumb]http://puu.sh/3pRSO.jpg[/thumb] Moving from a nasty franken-bootstrap framework, to Gumby, Its much nicer to work with and I feel like its easier to dig into and change

[QUOTE=xmariusx;41197373]No :/[/QUOTE] You should show the code.

I did attempt to do this on my own, but got too frustrated and used Illustrator.. Anyways, here is the code: The .png file is in the same folder as the .svg file [code] <?xml version="1.0" encoding="utf-8"?>  <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="210px" height="300px" viewBox="0 0 210 300" enable-background="new 0 0 210 300" xml:space="preserve"> <g> <image overflow="visible" opacity="0.1" width="875" height="1375" xlink:href="581A0662.png" transform="matrix(0.24 0 0 0.24 0 -30)"> </image> <g> <radialGradient id="SVGID_1_" cx="105" cy="134.9082" r="109.1449" gradientUnits="userSpaceOnUse"> <stop offset="0" style="stop-color:#FFD176"/> <stop offset="1" style="stop-color:#FDBA33"/> </radialGradient> <polygon fill="url(#SVGID_1_)" points="30,0 30,240 30.459,240 105,269.816 179.541,240 180,240 180,0 "/> </g> </g> </svg> [/code] [editline]28th June 2013[/editline] And here is the .png file if it helps: [t]http://puu.sh/3pTuE/bf48c1648c.png[/t]

can anyone tell me why this happens? [img]http://i.imgur.com/qcK9tyt.png[/img] btw [code][] === '' ouputs: false[/code]

[QUOTE=jung3o;41217592]can anyone tell me why this happens? [img]http://i.imgur.com/qcK9tyt.png[/img] btw [code][] === '' ouputs: false[/code][/QUOTE] [img]http://basbieling.com/screenshots/Selection_033.png[/img] [editline]28th June 2013[/editline] Related: [media]http://www.youtube.com/watch?v=kXEgk1Hdze0[/media]

[QUOTE=jung3o;41217592]can anyone tell me why this happens? [IMG]http://i.imgur.com/qcK9tyt.png[/IMG] btw [code][] === '' ouputs: false[/code][/QUOTE] == isn't type strict and since you used a string it'll try and convert the array to a string and compare that. An empty array to a string will always be an empty string since it essentially just goes [].join(","). === is type strict.

Do you mark pages to [B]Read Later[/B] often? I do alot. There are many good Chrome Extensions out there, but I just need something simple and I don't want to sign up to a 3rd party service to store my URLs etc. I also want it to [B]sync [/B]with my google account and chrome login, across all my computers (without a 3rd party service). This does just that: [url]https://chrome.google.com/webstore/detail/read-later-bookmarks/becejnoladglbjpadghmffjiobbendli[/url] It also [B]highlights [/B]the pages that are stored on its icon, and [B]keeps track on the number[/B] of Read Later you have on queue. [IMG]https://lh6.googleusercontent.com/lXeOvM5HCJuC4urbpE5nt5RQbaNxPZMd5O5s4NtimD-d_RKD2rFZk0uoUg5XAanacErjlejH9w=s640-h400-e365[/IMG] [IMG]https://lh5.googleusercontent.com/KXi-vq1z6P1KL4H5uXevbSBTsCSUSigMBWkyPsv6cmcmolJ3ueSBh_sK-rrhZ_rPbb1ZIraPww=s640-h400-e365[/IMG] Suits me perfectly, I know others like fancy stuff, but this is perfect for my needs.

[url]http://dongers.net[/url] [img]http://i.imgur.com/IqwX3vx.png[/img]

[QUOTE=joqqy;41223384] [IMG]https://lh6.googleusercontent.com/lXeOvM5HCJuC4urbpE5nt5RQbaNxPZMd5O5s4NtimD-d_RKD2rFZk0uoUg5XAanacErjlejH9w=s640-h400-e365[/IMG] [IMG]https://lh5.googleusercontent.com/KXi-vq1z6P1KL4H5uXevbSBTsCSUSigMBWkyPsv6cmcmolJ3ueSBh_sK-rrhZ_rPbb1ZIraPww=s640-h400-e365[/IMG][/QUOTE] Jesus christ

Help I think I've developed Stockholm Syndrome with Wordpress.

[QUOTE=Lexic;41228112]Help I think I've developed Stockholm Syndrome with Wordpress.[/QUOTE] There is Chyrp and Octopress. You can try those.

[QUOTE=Lexic;41228112]Help I think I've developed Stockholm Syndrome with Wordpress.[/QUOTE] Get in front of a mirror and slap yourself repeatedly

[QUOTE=nehkz;41228972]There is Chyrp and Octopress. You can try those.[/QUOTE] 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]

Got round to doing some stuff on my Portfolio. [url]http://www.themadhacker.co.uk[/url]

[QUOTE=Loli;41238964]Got round to doing some stuff on my Portfolio. [url]http://www.themadhacker.co.uk[/url][/QUOTE] Your portfolio makes me think of me :/

[IMG]http://i.imgur.com/GwXkj8M.png[/IMG] Any suggestions? Especially with the font and font size?

[QUOTE=Loli;41238964]Got round to doing some stuff on my Portfolio. [url]http://www.themadhacker.co.uk[/url][/QUOTE] I didn't realized i had to scroll [t]http://i.imgur.com/eQWAM4A.png[/t] I usually never pay attention to my scroll bar.

Build an [URL="https://atlas.torproject.org/"]atlas.torproject[/URL] clone in Ember.js: [thumb]http://i.imgur.com/7IqkAa1.png[/thumb] source is available here: [url]https://github.com/makepanic/emberjs-tor-onionoo[/url] live version via gh-pages: [url]http://makepanic.github.io/emberjs-tor-onionoo/[/url]

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.

I like the design, it's nice to look at, I think you should make the text box rounded to match the style of the speech bubbles

They overlap a little too much in my opinion. Feels like my eyes have to zig zag down the page. Other than that, it looks great!

Have you tried aligning the speech boxes? It would look better imo

[QUOTE=commander204;41249069]Have you tried aligning the speech boxes? It would look better imo[/QUOTE] I wanted to make it easy for one to tell their boxes from other people's. They're not alternated, the person who sends a message sees it on the left, and they will see the rest of the messages by everyone else on the right.

[QUOTE=TerabyteS_;41251461]I wanted to make it easy for one to tell their boxes from other people's. They're not alternated, the person who sends a message sees it on the left, and they will see the rest of the messages by everyone else on the right.[/QUOTE] Aah, okay that makes sense, although the different colors make the difference clear as well.