Creative Website Ideas Sharing..

ScienceBoy

Member
Mar 3, 2010
61
1
0
On EaRtH
I want to build an entertainment website, which gives, a total solution about a song.

1. song youtube video (official)
2. song download links (.mp3 format or directed to a file server)
3. Lyrics of that song

all 3 in one page..

any suggestions??
 

ScienceBoy

Member
Mar 3, 2010
61
1
0
On EaRtH
i have seen some photo gallery websites. after click on a photo they pop-up a jquery and gives us a nice photo slider.

the case is, some times we are moving through photoes. thay takes time to load the next image. i think its a waste of time of the visitor. they like to view it quickly.

i know most of them are running photo gallery websites. so just giving a trick.

search about - "javascript image preloading". use it whenever possible in you website.
 

ScienceBoy

Member
Mar 3, 2010
61
1
0
On EaRtH
Help me!
Can someone give me a good explanation about
"Resource Usage Details Table" in cpanel?

what those columns actually means. i want some clear idea.
pls..

max, min, avg, -> cpu, memory, memory faults, how it affect for shared hosting owners, what the facts they consider most?
 

ranray

Active member
  • Dec 6, 2010
    603
    52
    28
    some of this things are very useful,, no matter any one have commented please share your things here... i'm interested on this.. :)
     

    leoshammi

    Member
    Jan 18, 2011
    1,328
    96
    0
    Colombo
    genie.gif
     

    ScienceBoy

    Member
    Mar 3, 2010
    61
    1
    0
    On EaRtH
    if you are using, PHP for ur web sites. important tips to speed load.

    use php buffer flushing function.

    HTML:
    </head>
    <?php  
    // flush the buffer  
    flush();  
    ?> 
    <body>

    case:
    normaly main .css files which draw (render) the website on your browser is located inside the header tag.
    we know inside css files there are ref to image files.

    some browsers, wont render ur website, untill fully load all the content. so if ur website consists with lots of images, it takes more time to load. [normaly visitors dont like to wait]

    so after loading the main.css file, we command flush(); then the php engine flush, the content generated so far to the browser. then browser start rendering the website while php engine process the rest content for the website.

    this method keep the visitor waiting by showing, the site is loading (because some part rendered already).


    if you want more details, just google it.

    use flush(); command and see the diference when loading ur website. ok thanks.
     

    ScienceBoy

    Member
    Mar 3, 2010
    61
    1
    0
    On EaRtH
    i want to say just developing somekind of a website is not the real thing.

    you have to more consider its;

    server load
    memory efficiency
    responce time
    site loading time
    db optimization
    etc..

    so i like to share some fact about these things. it would be helpful, join with us and share the knowledge with us.

    another tip:
    1. put your all javascript functions, files at the end of the html page. it also boost up rendering.
     

    ScienceBoy

    Member
    Mar 3, 2010
    61
    1
    0
    On EaRtH
    tip 8:

    dont put more processing load even to the client side browser.

    use exact width="xx px" height="yy px", when embeding <img>,<table><tr><td>,..

    dont use width="100%"

    if there were no width, height attributes, browser itself need to calculate the width,height of an image or a table before rendering. so its a useless overhead to the browser.

    so use exact width, height as possible.thanks
     
    • Like
    Reactions: angulimala

    ScienceBoy

    Member
    Mar 3, 2010
    61
    1
    0
    On EaRtH
    tip 9
    reduce size of css and javascript file in ur website, by compression.

    there are many online css, javascript compression tools. google it.
    and put all the css files in to one main.css file where ever possible.

    case: reduce http requests count.

    eg:
    if u hav 3 css files. browser sends 3 http requests
    http request takes time to;
    1. request
    2. connect
    3. download

    if you have a single css file, the time will be reduces, i think u can understand. thanks
     

    ScienceBoy

    Member
    Mar 3, 2010
    61
    1
    0
    On EaRtH
    i have seen some photo gallery websites. after click on a photo they pop-up a jquery and gives us a nice photo slider.

    the case is, some times we are moving through photoes. thay takes time to load the next image. i think its a waste of time of the visitor. they like to view it quickly.

    i know most of them are running photo gallery websites. so just giving a trick.

    search about - "javascript image preloading". use it whenever possible in you website.

    http://perishablepress.com/press/2006/11/14/preloading-images-with-css-and-javascript/
     

    Ayeshlive

    Well-known member
  • Jul 1, 2011
    10,570
    943
    113
    *̶͑̾̾​̅ͫ͏̙̤g͛͆̾ͫ̑͆&
    Anyone knows, what is a "css-sprite".
    http://css-tricks.com/158-css-sprites/

    fb,yahoo,google and also I use it. why dont you use it?

    optimize ur website. reduce website loading time by minimizing http requests.
    CSS Sprites kiyanne ban hama image ekakma ekama file ekakata ganna eka.
    Hithapanko Smiley set ekak gana. Eka page ekak generate karanna server eka keep sarayakma files browser ekata denna one. Eth CSS walin puluwan ekama image eke images okkoma dala read karann.

    CSS Sprites kiyanne HTML walin karanna amaru ekak. php/ror/asp walin thamai lesi.
    Godak softwares wala buttons dakala athine ? okkoma icons ekata thiyena image ekak thamai thoyenne. Yahoo eken YSlow install karapanko. Godak dewal igenaganna puluwan.
     

    ScienceBoy

    Member
    Mar 3, 2010
    61
    1
    0
    On EaRtH
    CSS Sprites kiyanne ban hama image ekakma ekama file ekakata ganna eka.
    Hithapanko Smiley set ekak gana. Eka page ekak generate karanna server eka keep sarayakma files browser ekata denna one. Eth CSS walin puluwan ekama image eke images okkoma dala read karann.

    CSS Sprites kiyanne HTML walin karanna amaru ekak. php/ror/asp walin thamai lesi.
    Godak softwares wala buttons dakala athine ? okkoma icons ekata thiyena image ekak thamai thoyenne. Yahoo eken YSlow install karapanko. Godak dewal igenaganna puluwan.

    ela ela... always better to reduce http request when site loading..
     

    ScienceBoy

    Member
    Mar 3, 2010
    61
    1
    0
    On EaRtH
    In my experience i created the website making use of this site tucktail . with the help of this site i designed my dream website it provides pleasant solution & very good in services..make use of this site for creating website as per your wish & gain solution.

    thats good for building portfolio type website. those things give us nice interfaces to the design. without knowing any code, it can be built a website. but when building unique solutions we have to use our own methods and functionalities in backend.

    in my little age i used those things, specially blogspot design back panel. its a kind of a start.
    but when you are growing, you may understand their limitations and possibilities with the current technologies. @ that time you probably goto your own design.

    * if anyone, who is satis with the solution by those design tools. thats fine. i dont blame them.

    * and I myself dont like to be limited with those design tools.