Hey guys!
WE FINALLY LAUNCHED OUR NEW WEBSITE ;D
http://www.ninjabyte.eu/
I designed and programmed it and then made a design for the razor CMS out of it.
The CMS used has been heavily customized by me and does now perfectly fit our needs.
Looks great! Much better than the original concept you put on IRC a few days ago :P
Love it! I also enjoyed seeing the changes made by other suggestions!
I saw some early concepts but had no time to reply. I like this new version much better, though. My only suggestion would be to make the green a bit darker, but not too much. The white text on green is a little hard to read.
That's a pretty nice site you have here, I guess the tips I gave you proved useful.
Indeed, that looks quite amazing!
Looking good. A couple suggestions :
- this green is contrasty enough behind white, which makes the smaller text on the right less readable
- CSS doesn't have as much of a 1337 factor than a programming language, you should change that pic :P
- the breadboard picture isn't cropped properly, I only see the wires and the multimeter in the background
Thanks :)
Quote from: Streetwalrus on October 15, 2015, 06:45:19 AM
Looking good. A couple suggestions :
- this green is contrasty enough behind white, which makes the smaller text on the right less readable
- CSS doesn't have as much of a 1337 factor than a programming language, you should change that pic [emoji14]
- the breadboard picture isn't cropped properly, I only see the wires and the multimeter in the background
Well about the green I might look into it, though the main site contents are readable. I might add some contrast here.
Well I will add additional images but as I like the CSS one I will keep it.
The images are cropped for you, right, because this is done right in the browser to fill as much as possible. The image doesn't stretch on different resolutions. I can't change anything here.
Love how this looks great even without any pesky javascript.
Quote from: utz on October 15, 2015, 09:52:40 AM
Love how this looks great even without any pesky javascript.
Yea I haven't used any JavaScript for the site at all, only CSS3. The only JavaScript on the site is for the blog cms.
Quote from: DarkestEx on October 15, 2015, 09:41:08 AM
The images are cropped for you, right, because this is done right in the browser to fill as much as possible. The image doesn't stretch on different resolutions. I can't change anything here.
I suppose with a CSS transform you can move the image up.
Quote from: Streetwalrus on October 15, 2015, 10:23:47 AM
Quote from: DarkestEx on October 15, 2015, 09:41:08 AM
The images are cropped for you, right, because this is done right in the browser to fill as much as possible. The image doesn't stretch on different resolutions. I can't change anything here.
I suppose with a CSS transform you can move the image up.
Well the images are for some reason also changing in height (I don't remember why I did that), so I ended up centering it.
I think I can just leave the sides long
Another option would be to make another photo with a closer view of the breadboard, this way it will be centered and look good.
Now to find a way to make CW theme look decent under the Ninjabytes colors in the Microcat subforum... I think that it will just be some small changes involving mostly the green background and bars, though. It also depends if Street prefers that that sub-forum simply uses extra CSS that overrides the default, but I would prefer that he doesn't use any javascript for such thing.
CSS itself allows easy overriding without any JavaScript. I can come up with an overriding stylesheet quite easily.
Quote from: DJ Omnimaga on October 19, 2015, 05:44:07 AM
Now to find a way to make CW theme look decent under the Ninjabytes colors in the Microcat subforum... I think that it will just be some small changes involving mostly the green background and bars, though. It also depends if Street prefers that that sub-forum simply uses extra CSS that overrides the default, but I would prefer that he doesn't use any javascript for such thing.
Nah only a minor PHP edit is required (unless smf allows loading a stylesheet for specific subforums).
It does, but I'm unsure if an entire style sheet just for a sub-forum is really worth it.
Oh you have to use a completely different theme ? Sucks ass.
Quote from: Streetwalrus on October 19, 2015, 09:00:05 PM
Oh you have to use a completely different theme ? Sucks ass.
Huh, what is going on ???
I thought we just change some colors?
Also I added some more header images to the site. Feel free to check them out ;)
I meant the SMF feature.
Yeah the SMF feature for custom board themes involves using a different theme for said sub-forum. I wouldn't be surprised if it was possible to set the theme to load extra CSS when accessing certain sub-forums in particular, though, and make that CSS override the standard one (via the !important command?)
Also DarkestEx I like the new images. :) Only one problem, though: Image #2 is 781 KB large and #4 is a bit over 600 KB. That could be a problem for people browsing your website using mobile data plan. Perhaps those could be compressed harder or made smaller in size?
I really like the new images, and also recommend a responsive/mobile design, as the site looks bad on phones.
Still really great work :)
Quote from: DJ Omnimaga on October 20, 2015, 03:50:46 AM
Yeah the SMF feature for custom board themes involves using a different theme for said sub-forum. I wouldn't be surprised if it was possible to set the theme to load extra CSS when accessing certain sub-forums in particular, though, and make that CSS override the standard one (via the !important command?)
That's what. I'm suggesting in fact.
Quote from: DJ Omnimaga on October 20, 2015, 03:50:46 AM
Yeah the SMF feature for custom board themes involves using a different theme for said sub-forum. I wouldn't be surprised if it was possible to set the theme to load extra CSS when accessing certain sub-forums in particular, though, and make that CSS override the standard one (via the !important command?)
Also DarkestEx I like the new images. :) Only one problem, though: Image #2 is 781 KB large and #4 is a bit over 600 KB. That could be a problem for people browsing your website using mobile data plan. Perhaps those could be compressed harder or made smaller in size?
Yes I think that I should compress them some more. Also I might enable gzip compression for them, but I am not sure about that, though I don't think it matters on a PC with normal internet access. Does it?
Quote from: Max Leiter on October 20, 2015, 03:54:44 AM
I really like the new images, and also recommend a responsive/mobile design, as the site looks bad on phones.
Still really great work :)
Thanks :)
I am not sure if a mobile theme really is required as the site is generally nothing you want to view on a mobile device.
Its intended to be used on a PC, as I don't know what one would do with it on a PC.
I like to browse docs and source code with my phone when I'm not home (for my random research) as I don't have a laptop.
Quote from: Streetwalrus
I like to browse docs and source code with my phone when I'm not home (for my random research) as I don't have a laptop.
Ah I see. Well as we will publish the API documents and the app store on that site, I guess that I will look into making a mobile version of the site.
I think that I will make it either using cookies or by user agent string via php.
This way I could also send different sized images depending on what the user wants.
Other advantage : Google rankings favor sites with a responsive stylesheet.
Quote from: Streetwalrus on October 20, 2015, 09:37:40 AM
Other advantage : Google rankings favor sites with a responsive stylesheet.
Alright good to know.
I will certainly do it using PHP now - no JavaScript for sure.
Well its good to have it in a mobile version too regarding that I am always using the WAP2 version of CodeWalrus when I am on the go (I really like the WAP2 version, but it lacks a quote function so i always have to do it using bbcode myself).