Web Development - WAYWO - #8 - Developers

An actually good looking bootstrap customization. Job well done!

[QUOTE=TerabyteS_;41840722]Should I make it loop? Not sure how it'd look though.[/QUOTE] Could make it pick random directions to scroll in horizontally and vertically and then make it change directions when it hits an edge or something? I'm not sure the best fix for it, it feels awesome when it's moving, but makes it feel like the site is clunky and really loses that clean smooth feel you've got going on when it starts to slow down more towards the end.

[QUOTE=TerabyteS_;41840722]Should I make it loop? Not sure how it'd look though.[/QUOTE] Try making it loop up and down at the same speed, see how that looks.

[QUOTE=KmartSqrl;41840931]Could make it pick random directions to scroll in horizontally and vertically and then make it change directions when it hits an edge or something? I'm not sure the best fix for it, it feels awesome when it's moving, but makes it feel like the site is clunky and really loses that clean smooth feel you've got going on when it starts to slow down more towards the end.[/QUOTE] I could make it loop back by changing directions maybe, yeah.

Move one direction, wait a few seconds, then move back. Would look nicer than just "bouncing" back imo.

[QUOTE=KmartSqrl;41837132]Doing extra work to support Opera is a waste of time. One of the websites I have google analytics data access to has 15 out of 11,387 visits using Opera in the last month. That's 0.1% of visitors. [editline]14th August 2013[/editline] Currently working on improving the conversion optimization system that I built to support tracking conversion rates for multiple goals on the website for each test. As an example, we are currently running tests to see how changing the first order welcome discount amount ($10, $15, or $25 off your first order on the site) effects signup rates, but we also want to be able to see what impact that has on conversions to a successful sale, and the current system can only track one goal per test. That will no longer be a problem! This is a fun tool to work on :)[/QUOTE] Given that Opera has now switched to Chrome's Blink Engine, I don't think it matters any more. But due to the retarded user agent string: [QUOTE]Mozilla/5.0 (Windows NT 6.2; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/30.0.1566.2 Safari/537.36 OPR/17.0.1224.1 (Edition Developer)[/QUOTE] Facepunch thinks I'm using Chrome when I'm using Opera.

Hey guys, I'm really looking for some new opportunity to learn to code. I would like to go deeply into javascript and front-end, I know html5 basics and stuff and can make designs & working websites. Or then I could go some back-end ruby stuff, what would you recommend to learn?

[thumb]http://ezyimg.com/b67K9F[/thumb] I tried telling my teacher about the numerous leaks in his code. I put a lot of emphasis on the SQL injection, but he didn't care.

[QUOTE=Darkwater124;41841439]Move one direction, wait a few seconds, then move back. Would look nicer than just "bouncing" back imo.[/QUOTE] There's no way to make it wait before bouncing in pure css, but I tried making it bounce off directly and, aside from it looking like one of those flash animations, it also got me very dizzy :v: [editline]15th August 2013[/editline] [QUOTE=kragmars102;41844899][thumb]http://ezyimg.com/b67K9F[/thumb] I tried telling my teacher about the numerous leaks in his code. I put a lot of emphasis on the SQL injection, but he didn't care.[/QUOTE] Dumb teacher; deserved it.

[QUOTE=TerabyteS_;41845213]There's no way to make it wait before bouncing in pure css, but I tried making it bounce off directly and, aside from it looking like one of those flash animations, it also got me very dizzy :v: [editline]15th August 2013[/editline] Dumb teacher; deserved it.[/QUOTE] Can't you have something like this in the animation? 0% { left: 0%; } 5% { left: 0%; } 45% { left: 100%; } 55% { left: 100%; } 95% { left: 0%; } 100% { left: 0%; } [editline]15th August 2013[/editline] Unless you do the animation differently

