Красиви сайтове. Как да използваме new high-tech в web.

Как да правим красиви сайтове с най-новите високи технологии в уеб?
Не. Това няма да е ръководство за правене на красиви сайтове с помощта на new high-tech в web.
Нито имам знанията, нито компетенцията, да разяснявам такива неща.
Напоследък си ровя насам-натам и гледам какво правят хората в Мрежата. Не всичко е уърдпрес или CMS в Мрежата. А и там новите технологии в уеб не са застъпени особено.
Идеята на тази тема е да споделяме красиви и ефектни сайтове, направени с най-новите високи технологии в уеб, на които се случва да попаднем.
Ресурса на predpriemach.com в това отношение е голям, според мен. В Мрежата не всичко е пот, сълзи, link-bilding и бъхтене с кирката. В уеб има изкуство, има и поезия. Както в прекия, така и в преносния смисъл. Най-новите високи технологии в уеб позволяват създаването на сайтове, които по визуална пищност доскоро бяха немислими, и могат да съперничат на киното. Да направиш сайта така, че посетителя да не мърда на никъде, и с елементарни манипулации чрез мишката да получи максимално количество информация, вече е напълно възможно.
Ще започна с удоволствие с един български сайт. Не зная кой е дизайнера и кой е писал кода на този сайт, но ми хареса много.


Изработката на красив сайт е удоволствие и сериозен приход за можещия. А също така и добър акцент в портфолиото. Както има кренвирши по 3,50 килото, така има и колбаси по 25 лева за килограм. Пазар има за всяко нещо.
Надявам се и други уебмастъри от форума да се включат в темата. Ще е полезно за много хора да видят как се правят красиви сайтове с помощта на най-новите високи технологии в уеб.
 
От: Красиви сайтове. Как да използваме new high-tech в web.

Вискяре покрай тея отрови с който си ръсиш ложето си загубил чувството за ориентация, това ако е пример за "красив" сайт аз съм колоездач
 
От: Красиви сайтове. Как да използваме new high-tech в web.

Вискяре покрай тея отрови с който си ръсиш ложето си загубил чувството за ориентация, това ако е пример за "красив" сайт аз съм колоездач
Като отворя такова нещо и плющя хикса директно.
 
  • Like
Реакции: Sky
От: Красиви сайтове. Как да използваме new high-tech в web.

Точно за тези HTML5 сайтове говорих преди време. Много изкривена "мода" поне за мен.
 
От: Красиви сайтове. Как да използваме new high-tech в web.

Щом се кефиш на паралакси и такива джунджурийки, ето ти малко повод за размисъл :

http://makeyourmoneymatter.org/
http://withatrace.org/
http://www.ullevi.se/prepartyarea/
http://myclique.is/
http://www.mevalentinandyou.ch/
https://blogin.co/
http://pelnepomyslow.allegro.pl/pok/
http://solomo.welovedigital.com/



На мен лично ми харесват по-изчистени неща като:
http://presentplus.com/
или пък
http://www.theissland.com/

Не разбрах само backend-а какво общо има с темата, но знае ли човек, знае ли... Ако се кефиш на подобни ефекти, разцъкай ми пеновете в codepen, примерно:

http://codepen.io/bassta/pen/Eicla
http://codepen.io/bassta/pen/eIyrd
http://codepen.io/bassta/pen/aEkwL
http://codepen.io/bassta/pen/Fypuw


Като цяло паралаксите не са лоши де, стига да не се натрапват прекалено...
 
От: Красиви сайтове. Как да използваме new high-tech в web.

Сайта е подписан, ясно е от кои е разработен...

Уж гледах.

стига да не се натрапват прекалено...

За всяко нещо е така. :beer:
Бая нещо за размисъл. :D

Най-после да се предложи нещо...

Интересно ми е - какво ще кажете за този сайт:
http://www.thetownthatcameinfromthecold.com/
?
 
От: От: Красиви сайтове. Как да използваме new high-tech в web.

Не е лош, но определено не бих го нарекъл оригинален, доколкото виждам е правен доста след BenTheBodyguard и въпреки, че графиките не са лоши, идеята определено не е новаторска. E-design, с които Вие започнахте темата имат сайт с подобна идея: http://erekcia.com/ .Доклкото за performance на сайта... можеше да го направят доста по-добре. Те сами са си писали engine за анимация и е доста недодялан, на мен сайта ми върв на около 30 fps. Ако ползваха TweenLite + BezierPlugin примерно можеше да ги вдигнат на 60 и да още по-мазно :)
 
