1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Any Suggestions For CSS Code Example Websites?

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

  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/
    SEMrush
     
    Last edited: Oct 21, 2019
    Mulsiphix, Oct 21, 2019 IP
    SEMrush
  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 Greenhorn

    Messages:
    37
    Likes Received:
    8
    Best Answers:
    1
    Trophy Points:
    23
    #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,481
    Likes Received:
    366
    Best Answers:
    28
    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