On Sat, 18 Jan 2014 11:12:24 -0600
Israel <israel@xxxxxxxxxx> wrote:
On 01/18/2014 09:58 AM, William wrote:
The website so far. Pardon the graininess of the top left logo. I woke
up early with an idea that led to a series of major overhauls and I
was burnt out by the time I got that far. But as promised, I am
putting this up today. You will also notice the text in the navigation
is slightly out of alignment. Perfectly fixable, but I wanted to get
this up while I had the chance since I'm sure if I will be around to
mess with it anymore today.
All of the pages currently have the same content. Real content,
especially for the front page, is on the way - I just needed a place
holder. Also pardon the Latin placeholder text.
All of the items in the navigation are placeholders. While a few of
them are a must, we need to determine what sub pages we actually need.
This will determine the actual content that needs developed.
I have tested the site in Chrome, Firefox, and Midori at
1600x900(16:9), 1280x1024(5:4) and 1280x960(4:3)
As it stands, the navigation vertically stacks itself if the window
becomes to small.
Keep in mind:
We also have a documentation wiki at wiki.torios.org and a forum at
forums.torios.org/index.php. If we are going to be using the forums I
am not yet sure if I am going to create a but as an external link up
with the social media icons, or directly integrate it into the
website, and therefor navigation. If we go with the forums we will
need moderators.
Here you go:
http://www.torios.org/test/demo/index.html
The text in the table doesn't scale when on smaller sizes.
You should fix that in the CSS.... (though I personally don't like
tables... I usually use height/width percentages for divs and float: left; )
Since I don't like tables, I would have done the list as CSS buttons in
an anchor. And done some a:hover{//color effect}
It also seems better to me to use responsive techniques in the padding
and font size. (i.e padding: 2% 2% 1% 1%; font-size: large;)
Of course you need to make it work for IE also, so you may already have
a plan to do this stuff....
Unless you are using something for mobiles instead. If you are doing it
you should also include the scalable part:
<meta name="viewport" content="width=device-width, initial-scale=1.0,
maximum-scale=2.0, user-scalable=yes" />
And maybe the:
<link rel="apple-touch-icon-precomposed" sizes="144x144"
href="apple-touch-icon-144x144-precomposed.png">
and
<link rel="apple-touch-icon-precomposed"
href="apple-touch-icon-precomposed.png">
types for the mobile users.
Also, I think using SVG would be better than png for web graphics,
though again there are those browser caveats like Opera Mini, the ever
problematic IE, etc...
There is also modernizer, that you may also be planning to implement in
the future...
I am sure you are already thinking about these things, and getting ready
to implement it, so I am not trying to point out the obvious. Just gave
you my few quick thoughts... Oh and sharethis.com has a nice social
media script that also lets you gather some info back about the traffic
statistics though you may prefer to use your own stuff :)
Sorry my e-mail is so nit-picky, I know you just made this and the
overall design looks great. I like the colors you used, and the way you
laid everything out. So just take my blurb with a grain of salt as you
obviously know what you are doing and made it look great!
Hi,
I don't code, however I agree that tables aren't good, except… when they are needed to
present some rows and columns. (I guess some div or span might also be fit… )
I usually install Wordpress to make all my websites, because it is handy, default
compliant with W3C, and flexible. (Not to say fast installed and started!)
There are even some responsive themes provided as is, nowadays! They adapt to all
kinds of screens, from the tiniest to the largest. They can be tweaked, it is possible to
make child themes which will rely on the parent theme : so that if the parent theme gets
any update, your modifications aren't overwritten!
Here for instance, is a responsive theme which is free for use and free of cost:
http://wordpress.org/themes/openstrap
Anyhow, if you prefer coding it all, feel free. :)
Regards,
Mélodie
