Web Development - WAYWO - #8

[MuffinZerg]

[QUOTE=xmariusx;40538334]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:[/QUOTE]
Thanks!

The idea of the white box was that it's the thing people need from the web site so it has to stand out.
The font was something random I found in my fonts folder. Gotta look into it.

[Killervalon]

[QUOTE=Jelly;40540249]I'm using websockets/socket.io not AJAX.

[editline]6th May 2013[/editline]

You can hardly call AJAX-updating stuff real-time.[/QUOTE]

It was just for the 'new stuff appear' part.

[asantos3]

[QUOTE=nehkz;40540008]/r/webdev, /r/web_design and /r/programming.[/QUOTE]

Cake day today, 1 year yay!

[Coment]

[QUOTE=jung3o;40539957]Forrst sometimes.
and if you count fp as one.[/QUOTE]

Do you know how long do they usually take until they review your feedback and say something (even "You're on hold, and will have to wait until next invite")? Has been weeks and haven't got any email from them; not even the password reset one :v:

[buhbang]

[QUOTE=Coment;40546339]Do you know how long do they usually take until they review your feedback and say something (even "You're on hold, and will have to wait until next invite")? Has been weeks and haven't got any email from them; not even the password reset one :v:[/QUOTE]

that's weird. I got mine right away when i asked 3 people who had forrst to vote for me.

[KmartSqrl]

I still want a fucking dribbble invite.

[buhbang]

[QUOTE=KmartSqrl;40548424]I still want a fucking dribbble invite.[/QUOTE]

I gave up on that :v:

If anyone one were to get it, you deserve it the most here on fp.

[asantos3]

[QUOTE=KmartSqrl;40548424]I still want a fucking dribbble invite.[/QUOTE]

What's the difference between sign up and getting an invite? Do you go pro or something?

[editline]6th May 2013[/editline]

Oh and I requested a koding invite and only after a few months they gave me one - don't like the service though :v:

[KmartSqrl]

[QUOTE=asantos3;40550728]What's the difference between sign up and getting an invite? Do you go pro or something?

[editline]6th May 2013[/editline]

Oh and I requested a koding invite and only after a few months they gave me one - don't like the service though :v:[/QUOTE]

You can't post anything to the site unless you are "drafted"

[editline]6th May 2013[/editline]

Almost done building a nice, simple optimization testing system for favery. You set up a test for something like a page headline by doing this:

<h1><%= opt_select(:page_title, 'Default page title') %></h1>

which will create the test in the database if it doesn't exist yet, and will add the default value as a test option. It also sets a cookie so that a user will always see the original option that they were shown when they visit the page multiple times.

Then, wherever you want to track a conversion (after creating a new user during sign up, for example) you do this:

opt_convert!(:page_title)

and it will register a conversion for the test option that the user was shown.

After a test is set up, you can view the results in the admin area of the website and can add or remove new test options on the fly.

Options are also selected multi-armed bandit style, so the option that performs the best is chosen most frequently. I am going to play with the algorithm for that a bit more, right now it's just doing epsilon greedy, which means there's a 90% chance it chooses the best option, and a 10% chance it chooses a random option, but ideally it will eventually totally phase out stuff that isn't converting as well. Right now it also does a totally random selection instead of epsilon greedy until all the options have x amount of conversions, which ensures that new things get tested out quickly in case they are more performant than the current best.

[BrettJay]

[QUOTE=KmartSqrl;40548424]I still want a fucking dribbble invite.[/QUOTE]

[IMG]http://brettjones.me/i/drafted.png[/IMG]

[MuffinZerg]

I fixed the website design I am making with your advices and also made it a bit lighter.

[url]https://www.dropbox.com/s/6muyqj850lc7qe2/Blog-a_ver2.png[/url]

Could you please tell me how to pick a good font?

[Miljaker]

Anyone knows a sublime package that fixes code hinting and autocomplete inside html tags inside php strings.

echo "<p X></p>";

When I start typing at X I want attributes to show up.

[KmartSqrl]

[QUOTE=jung3o;40548478]I gave up on that :v:

If anyone one were to get it, you deserve it the most here on fp.[/QUOTE]

Thanks :)

[QUOTE=BrettJay;40553728][IMG]http://brettjones.me/i/drafted.png[/IMG][/QUOTE]

Double thanks! :)

[Flashcat]

Working on a design just for fun, no real purpose, but if you guys have any improvements...

[t]http://puu.sh/2OOHY.png[/t]
[url]http://puu.sh/2OOHY.png[/url]

I wanted to keep it kinda simple but I'm afraid it'll look [i]too[/i] simple :v:

[KmartSqrl]

