Grow your CSS skills. Land your dream job.

Feedback – Open source responsive template

  • # January 5, 2013 at 2:33 pm

    Hello,

    I have recently released an open source responsive template for creating ‘portfolio/resume’ websites. Please let me know if you have any feedback.

    [github repository](https://github.com/modestkdr/modern-resume )

    [Demo ](http://srikanth.me/modern-resume/ )

    # January 6, 2013 at 10:03 am

    What’s the license on this? Can I use it for commercial use?

    # January 6, 2013 at 12:35 pm

    I have updated the project’s read me with a license section.
    It’s released under MIT license. Feel free to use it for both non-commercial and commercial projects.

    # January 7, 2013 at 1:38 am

    I’liked.
    I just wanna pass some tweaks that could be made.

    On the index don’t let the slider change the height of the container based on the height of the slide, because if you are at the bottom of the page the next/prev button change position to above or below the mouse cursor.

    With smaller resolutions the slide control overlaps the container border as in this screenshot -> https://www.evernote.com/shard/s25/sh/04c72701-1319-4cdb-ae96-c4764179f7ce/caa0e8d96d85d2fd41df3a3fbcc21321

    Yet on the index and with smaller resolutions the ‘logo’ (name and image at the header) get some strange spacing as in this screenshot -> https://www.evernote.com/shard/s25/sh/cebb09e8-de41-429d-84b2-6cac653e70d5/446cb4b6193750130882a15a8892072c

    In any page that not home when clicking on the image on the header I do believe that you wanna get to the home, but this wont happen, just adds a # on the address (I Know that is the href for the link) but just need apply the same behavior of the home button.

    On the skill page be a Hover state on the skills and professional experience.

    On the contact you could use the hCard or the vCard format for the contact info, so people can use programs that manages contacts.

    In the contact form, the error could be render above the fields that have errors, for instance, if the email are wrong the error message be above the email field. To go even further you may use javascript to place focus on the first field that has an error.

    Don’t get me wrong, I do like the project, some of the stuff that I pointed are my suggestions and are easy to do, but won’t break the site if isn’t done.

    # January 7, 2013 at 1:56 am

    I am just going to say that fluid width responsive layouts are way cooler than ones that use fixed widths. :/

    # January 7, 2013 at 2:00 am

    @scottnix This is not aways the case, if you have a paragraph with few text and have a column that stretch fluid you can have a column that is too small for the text (I know that using min-width may solve the problem) but if you don’t have much text you can be ending with a paragraph with one or two lines, narrowing down the design to specific stops and making then fluid between each other having a max stop and a min stop look like a better approach to use fluid columns.

    # January 7, 2013 at 2:27 am

    The above information confuses me like no other. I am specifically talking about using fixed width responsive layouts, which is the cheater way to make responsive sites. ;P

    I am talking about the layout, not some random scenario with a paragraph. :/

    # January 7, 2013 at 2:38 am

    @scottnix I understand, I was just saying with a fluid width column on a responsive web site you have to be more careful with your content, plan better how to do than just make fluid, ins’t hard, just require more thought.

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

You must be logged in to reply to this topic.

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