Экспериментальный сайт лол
Подробнее
everything Привет всем, хочу представить вам свое творение) Everything - это сайт-эксперимент, где любой человек может просмотреть интересующую его информацию. Сайт сделан в стиле Material Design (ну или похожий на Material Design) с помощью Bootstrap 3. Сайт полностью адаптивен, т е. его удобно просматривать со всех устройств, но не со всех браузеров :D Хотелось бы сперва рассказать о внешнем виде. everything и— “>»“ ,UG *’"**“ Как вы видите на картинке выше, на сайте есть 8 разделов. Новости, Наука. Музыка, IMG. Кулинария. Знаменитости, Фотографии, Фильмы. Почти каждый раздел выглядит одинаково. Вот так. everything чаюет, n*u «я« MC «|пиас«с Jtii»«!« «ого-рЮ«« Ну а при нажатии "Читать дальше" вы переходите на страницу с изображением/галереей everything «каш Mi,и м>тьм «гш чем*«’ Q iü-i27üh »-I* сом»,« СОК-1» ил !Ki>Nu ricyc —ler n ГУрецмзпоти« —'ч n Е»г»йст*п>-Kp«wn — 2ч п чоо—IWU к—си 8-10 В ^ ели» «***» 00»с р>~*~и . 00 -1 прейди ММ -торт- - -Ни* и -о- ГОисиикя «млечдоыгел« соуеовяаиячстет». rto-их**. с*о«м йог.’СМ И м »меими« .тл. «««* Ф**>аМК> прмм*» со,с» □павз А страницы в разделе Музыка выглядят так .) И тут можно послушать песни :) everything нмостм Hl,и М,»*» Иупмрм О IV120011 Katy Perry ^ кму PWy- con*««« * u*» "* <г»~чг' ■Ч«.. ” UV КОТИКИ Ott •мт 1ИТ, ou» hum lit*. и*» n utv pur, IM r«ew HJt CTÄir.) MIV KOT ‘VwMrt U> пот I*Y ЮТ WK. ЛЮТ •*V PU». I tilftul t Oil Также есть поиск по этим 8 категориям, нужно ввести запрос в поле "Что ищем?" Раздел с результатами выглядит так. everything и*- .%*« •* •*—*- »—• «мгыа, чю но'“’ >ы,м к,™*е-> 0 М 11 2011 Результаты по запросу: eminem CD О MCÄ2011 км ротиум Лишь один раздел выглядит по особенному, и этот раздел IMG IMG - это раздел который создан лишь для просмотра картинок, и я его старался сделать максимально удобным для пользователей. На самом деле я просто подобрал лучшую по моему мнению галерею "Fotorama", она кстати создана Артемом Поликарповым из Великого Новгорода) Плюсы fotorama это lazy load, управление клавиатурой (стрелками на клавиатуре), полноэкранный режим и то что он выглядит одинаково на всех экранах) everything наест mi,и 1 MQ к,гм «сж* Зииюкгост, eoicrp«M« Вид на смартфоне everything Как вы наверное уже догадались по скриншотам, контент тут не^ создается, он просто напросто берется из пабликов социальной сети "Вконтакте" и в этом суть эксперимента. А если быть точнее, то этим экспериментом я хочу узнать можно ли создать посещаемый ресурс занимаясь лишь отбором контента из открытых источников. Каждый месяц будут отбираться по 2 паблика в каждый раздел, чей контент будет отображаться на этом сайте. Естественно контент будет фильтроваться, т.е. рекламные посты по возможности убираются. А в будущем планируется дать возможность пользователям самим выбирать какие паблики будут отображаться на главной и в каждом разделе, отличие от обычной ленты вк будет в том, что можно будет просматривать свои любимые паблики в удобном виде и без рекламы будучи оффлайн. Но для этого нужно будет создать регистрации и авторизацию, чтобы хранить настройки пользователей Чуть не забыл, также вы можете просмотреть любой паблик если пройдете по ссылке http://everything.kz/vk/ID паблика Например http://everything.kz/vk/tproger f/SfrrTHHO «- С 2 мг/ihirykz. ÄvipiwT 'MW .CK*«™««* C II ^ О Gl® ... 0*1 + Т.,£<►,..«К* everything U,w« IW. «IlW Search by id: tproger eefti»*GZ> О «ОПМОМ Ö <*.270.1 0 — 1 1 «*» 1и*мктй имхр: AI» и«*« ШГ-етт лрадатаех» См пест л ceJT MIAIbaVHUt 0 (->127011 12 декабри 2014, ода на площадке клув* Fatxiquc пройдет ново, один« вечернике ведущих учаепмкео рынка мобильных 1ехм0*101ИЙ России 0 0*127014 РейпнгвЭ я ■ V ^ г V ШШМСЫ ан «ацгчт. *•»м:| Гоабесгтк- при ген т ЧИТАТЬДКЛЬО* г Сайт был сделан с помощью следующих вещей. 1. VKAPI 2. Material Design for Bootstrap 3. Fotorama 4. Owl Carousel 5. jPlayer Ссылки на использованные проекты будут в комментариях. На сайте нельзя(точнее невозможно) 1. Посмотреть видео 2. Оставить комментарии Если у вас есть идей по улучшению дизайна/функциональности или у вас есть паблики с хорошим контентом, то welcome в комментарии) P.S. У меня была тройка по русскому :D Так что граммар-наци извиняйте)
vk api,безделье,песочница
Еще на тему
2. Material Design - http://fezvrasta.github.io/bootstrap-material-design/
3. Fotorama - http://fotorama.io/
4. Owl Carousel - www.owlcarousel.owlgraphic.com/demos/demos.html
5. jPlayer - jplayer.org
6. И ссылка на сам сайт http://everything.kz/
Во всем виноват VK API лол, все грузится с вк.
Поэтому я подумываю над кешированием