• Web Development - WAYWO - #8
    5,576 replies, posted
[QUOTE=BeatAlex;44621788]Definitely prefer the lighter colour scheme. But now the code looks like it's one file of code rather than two seperate snippets (Like the PHP code is running after the </html> tag), but is missing <?php opening tags. So my opinion is to move it back to the right just maybe not slanted.[/QUOTE] 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". [QUOTE=Killervalon;44621823]I don't really like the background at all, also I don't like how it's asymmetrical[/QUOTE] 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=Svenskunganka;44620050]Definitely looks better with a 20px bottom margin for the smaller screens. Thanks for the input! Moofy suggested aswell that I should go with a lighter background, so I'll play around with different backgrounds and see if I can get something together that blends along better. [editline]23rd April 2014[/editline] Found a brighter background pattern, how does it look? I don't really have an eye for art. Also removed the rotated background "code" and repositioned it. [t]http://puu.sh/8jPpC.png[/t][/QUOTE] I was more along the lines of suggesting you re-envision the background altogether.
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.
What does that background look like at a smaller resolution?
Well.. Here you go. Old version though. :/ Anime streaming site. [IMG]http://puu.sh/2M19U[/IMG]
Make it look less like bootstrap. Something simple like removing gradients and rounded corners in form elements can do wonders.
[QUOTE=Svenskunganka;44620050] Found a brighter background pattern, how does it look? I don't really have an eye for art. Also removed the rotated background "code" and repositioned it. [t]http://puu.sh/8jPpC.png[/t][/QUOTE] Using a copyrighted character you didn't make as your logo probably isn't the best idea
[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.
Sorry, you need to Log In to post a reply to this thread.