Прошу оценить сайт

[Адель]

Как уже писал тут: http://htmlforum.ru/index.php?showtopic=48147#entry322651 сейчас я занимаюсь дипломным проектом. 

А вот и он, точнее первые его очертания: http://ynws.esy.es/

Прошу оценить вёрстку, ну а если ещё чего можете написать - пишите, буду рад

 

О самом сайте:

Сайт народных новостей, т.е. люди сами добавляют новости через сайт(компьютер, мобильные устройства). "Плиточный" дизайн из-за желания сделать сайт адаптивным, да и смотрится симпатично. 

Ещё возникли вопросы в ходе написания:

1)Как сделать div-ссылку(что бы при нажатии на "плитку" выводилась новость);

2)Как выровнять всё содержимое #main по середине;

 

3)Какие средства использовать для хранения и структурирования данных(новостей);

 

4)Что используют для сортировки новостей.

 

Буду признателен, если кто-нибудь скинет полезную литературу по всем вопросам.

P.S. Как лучше сделать кнопки меню(три горизонтальные полоски слева): что бы при нажатии выводилось контекстное меню с содержимым или трансформацию шапки после нажатия и появление этих самых элементов меню, вроде "Войти на сайт", "Профиль".

[ShumNo]

4. Для сортировки можно использовать,например, isotope

 

 

Критика:

Страница выглядит плохо, тень большая и плохая (если вам нравится цвет, то посмотрите у рамблера как сделано).

Текст везде жирный, что красоты не добавляет.

Отступов нет.

[klierik]

1)Как сделать div-ссылку(что бы при нажатии на "плитку" выводилась новость);

 

 

ну например, в начале добавить data- утрибут тегу .cell:

<div class="cell" data-url="http://google.com">	<img class="cimg" alt="news" src="img/1.jpg">	<span class="date">03.03.2014</span>	<span class="title">Первая новость</span>	<span class="text">Дмаю, сами названия ...</span></div>

потом создать обработчик:

$(".cell").on('click', function(){  window.location.href = $(this).attr("data-url");});

2)Как выровнять всё содержимое #main по середине;

оно и так по-центру.

 

3)Какие средства использовать для хранения и структурирования данных(новостей);

используй mysql, например.

 

4)Что используют для сортировки новостей.

набор логики и инструментов для сортировки данных в рамках конкретного проекта опираясь на технологии на которых он был разработан

 

а вообще сомтри в подписи:
1. читать про ошибки новичков

2. читать как правильно задат вопрос

[mihai]

Четвёртой колонки явно не хватает.