Hey there, lads. I'm working on a small personal project at the moment, and I have a lot of second thoughts about how I code the site. Basically, I always used a ton of DIV elements to maintain order and to display the page (with float included, of course). But I'm wondering if there would be a more efficient way. Or a cleaner way. I don't know how to phrase it right. So, here's what my index file looks like at the moment: (don't mind the alt names. It's in a foreign language) The result is as follows: This would be the front page of the website from where you can choose where to go (photography, literature, Facebook page, news, forum, etc...). I would be grateful for any information on how to improve it. It doesn't have to be something spectacular (I thought of doing the hover effect on every "buttton"), just efficient and clear. Thanks in advance, Sacrive! P.S. The size of the front page is fitted for 1366x768 screens (which is 31% of the users according to websitedimensions.com). It's rather small on my screen, still thinking of making it adapt to screen size. Have to figure out how.
That "mosaic" effect is exactly the type of thing I refer to as "Not viable for web deployment" -- it's artsy fartsy crap that has so many problems like the complete lack of consistent screen sizes, no practical way to re-arrange it for different displays (since mobile displays are a reality now), much less how is it going to gracefully degrade when images or layout is disabled? You've got a bunch of images, no actual text content (the only thing screen readers and search engines use), a mess of ID's and DIV for christmas only knows what... Have you ever noticed that you don't see successful websites using design concepts like this? Yeah, there's a reason for that. This REEKS of being put together by an artist instead of someone who understands what a website is, how to build one, or how to deliver content to users. I'd pitch it in the trash and start over from scratch; there is NO way I'd deploy ANY of those concepts on a production website.
Well, that's what I've been thinking all day long. The problem is to decide whether I want to go for the classical top+left navigation design or try something else. I guess I need to check out some website design trends and see for myself what could be good looking, yet efficient.
Defiantly make your website responsive so it works for all screen sizes. Maybe look into learning bootstrap. Once you have the grasp of it you can build sites very fast and easily, they are responsive and have the latest for coding and SEO.