[QUOTE=cyber_cam34;41830539]You have used both a footer and infinite scrolling, try viewing the footer on the main page. Your logo has a border, your header on the youtube page has drop shadow which is inconsistent. Logo and header have different fonts. There is a pointless and annoying page load animation. The font size for the boxes is way to small. Some images in the boxes have a non white background, which makes it inconsistent. You've mixed adds with the main content. Just put them on the side.[/QUOTE] Thanks a lot! [I]You have used both a footer and infinite scrolling, try viewing the footer on the main page.[/I] - I made the footer fixed to the bottom of the page. I think this is a lot better. [I]Your logo has a border, your header on the youtube page has drop shadow which is inconsistent.[/I] - I added a drop shadow to the logo, but I don't think it looks very good. What do you think? [I]Logo and header have different fonts [/I] - I don't think this is so much of a problem. Right? [I]The font size for the boxes is way to small[/I] - Increased. [I]There is a pointless and annoying page load animation.[/I] - I removed it for the navigation and footer but I think it looks really nice on the actual content. [I]Some images in the boxes have a non white background, which makes it inconsistent[/I] - They weren't supposed to have white backgrounds in the first place. Does this aspect really matter? [I]You've mixed adds with the main content. Just put them on the side.[/I] - I think that what I'm doing with the ads is a pretty good idea. If it's that much of a problem, tell me and I'll take it away. Please correct me if I'm wrong. Thanks again. [url]http://pointlesslybored.com/[/url] EDIT: Oh yeah, I also added a voting system. How does that look and feel?

[QUOTE=Coffeee;41846611] Oh yeah, I also added a voting system. How does that look and feel?[/QUOTE] The overlay fades in way to slow, and I miss a (clear) way to unvote.

[t]http://i.imgur.com/VbzDNCe.png[/t] Making a loading screen for a friend's TTT server. For anyone who might remember, the styles are pretty much stolen from the first Minecon website. I do however get a distaste for this design. Can't really come up with anything better plus the CSS is a mess. What do I do here?

[QUOTE=miceiken;41848464][t]http://i.imgur.com/VbzDNCe.png[/t] Making a loading screen for a friend's TTT server. For anyone who might remember, the styles are pretty much stolen from the first Minecon website. I do however get a distaste for this design. Can't really come up with anything better plus the CSS is a mess. What do I do here?[/QUOTE] Look for new design inspiration and scrap the CSS?

[QUOTE=kragmars102;41844899][thumb]http://ezyimg.com/b67K9F[/thumb] I tried telling my teacher about the numerous leaks in his code. I put a lot of emphasis on the SQL injection, but he didn't care.[/QUOTE] Oh god brings back memories of me finding an exploit( involving full database access ) with the school grading system and they not doing a damn thing about it

[QUOTE=Darkwater124;41847389]The overlay fades in way to slow, and I miss a (clear) way to unvote.[/QUOTE] I made the overlay instant and you can now unvote by clicking the 'Voted!' button again. Thanks.

[URL="http://benbristow.github.io/memorableinfo/index.html"][IMG]http://gyazo.com/561f605157b894a14ef0d0dd39e81a64.png[/IMG][/URL] [url]http://benbristow.github.io/memorableinfo/index.html[/url] Made a little javascript app thing to assist with bank's online-banking systems that use 'memorable' information.

[QUOTE=benbb;41850344][URL="http://benbristow.github.io/memorableinfo/index.html"][IMG]http://gyazo.com/561f605157b894a14ef0d0dd39e81a64.png[/IMG][/URL] [url]http://benbristow.github.io/memorableinfo/index.html[/url] Made a little javascript app thing to assist with bank's online-banking systems that use 'memorable' information.[/QUOTE] Could you do it whenever a new letter is typed so that you don't have to click a button?

[QUOTE=AndrewPH;41850524]Could you do it whenever a new letter is typed so that you don't have to click a button?[/QUOTE] Yeah, done that now. Should work whenever GitHub decides to update.

[QUOTE=Darkwater124;41846133]Can't you have something like this in the animation? 0% { left: 0%; } 5% { left: 0%; } 45% { left: 100%; } 55% { left: 100%; } 95% { left: 0%; } 100% { left: 0%; } [editline]15th August 2013[/editline] Unless you do the animation differently[/QUOTE] Oh, yeah. I'll give that a try.

[QUOTE=Sharpshooter;41803758]So the [URL="www.webflow.com"]Webflow[/URL] beta is out, and I am very impressed at the moment! My testing has been very limited but it seems to produce very clean code, I think this is definitely the path that web markup development will take in the future and I am on board for sure![/QUOTE] Thanks for sharing this, those guys know what they're doing. I think I'll start a little project on it soon.

