Grow your CSS skills. Land your dream job.

Improving my CSS

  • # October 24, 2013 at 10:37 am

    I am just wondering what you guys did to improve your css.

    I go on CodePen and look at what people have come up with and it’s amazing.

    To fully understand what they are doing, what did you guys do?

    Do you get a piece of paper and try to explain what is happening in the css and html? How do you read the code to make your own.

    I know this question is broad, but I would like to learn techniques of others that have improved.

    I’m self taught. I’m assuming a lot of you guys are as well.

    # October 24, 2013 at 11:04 am

    http://justbuildwebsites.com/

    # October 24, 2013 at 11:27 am

    It’s really looking at that code and seeing what it is doing. CodePen is great because you can manipulate it and see its result. I would have to reccomend watch Chris Coyier’s ‘The Lodge’ videos. They are very affordable and it will walk you through each bit of CSS if you don’t have any understanding of it.

    # October 24, 2013 at 2:10 pm

    Frontend Masters has a course on CSS3 that’s recent. Nettuts has one called CSS3 mastery. I think it’s true — you just have to start coding and don’t stop.

    # October 28, 2013 at 7:56 am

    @Paulie_D although I get the point of

    justbuildwebsites.com

    His question is more about improving CSS. One can still built websites with crappy CSS code.

    @Jtwa11, if you want to improve your skills as a CSSer read following sources couple of times:

    It’s easy to get lost in complexity of a whole website. So instead of styling the whole page, try breaking things into modules. So for example you might want to just experiment styling contact form, or a button.

    Hope that helps,
    -Alen

    # October 28, 2013 at 8:00 am

    @Alen Sorry, just so you know, when you post 4 links or more in a post it goes immediately into a pending status. And sadly, the task of approving posts it quite arduous at the moment.

    # October 28, 2013 at 10:59 am

    @Alen Sorry, just so you know, when you post 4 links or more in a post it goes immediately into a pending status. And sadly, the task of approving posts it quite arduous at the moment.

    I posted only two links to a discussion yesterday and maybe that went into moderation? The forum is very buggy sometimes actually. I haven’t seen any of my past posts that supposedly went into moderation. The forum is also really bad on an iPhone.

    # October 28, 2013 at 2:01 pm

    @Dustin Yeah I just saw those posts (x3), I wasn’t sure what it was because all it had was a url. That’s probably why it went straight to moderation.

    Hmm, now that I look at it, the moderator view isn’t showing the complete post either….

    # October 30, 2013 at 1:36 am

    When i start programming i’m always trying to make my code as clean as possible… so many people work vertical in there sheets, i normally work horizontal like…

    .wrapper{positon:relative; float:left; margin......}

    Just because i know i’m going to create a lot of code…..i also like to work in blocks… when i got a div in a div in a div in a div …etc i like to code it like this.

    .wrapper .blok1 {position:relative;}
    .wrapper .blok1 .blok2 {test test tsetsetset}
    .wrapper .blok1 .blok2 .blok3 {ablalblablalb etc etc}

    NIX
    # October 30, 2013 at 1:39 pm

    I think the most important thing to do is put in helpful comments/documentation and structure your code in a way that makes sense to you.

    There are a lot of things in CSS that are not hard and fast rules for a reason.

    I like to work vertically because it’s easer in my text editor to tell what the hell is going on. And… I’m an indenter. I like logic behind it.

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".