1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

First time website design and development

Discussion in 'Computers & Technology' started by Jan, Jan 24, 2019.

  1. Jan
    Offline

    Jan The Experienced
    Donator

    Joined:
    Jul 14, 2014
    Messages:
    2,554
    Likes Received:
    640
    Recently bought a domain with WordPress from GoDaddy. I just got into WordPress, however, I know a lot of HTML and javascript. If anyone has a must know tip or a must watch video tutorial, please tell. I would appreciate a comment on the website.
    http://nidushan.com
     
    #1
  2. GeorgeLAD
    Offline

    GeorgeLAD The Experienced
    Donator

    Joined:
    Oct 25, 2013
    Messages:
    2,059
    Likes Received:
    696
    I don't know if it's a problem on my end, but when I click the link it doesn't work? It loads for a minute or so then says "503 page unavailable".

    *EDIT* Clicked again an hour later and works.
     
    #2
    Last edited: Jan 24, 2019
    • Like Like x 1
  3. Soditso
    Offline

    Soditso Member

    Joined:
    Dec 25, 2013
    Messages:
    51
    Likes Received:
    18
    #3
    • Like Like x 1
  4. Jan
    Offline

    Jan The Experienced
    Donator

    Joined:
    Jul 14, 2014
    Messages:
    2,554
    Likes Received:
    640
    Is the website loading slow???

    And yh. I know about w3school. I learned a lot for HTML there
     
    #4
  5. GeorgeLAD
    Offline

    GeorgeLAD The Experienced
    Donator

    Joined:
    Oct 25, 2013
    Messages:
    2,059
    Likes Received:
    696
    @Jan Not loading slow, just that I tried to go on it this morning through the link and it couldn't get there hence the 503 error.
     
    #5
    • Like Like x 1
  6. Jan
    Offline

    Jan The Experienced
    Donator

    Joined:
    Jul 14, 2014
    Messages:
    2,554
    Likes Received:
    640
    Ahh. the website feels slow as well. I have a gif in the background that makes the website slow. If I change the gifs with a picture, the website will be much faster.
     
    #6
    • Informative Informative x 1
  7. Ronnie Pickering
    Offline

    Donator

    Joined:
    Jun 1, 2015
    Messages:
    168
    Likes Received:
    27
    What's the password for Kitty?
     
    #7
  8. kenny7
    Offline

    kenny7 The Experienced
    Donator

    Joined:
    Sep 21, 2018
    Messages:
    3,043
    Likes Received:
    475
    Did you make this? Looks amazing tho, G fucking G Jan! Also I learned alot of HTML, Programming, Java, etc... from: https://www.w3schools.com/
    We can't donate :<[, did you make this with wix.com :kappa:
     
    #8
    Last edited: Jan 24, 2019
  9. Jan
    Offline

    Jan The Experienced
    Donator

    Joined:
    Jul 14, 2014
    Messages:
    2,554
    Likes Received:
    640
    You can always donate. I did not make it through wix, I used WordPress
    That page is for a friend :p
     
    #9
  10. shark12
    Offline

    shark12 Member

    Joined:
    Aug 25, 2014
    Messages:
    205
    Likes Received:
    14
    Dagen min har vært bra
    Edit: please don't rate my post friendly, I didn't post this to say something directly to Jan, only he will get the meaning and the context of this message.
    Edit2: He removed the password from the kitty page, so don't mind that
    Edit3: Plz stop rating this message, this was just a post with the purpose of showing Jan that the password of the kitty page is weak (which now has no password)
     
    #10
    Last edited: Feb 1, 2019
    • Friendly Friendly x 2
    • Agree Agree x 1
  11. Hans Entertainment
    Offline

    Hans Entertainment Senior Member

    Joined:
    Nov 25, 2016
    Messages:
    779
    Likes Received:
    72
    Aka pornhub in sinhala
     
    #11
  12. Captain Shhhh
    Offline

    Captain Shhhh Member
    Donator

    Joined:
    Aug 26, 2017
    Messages:
    362
    Likes Received:
    125
    just learn css for design , and some js libraries ..

    else , avoid using wordpress to learn more , start something from scratch and learn step by step. Use snippets that's available all over the internet.

    this is like the very basic thing to know to be able to design a website ! tell me if you need more ;)
     
    #12
  13. Jan
    Offline

    Jan The Experienced
    Donator

    Joined:
    Jul 14, 2014
    Messages:
    2,554
    Likes Received:
    640
    I do HTML my self. Wordpress has plugins that make you write clean HTML to your website. I got a task to write a Schedule for a school that auto picks week for each date so you don't need to manually change weeks to your date.

    Uke=week and timeplan=scheduel
    http://nidushan.com/timeplan/
     
    #13
  14. Captain Shhhh
    Offline

    Captain Shhhh Member
    Donator

    Joined:
    Aug 26, 2017
    Messages:
    362
    Likes Received:
    125
    looks great (y) the main thing is that the js is working .. maybe if you remove the week number infront of "uke" , and make it display inline ..

    HTML:
    <h4 id="uke" style="display: inline; margin-right: 5px;">Uke:</h4>
    a small margin to looks greater ..

    though , the logo is nearly 1mb , optimize it to be at max 10kb. you're giving 4340 x 4316 while it only needs a 65 x 65. always try to stick with what the website needs, this will give a much better loading time
     
    #14
  15. Jan
    Offline

    Jan The Experienced
    Donator

    Joined:
    Jul 14, 2014
    Messages:
    2,554
    Likes Received:
    640
    I did the margin thing. Thanks for the clean help!
    I use a image optimization plugin:
    27 image sizes optimized
    9.92 MB initial size
    3.22 MB current size
    I can crop the image to the preferred size for the logo, however, it does not affect as much. I will do it to my next logo.
     
    #15
  16. Viana20
    Offline

    Viana20 Junior Member

    Joined:
    Aug 14, 2018
    Messages:
    13
    Likes Received:
    1
    #16
  17. Jan
    Offline

    Jan The Experienced
    Donator

    Joined:
    Jul 14, 2014
    Messages:
    2,554
    Likes Received:
    640
    #17
    Last edited: Jan 31, 2019
  18. Hans Tier
    Offline

    Hans Tier Guest

    Leverage browser caching:
    It means that your CSS is cached 1 day on the client side, before it expires and is downloaded again on the next visit. If you are working on your site its okay, but once your CSS is done you can cache it for 7 days or longer.
    Inline small CSS:
    Here the metric suggest inserting CSS into the code (HTML) directly, because the external style sheets are rather small, so it would be faster loading them inside the HTML than opening another connection to the external style sheet. Depending on how often elements are equipped with styles from that style sheet this may make sense. But if its used like more that 2 or 3 times each, you can safely use a style sheet.
    https://www.w3schools.com/css/css_howto.asp
     
    #18
  19. Nomy
    Offline

    Nomy Administrator
    Super Admin ]HeLL[ Member

    Joined:
    Oct 11, 2010
    Messages:
    35,883
    Likes Received:
    3,688
    The slowness and caching can solved using a cdn. Cloudflare can help.

    Personally I wouldn't have used wordpress at all for a simple website like this.
     
    #19
  20. Jan
    Offline

    Jan The Experienced
    Donator

    Joined:
    Jul 14, 2014
    Messages:
    2,554
    Likes Received:
    640
    I got wordpress as a free sample for 1 year as I bought the domain through godaddy
     
    #20