[QUOTE=Sharpshooter;41803758]So the [URL="www.webflow.com"]Webflow[/URL] beta is out, and I am very impressed at the moment! My testing has been very limited but it seems to produce very clean code, I think this is definitely the path that web markup development will take in the future and I am on board for sure![/QUOTE] Played with it a little bit and didn't really like it, it's a step in the right direction, and definitely better than what's out there right now, but it felt clunky and I felt like I was fighting it more than necessary to get things done.

Yeah, I have to admit I have greater anticipation for Macaw. But I am just happy to finally see that there is tangible progress being made with WYSIWYG applications for web development.

[QUOTE=Sharpshooter;41860688]Yeah, I have to admit I have greater anticipation for Macaw. But I am just happy to finally see that there is tangible progress being made with WYSIWYG applications for web development.[/QUOTE] Definitely. I'm actually surprised it's taken this long to be honest. It's not necessarily an [I]easy[/I] problem to solve, but front end development is formulaic enough that algorithms to write code that's not shit definitely are achievable (as we are finally starting to see). I really want macaw to spit out SCSS/SASS as well.

I applied for a web design apprenticeship a month or so ago. I went through the interview process and sadly didn't get the job (although, I was their second choice - every cloud eh?). I think that the reason I didn't get the job was because I didn't have much to show for myself, so I decided I'd make a generic web hosting template for future applications and interviews. This is what I've come up with so far, I'd like you all to look at the HTML/CSS and tell me if I'm doing anything wrong... I feel like I'm bodging a lot of things and that there's probably better ways to do it. I like to think that I'm good at designing things but my actual execution could improve. [t]https://dl.dropboxusercontent.com/u/5003648/7/capture.PNG[/t] [url]https://dl.dropboxusercontent.com/u/5003648/7/index.html[/url] (Live Example) Here's what I've got so far, only been at it for an hour or two. I just thought I'd post something before I go to bed.

[QUOTE=zerosix;41865590]I applied for a web design apprenticeship a month or so ago. I went through the interview process and sadly didn't get the job (although, I was their second choice - every cloud eh?). I think that the reason I didn't get the job was because I didn't have much to show for myself, so I decided I'd make a generic web hosting template for future applications and interviews. This is what I've come up with so far, I'd like you all to look at the HTML/CSS and tell me if I'm doing anything wrong... I feel like I'm bodging a lot of things and that there's probably better ways to do it. I like to think that I'm good at designing things but my actual execution could improve. [t]https://dl.dropboxusercontent.com/u/5003648/7/capture.PNG[/t] [url]https://dl.dropboxusercontent.com/u/5003648/7/index.html[/url] (Live Example) Here's what I've got so far, only been at it for an hour or two. I just thought I'd post something before I go to bed.[/QUOTE] Bad luck on the apprenticeship. Anyway, I'm using chrome and the font that is shown in the picture doesn't display. Maybe it's just me. I think adding a background image to the blue bit, darkening the buttons and possibly making the menu font a little bigger would look nice. Like so: [IMG]http://i39.tinypic.com/6dvllz.png[/IMG] (Background image is unrelated)

Ah yeah, the font is Droid Sans. It's set up to download it but because I'm using Dropbox to preview it I guess it isn't doing it properly. I'll use Google web fonts or something from now on if need be.

[IMG]http://screencloud.net//img/screenshots/aaeb0745078a62a4f1d9e67226f3a307.png[/IMG] Looks horrid from my end. HTML and CSS look alright though. Could do with making it responsive though, since the navigation links disappear if I make my browser window narrower.

How are you handling the full-width image resizing on your site terrabyte? I've always had problems with that in bootstrap. I've always had trouble with gutter space also

[QUOTE=Sean C;41870140]How are you handling the full-width image resizing on your site terrabyte? I've always had problems with that in bootstrap. I've always had trouble with gutter space also[/QUOTE] For the image, I use background-size: cover. I also have a fallback as background-size: 100% which should cover older versions of IE.