Text needs more [url=http://en.wikipedia.org/wiki/Leading]leading[/url]

[Flashcat]

Thanks, it does look cleaner with the leading.

Another thing that I can't decide is to keep the text left-aligned or justified.
I'm fairly new to this, but is there some sort of rule that if you justify one paragraph you need to justify all the paragraphs?

[Proffrink]

E-mail templates:

[t]https://www.sugarsync.com/piv/D8645038_61775078_414833[/t]

It was a struggle, but I managed to get the above to play nice with e-mail clients. It's not finished though; need to add more redundancy and some of the AA on the title images is off.

[url="https://www.sugarsync.com/piv/D8645038_61775078_402672"]Based off this .psd[/url]

[buhbang]

[QUOTE=Proffrink;40562827]E-mail templates:

[t]https://www.sugarsync.com/piv/D8645038_61775078_414833[/t]

It was a struggle, but I managed to get the above to play nice with e-mail clients. It's not finished though; need to add more redundancy and some of the AA on the title images is off.

[url="https://www.sugarsync.com/piv/D8645038_61775078_402672"]Based off this .psd[/url][/QUOTE]

neat! I should try out some email templates. I've been wanting to do that for a while.
is it all images? How does email templates work? sorry I haven't really googled this yet :v:

[KmartSqrl]

[QUOTE=jung3o;40562873]neat! I should try out some email templates. I've been wanting to do that for a while.
is it all images? How does email templates work? sorry I haven't really googled this yet :v:[/QUOTE]

Don't do it unless you have to because it's a fucking pain in the ass. You have to go back about 10 years in web tech. Tables for everything. Background images are really unreliable. If you need custom fonts they have to be images. You can [I]barely[/I] use CSS. Most of your CSS needs to be inline, and even then it won't work half the time.

Email is a hellhole haha.

[Proffrink]

The golden rule of e-mail templates, much as it pains me to say it, is tables tables tables. Tables within fucking tables.

Basically, imagine HTML from the 90s but a little worse:
- Can't properly format columns in most e-mail clients (again, tables, tables)
- In-line CSS :/
- 80% of current style attributes won't work
- No webfonts or anything CSS3 etc.

It's pretty easy to fall back on turning the whole thing into images, but if you're willing to put the effort in and battle through all the compatibility issues, then you can get a nice result without excessive use of images.

I'll show you all the source when it's a bit less messy.

[Ac!dL3ak]

I'm wondering if there's anything we can do to improve email HTML handling.

[KmartSqrl]

Nope. Not happening any time soon. Think about how long it takes enough browsers to adopt new standards for them to usable, and how few major browsers there really are. Now think about how many email clients there are (and that includes web based ones like yahoo and gmail, because those all render differently). It's going to be a long time before email clients rendering is up to date enough to do modern HTML reliably. Especially when you consider the fact that rendering html properly is not at all a main focus of email clients.

[Map in a box]

Fell in love with Twitter Bootstrap.. although it's going to be fun to make a usable interface for what I'm making

[Ac!dL3ak]

[QUOTE=Map in a box;40565057]Fell in love with Twitter Bootstrap.. although it's going to be fun to make a usable interface for what I'm making[/QUOTE]

[url]http://topcoat.io/[/url]

[Map in a box]

I prefer the look of bootstrap, neat though.

[editline]7th May 2013[/editline]

[QUOTE=KmartSqrl;40564146]Nope. Not happening any time soon. Think about how long it takes enough browsers to adopt new standards for them to usable, and how few major browsers there really are. Now think about how many email clients there are (and that includes web based ones like yahoo and gmail, because those all render differently). It's going to be a long time before email clients rendering is up to date enough to do modern HTML reliably. Especially when you consider the fact that rendering html properly is not at all a main focus of email clients.[/QUOTE]

Pretty sure thunderbird uses Gecko

[BrettJay]

[QUOTE=KmartSqrl;40559372]Double thanks! :)[/QUOTE]

You're welcome. I actually thought you were already drafted on dribbble, you certainly should have been!

[QUOTE=KmartSqrl;40563074]Don't do it unless you have to because it's a fucking pain in the ass. You have to go back about 10 years in web tech. Tables for everything. Background images are really unreliable. If you need custom fonts they have to be images. You can [I]barely[/I] use CSS. Most of your CSS needs to be inline, and even then it won't work half the time.
Email is a hellhole haha.[/QUOTE]
[QUOTE=Proffrink;40563088]The golden rule of e-mail templates, much as it pains me to say it, is tables tables tables. Tables within fucking tables.

Basically, imagine HTML from the 90s but a little worse:
- Can't properly format columns in most e-mail clients (again, tables, tables)
- In-line CSS :/
- 80% of current style attributes won't work
- No webfonts or anything CSS3 etc.

It's pretty easy to fall back on turning the whole thing into images, but if you're willing to put the effort in and battle through all the compatibility issues, then you can get a nice result without excessive use of images.

I'll show you all the source when it's a bit less messy.[/QUOTE]

I know these feels all too well. At my current job, I've had to design and implement EDMs... Was quite a learning curve - Outlook 2007 and newer utilize the Microsoft Word HTML rendering engine, which makes the whole process very painful indeed.

The markup I had to write... :suicide:

Also, since this is a WAYWO, I recently [URL="http://brettjones.me"]redesigned my portfolio[/URL] - still have a lot to add to it (If all goes well - aka I keep motivation up - I'm going to start providing free screencasts and resources). Built with [URL="http://www.bohemiancoding.com/sketch/"]Sketch 2[/URL].

[AndrewPH]

[QUOTE=Map in a box;40565291]
Pretty sure thunderbird uses Gecko[/QUOTE]

Yeah, although that's one of many clients :(

[Map in a box]

Suggestions? Mainly for private use, but I'd like it to look pretty. (I'm going to customize Bootstrap probably after this, too)

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

[Proffrink]

Just looks like Bootstrap to me right now.

What're you thinking of doing with it?

[Map in a box]

Its a web interface for my RAT i plan on using over LAN or something to manage computers from ways away. I wanted a clean interface and bootstrap made it really easy to make one that looked atleast moderately pretty