Web Development - WAYWO - #8 - Developers

[QUOTE=Mega1mpact;44625293]Make it look less like bootstrap. Something simple like removing gradients and rounded corners in form elements can do wonders.[/QUOTE] I'll take that into consideration. Thanks for the information and feedback.

[QUOTE=Rayz;44624756]Well.. Here you go. Old version though. :/ Anime streaming site. [IMG]http://puu.sh/2M19U[/IMG][/QUOTE] Are you challenging me? >:D (I've been going for over 1 year now though)

[QUOTE=xmariusx;44625375]Are you challenging me? >:D (I've been going for over 1 year now though)[/QUOTE] challenging you to what ? >:3

ANImeEE OFF kekekeKAKEk! =^.^= mow xD

[QUOTE=Rayz;44625395]challenging you to what ? >:3[/QUOTE] [url]https://animetwist.net/[/url]

[QUOTE=xmariusx;44625573][url]https://animetwist.net/[/url][/QUOTE] i went to your site and none of the videos work on firefox chrome works fine though

[QUOTE=xmariusx;44625573][url]https://animetwist.net/[/url][/QUOTE] HueHue. That's a pretty lovely site you got there. <3 :3 Gonna use it for streaming some of the animes I've yet to watch. Chu Chu. :3

[IMG]http://i.imgur.com/e1oNckU.png[/IMG] Nope

[QUOTE=Eric95;44625659]i went to your site and none of the videos work on firefox chrome works fine though[/QUOTE] That's weird, considering my co-working is using firefox exclusively. If you get any errors, please send them to me? :)

[QUOTE=Eric95;44625659]i went to your site and none of the videos work on firefox chrome works fine though[/QUOTE] I think you just have to click on the video, even though it's just black screen.

[QUOTE=Rayz;44625741]I think you just have to click on the video, even though it's just black screen.[/QUOTE] If I do, then this happens: [IMG]http://i.imgur.com/QA93PyS.png[/IMG]

[QUOTE=Eric95;44625765]If I do, then this happens: [IMG]http://i.imgur.com/QA93PyS.png[/IMG][/QUOTE] Weird, that mean the video failed to load, or you got an extremly slow internet connection :v

[QUOTE=Eric95;44625765]If I do, then this happens: [IMG]http://i.imgur.com/QA93PyS.png[/IMG][/QUOTE] [URL="http://gfycat.com/BossyJitteryCony"]If you click after that some times, it'll start loading.[/URL] The biggest problem right now is that it doesn't have any pre-loading indicator, so it spends time without showing anything and with no way for the user to know that it is, indeed, loading. [editline]23rd April 2014[/editline] It doesn't have Play/Pause indicator either, which is quite annoying as you don't know whether it's not loading, or you have it paused.

I'll make sure you can't click the video before it's loaded properly, and of course give goos user feedback to when you can't, and when you can start playing. Thanks for the feedback :)

[QUOTE=xmariusx;44625787]Weird, that mean the video failed to load, or you got an extremly slow internet connection :v[/QUOTE] That same video works just fine in Chrome.