От: Красиви сайтове. Как да използваме new high-tech в web.

Доста приятни идеи.
Ето и един любим мой сайт за гледане на интересни неща, единствено Ope Page, както подсказва и домейнът: http://onepagelove.com/
 
От: Красиви сайтове. Как да използваме new high-tech в web.

Според мен потребителите още не са готови за такива сайтове и както каза един колега по горе ... като видиш такъв сайт му удряш хикса
 
Re: От: Красиви сайтове. Как да използваме new high-tech в web.

Точно за тези HTML5 сайтове говорих преди време. Много изкривена "мода" поне за мен.

Така е. Аз мислех да правя такъв, но да си кажа честно още се стряскат хората. А ако се предложи на някои клиент, той гледа като изтребител и не вярва, че това е сайт. :) Но зависи и за какво говорим като сфера. ;) За дигитални агенции е идеален като визия, но за фирма предлагаща ремонтни дейности, малко е странно. Или някой информационен. Много зависи и каква аудитория имаш. ;)
 
От: Красиви сайтове. Как да използваме new high-tech в web.

Определено визията на edesign.bg (дигиталната агенция в подписа на kreditna-karta.bg ) е несравнима с другите флаш сайтове - зарежда бързо, перфектен дизайн и лесна навигация с отлична подредба. Единственият минус е липсата на текст за 'роботите'. Ако се докара с css - цена няма да има...
 
От: Красиви сайтове. Как да използваме new high-tech в web.

Според мен потребителите още не са готови за такива сайтове и както каза един колега по горе ... като видиш такъв сайт му удряш хикса
Е ми удрям го с дяната ръка с мишката, а с лявата панически млатя Ctrl-F4. Много ми е интересно някой от дизайнерите му замислял ли се е как изглежда това чудо на моя 27" монитор (стар човек съм и скив).
По същата причина отлитат и нецентрираните сайтове, ако ще да имат най-важния и уникален контент на света. Пък и в сайта все пак се влиза да почерпиш някаква информация.
Ако искам да гледам анимация и имам свободно време мога да вдигна някой парагон на Диаблото :)
 
От: Красиви сайтове. Как да използваме new high-tech в web.

Ooops double post.
 
От: Красиви сайтове. Как да използваме new high-tech в web.

Много са яки и се пишат доста трудно, обаче до там. Нито навигацията е лесна, нито са ми удобни, пък и не мога да обхвана целия екран с поглед. Ако няма поне 1 пръст растояние от двете страни или пък два прилични сайдбара му бия хикса без да мисля, освен ако не е крайно наложително.
 
От: Красиви сайтове. Как да използваме new high-tech в web.

Някога и на други неща са цъкали, че потребителите не са дорасли за такива сайтове. ;)
Скролването никога не ми е доставяло удоволствие. Но болшинството сайтове са построени за тормоз на посетителя и яко въртене колелото на мишката.
Респонсив дизайна на три колони скоро няма да изчезне, няма място за притеснения. :p
 
От: Красиви сайтове. Как да използваме new high-tech в web.

eDesign работят мощно с Boilerplate, и мисля, че компилират css-a с SASS (LESS) и Compass.
Да се пише такъв дизайн "from scratch" е къртовски труд, затова се използват инструменти и фреймъркс, които доста ускоряват писането.
 
От: Красиви сайтове. Как да използваме new high-tech в web.

Скоро не бях попадал на нещо, което си заслужава да влезе тук.

http://www.ghettoproductions.eu/
 
От: Красиви сайтове. Как да използваме new high-tech в web.

http://makeyourmoneymatter.org
Едно време на 50 пъти по-слаби компютри сайтовете се отваряха 50 пъти по-бързо. Това цитираното хем го чакам да зареди, хем ме принуждават да скролирам като последния идиот. Излязла мода да си поливат кухите лейки с ледена вода, което не значи, че аз ще го направя.
От тия дето сте цитирали - нервите ми стигнаха да отворя 3 и ми се додрайфа.
БАСТА!!! Сиктир от тия моди!

п.с. Не на последно място. На малко по-стари машини или малки лаптопи - нямат отваряне тия лайна! Прощавайте за грубия изказ, но са малко нещата, които успяват да ме изнервят.
 

Горе