Any Suggestions For CSS Code Example Websites?

Discussion in 'CSS' started by Mulsiphix, Oct 21, 2019.

0
  1. #1
    I found a website with examples of CSS Code. It shows various approaches on a similar topic (like animated backgrounds, timelines, or recipe cards) and includes the code itself. I am finding it extremely useful. I set out to find more like it, but I haven't found any so far. Does anybody know of any sites like this one?

    Website: https://freefrontend.com/css-border-examples/
     
    Last edited: Oct 21, 2019
    Mulsiphix, Oct 21, 2019 IP
  2. Ruin18

    Ruin18 Peon

    Messages:
    6
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    3
    #2
    I always find Chris Coyier extremely helpful. Very experienced and detailed information on CSS, as well as other subjects. I think he has a couple of sites however, I don't know them.

    https://css-tricks.com/
     
    Ruin18, Oct 26, 2019 IP
  3. Andrii Ozemko

    Andrii Ozemko Active Member

    Messages:
    79
    Likes Received:
    11
    Best Answers:
    1
    Trophy Points:
    58
    #3
    As far as I understand you are new in HTML and CSS. In this case I would recommend you to take a look Bootstrap. This framework contains a lot of useful CSS, JavaScript, graphics and so on. Many commercial projects use it.
     
    Andrii Ozemko, Oct 26, 2019 IP
  4. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #4
    Before you become enamored of other people's generic solutions, put your efforts into learning and becoming comfortable with the underlying technologies. If you copy/paste from somebody else, you may not understand well enough to safely modify or debug it.

    W3.org has designated the Mozilla Developers Network, MDN, as its official resource. MDN offers tutorials for beginners, too.

    Another excellent set of tutorials may be found at HTMLDog.
    "HTML Tutorials. And Stuff.
    Everything HTML, CSS, and JavaScript,
    the most common languages used in making web pages."

    Avoid bootstrap and jquery until you have css and javascript down cold. The two add additional layers of abstraction that really just make things crappy to work with and you don't even want to know about the code bloat.

    Also, read and reread Jason's ( @deathshadow ) thread on progressive enhancement.

    gary
     
    kk5st, Oct 26, 2019 IP
  5. TheTroopofKings

    TheTroopofKings Greenhorn

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    11
    #5
    W3 is and CSS-tricks are great websites to use. Any Google search will tell you that.
     
    TheTroopofKings, Jan 9, 2020 IP
  6. Private Loader

    Private Loader Active Member

    Messages:
    103
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    58
    #6
    I few months ago i build four generators in html for the languages HTML, JS, BAT and VBS.
    Basically is a web page with lot of code examples to choose from.
     
    Private Loader, Jan 9, 2020 IP
  7. kumar_raj

    kumar_raj Active Member

    Messages:
    49
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    98
    #7
    Codepen. Although it is about almost all the programming languages, still you might find some great CSS scripts and examples there.
     
    kumar_raj, Jan 10, 2020 IP
  8. Private Loader

    Private Loader Active Member

    Messages:
    103
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    58
    #8
    Private Loader, Jan 11, 2020 IP
  9. Angelina Dean

    Angelina Dean Peon

    Messages:
    13
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    1
    #9
    I use bootstrap
     
    Angelina Dean, Aug 25, 2020 IP