I'm currently working on a website for my "hope to be" community. I'm horrible at webdesign as I'm a programmer (I know, not all programmers are, I am). I'm having trouble finding a font that both looks good, but also makes my website look less like bootstrap. As you can see, I got rid of the rounded corners as I get way too annoyed by them. I'd like to get some feedback, aswell as "suggestions". I'll be posting more screenshots once I have more to show. I plan to make this website entirely in bootstrap, but obviously modified. Is there any clever way of applying this font to all items in the navbar? If I just define it in the "navbar-nav" class, it'll not use that for the <a> inside the navbar. [t]http://i.imgur.com/i5Qh3ta.png[/t] On a side note, the "Frivolous Fun" in the top of the website will be replaced with a logo, once we've got that done. (I know it's very simple as it is right now. I want to make sure I'm doing fine before I'm starting to continue doing everything like this)

[QUOTE=Cyberuben;44626704]I'm currently working on a website for my "hope to be" community. I'm horrible at webdesign as I'm a programmer (I know, not all programmers are, I am). I'm having trouble finding a font that both looks good, but also makes my website look less like bootstrap. As you can see, I got rid of the rounded corners as I get way too annoyed by them. I'd like to get some feedback, aswell as "suggestions". I'll be posting more screenshots once I have more to show. I plan to make this website entirely in bootstrap, but obviously modified. Is there any clever way of applying this font to all items in the navbar? If I just define it in the "navbar-nav" class, it'll not use that for the <a> inside the navbar. [t]http://i.imgur.com/i5Qh3ta.png[/t] On a side note, the "Frivolous Fun" in the top of the website will be replaced with a logo, once we've got that done. (I know it's very simple as it is right now. I want to make sure I'm doing fine before I'm starting to continue doing everything like this)[/QUOTE] Set font-family for the navbar class, however I rarely tackle it like this for my own projects. Should work fine though. [editline]23rd April 2014[/editline] Oops sorry I can't read apparently, have you tried setting the body font to something and see if it'll override it all even the a tags?

[QUOTE=Moofy;44626877]Set font-family for the navbar class, however I rarely tackle it like this for my own projects. Should work fine though. [editline]23rd April 2014[/editline] Oops sorry I can't read apparently, have you tried setting the body font to something and see if it'll override it all even the a tags?[/QUOTE] If I set the body font it does not override everything, no.

[QUOTE=Svenskunganka;44621939] [B]Anyway, here's the final design of it atleast, for those of you who want to check the source:[/B] [url]http://svenskunganka.com/[/url][/QUOTE] I think you should fiddle around some more to make a more modern design. The title seems.. just weirdly placed? also everything is text-align center, which kinda annoys me because of the way it's setup. Anyways, try using [code] -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; [/code] IMO I think it improves how it looks. Also remove the text-shadow from your code part.

[QUOTE=Killervalon;44626981]I think you should fiddle around some more to make a more modern design. The title seems.. just weirdly placed? also everything is text-align center, which kinda annoys me because of the way it's setup. Anyways, try using [code] -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; [/code] IMO I think it improves how it looks. Also remove the text-shadow from your code part.[/QUOTE] Handy ass lines, will remember [editline]23rd April 2014[/editline] [QUOTE=Cyberuben;44626929]If I set the body font it does not override everything, no.[/QUOTE] Weird, it does for me. SOMETHING IS UP

[QUOTE=Moofy;44627005]Handy ass lines, will remember [editline]23rd April 2014[/editline] Weird, it does for me. SOMETHING IS UP[/QUOTE] Just shut down my PC. Will try again tomorrow, maybe it had to do with something else, noticed I had an old stylesheet in the .html. Though, anyone here who's got an artistic vision of 2 fonts that go along well together? I'm tryign to get a "flat" but also very "clean" look for my website, and I want to use two different fonts for content and titles.

[QUOTE=BeatAlex;44622394]Looks better, it bugs me though that the syntax highlighting is different to the background image. For example, const ENGINE has red then blue in the background, but blue then red in the syntax highlighter.[/QUOTE] The syntax highlighting still follows the Monokai theme, while the background color is a bit brighter. [QUOTE=Spero78;44623650]What does that background look like at a smaller resolution?[/QUOTE] Sony Xperia Z1 [url]http://puu.sh/8kQGe.jpg[/url] Samsung Galaxy Note 10.1 Horizontal: [url]http://puu.sh/8kQUR.jpg[/url] Vertical: [url]http://puu.sh/8kQVl.jpg[/url] (If that's what you mean?) [QUOTE=:awesome:;44625350]Using a copyrighted character you didn't make as your logo probably isn't the best idea[/QUOTE] You are right, I am planning to replace the image with an image of myself, but as I don't have any good one in my latest days, maybe this'll do for the moment! [t]http://puu.sh/8kRGm.jpg[/t] [sp]I always wanted to be a fireman... But on a serious note, I should probably get a picture taken sometime soon.[/sp] [QUOTE=Killervalon;44626981]I think you should fiddle around some more to make a more modern design. The title seems.. just weirdly placed? also everything is text-align center, which kinda annoys me because of the way it's setup. Anyways, try using [code] -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; [/code] IMO I think it improves how it looks. Also remove the text-shadow from your code part.[/QUOTE] Do you mean the title "Tom Jordell -- Web Developer and System Administrator" or the "Hello And Welcome"? Certainly the text looks sharper and easier to read with that! Thank you very much! What text shadow are you referring to? I haven't set any text shadow in the CSS. [editline]24th April 2014[/editline] Also, I'm completely self-taught in programming, so it feels really bad that I can't put anything on my résumé under education. Any advice on what I can put under education instead of just "self-taught"?

[QUOTE=Svenskunganka;44627787]Do you mean the title "Tom Jordell -- Web Developer and System Administrator" or the "Hello And Welcome"? Certainly the text looks sharper and easier to read with that! Thank you very much! What text shadow are you referring to? I haven't set any text shadow in the CSS. [/QUOTE] I see [I]Hello and Welcome![/I] as the only title there. prism.css [code] code[class*="language-"], pre[class*="language-"] { text-shadow: 0 1px rgba(0,0,0,0.3); } [/code] I personally think the site is a bit too wide as well.

[QUOTE=Killervalon;44630151]I see [I]Hello and Welcome![/I] as the only title there. prism.css [code] code[class*="language-"], pre[class*="language-"] { text-shadow: 0 1px rgba(0,0,0,0.3); } [/code] I personally think the site is a bit too wide as well.[/QUOTE] Maybe he likes the text shadow. No need to remove it if that's what he wants :v:

[QUOTE=Svenskunganka;44621939]In my opinion, the background looked really bad when the html was on the right side. Maybe I can toy around and add something behind each block of code, to mimic it's their own respective "file". We all have our personal opinions about things. I'm personally very happy with the background, I wanted it to illustrate some things that I'm dedicated to. I am happy for your feedback, but I can't satisfy everyone because we all have different opinions. Maybe you could append your feedback and tell me why you are dissatisfied with the background? [B]Anyway, here's the final design of it atleast, for those of you who want to check the source:[/B] [url]http://svenskunganka.com/[/url][/QUOTE] Sorry but the background just seems pretentious. At least have something to show off, it just looks like you have copy pasted some code there. If it doesn't impress that other guy specifically telling you to change it and doesn't impress me then there is a good change it won't impress potential employers. And the background is a high res image? Would it not be better having it as HTML? Seeing how, you know, you have the exact same thing in HTML on the same page. Also the border on the side edges of the main div is different from the border on the bottom, is that intentional? As a very very minor point; your code formatting have a comment beginning with // spanning 2 lines, with the second line marked as line 2. I know its just the formatting but if its wrong on my laptop then chances are the same issue will occur elsewhere. edit: I think I might have some over as too aggressive, I don't mean to be harsh, just trying to give you some criticism.

[QUOTE=mdeceiver79;44630339]Sorry but the background just seems pretentious. At least have something to show off, it just looks like you have copy pasted some code there. If it doesn't impress that other guy specifically telling you to change it and doesn't impress me then there is a good change it won't impress potential employers. And the background is a high res image? Would it not be better having it as HTML? Seeing how, you know, you have the exact same thing in HTML on the same page. Also the border on the side edges of the main div is different from the border on the bottom, is that intentional? As a very very minor point; your code formatting have a comment beginning with // spanning 2 lines, with the second line marked as line 2. I know its just the formatting but if its wrong on my laptop then chances are the same issue will occur elsewhere. edit: I think I might have some over as too aggressive, I don't mean to be harsh, just trying to give you some criticism.[/QUOTE] Sorry that it doesn't impress you, but as this is my first site, I'm happy with the result. For the code part, it's because you have a smaller screen. When copy pasting the code inside to a text editor, it won't span 2 lines. Either way, that's not supposed to be on the front-page. It's part of [URL="http://prismjs.com/"]prism.js[/URL] which I will use myself of when creating tutorials under the tutorials section. It is simply just there for the moment whilst I play around with the syntax highlighting of prism. I am happy with the design and outcome of it, so I call the design part done. I'm happy for all the feedback and inputs.

[QUOTE=Cyberuben;44626704]I'm currently working on a website for my "hope to be" community. I'm horrible at webdesign as I'm a programmer (I know, not all programmers are, I am). I'm having trouble finding a font that both looks good, but also makes my website look less like bootstrap. As you can see, I got rid of the rounded corners as I get way too annoyed by them. I'd like to get some feedback, aswell as "suggestions". I'll be posting more screenshots once I have more to show. I plan to make this website entirely in bootstrap, but obviously modified. Is there any clever way of applying this font to all items in the navbar? If I just define it in the "navbar-nav" class, it'll not use that for the <a> inside the navbar. [t]http://i.imgur.com/i5Qh3ta.png[/t] On a side note, the "Frivolous Fun" in the top of the website will be replaced with a logo, once we've got that done. (I know it's very simple as it is right now. I want to make sure I'm doing fine before I'm starting to continue doing everything like this)[/QUOTE] I think your design isn't bad but needs more variety, it's way too uniform. Also make sure to include the "Powered by Steam." line into your footer or somewhere, as required by the Steam TOS.

[QUOTE=Khub;44631513]I think your design isn't bad but needs more variety, it's way too uniform. Also make sure to include the "Powered by Steam." line into your footer or somewhere, as required by the Steam TOS.[/QUOTE] Any tips? I'm horrible at designing, so that's why I rely on editing bootstrap. This is just going to be the "login" page, but I'm planning to make a 2-column forum display (like on Facepunch, when your screen is wide enough) and such. Will let you know once I have more to show. Still looking for (a) nice font(s) though.

[QUOTE=Cyberuben;44631578] Still looking for (a) nice font(s) though. [/QUOTE] Have a look at [URL="http://typespiration.com/"]Typespiration[/URL]

[QUOTE=Moofy;44631841]Have a look at [URL="http://typespiration.com/"]Typespiration[/URL][/QUOTE] [url="http://www.fontsquirrel.com/"]Fontsquirrel[/url] is nice too.