joel1st

It really depends what part of web developement you want to go into. I myself am more inclined towards front end development - So I started with the basics - a good fundamental understanding of HTML5/CSS3/JavaScript - I'd also look into HTML5 instead of XHTML now (they're the same for the most part anyway).
 
Get really good at using CSS - especially with selectors as well as positioning elements and creating responsive designs .
 
Try get a really thorough understanding of JavaScript as a language before moving onto libraries like jQuery - once you know how inheritance/prototypes/hoisting/callbacks/type conversion/scope/functions/closures work in JavaScript everything will be 100 times easier to pick up and your code will (hopefully) be a lot nicer. Learning JavaScript properly doesn't happen over night, but it's rewarding/empowering when you finally understand how it all works.
 
When you've got these basics down, look into picking up some frameworks or libraries - my favourites are Bootstrap for layout development (it essentially gives you a whole heap of css classes that allow you to quickly create layouts that are responsive and look nice). jQuery is quite a nice JavaScript library to manipulate your website content (also known as the DOM) and I'd recommend using it for smaller projects. When/if your projects start to get quite large you can look into a JavaScript framework - my favourites are Angular and Backbone. They essentially keep your code organised and give you some special functionality (more so with angular) for repetitive tasks.
 
Along the way you'll want to try pick up AJAX - which is essentially a way of using JavaScript to request/send data from/to the server so that the user doesn't have to leave the page they're on (an example of this is when you're on facebook and you scroll down and it loads more content automatically instead of going onto a different page.) - jQuery/angular have nice inbuilt functionality for working with AJAX as well. Learning what a RESTful service is will also be useful for most AJAX related stuff.
 
I'd also suggest learning Git (or some version control system), it helps you keep track of all the changes you make in a project - so if you ever make changes and decide it would be handy to revert them, it can be easily done - it's also helpful for making sure you're backing up your projects and is especially useful in a team setting.
 
From here you can decide to go into server side development - I personally don't have a whole heap of experience in this field, but the main programming languages are PHP/Ruby/Python/Node.js(JavaScript - my favourite ) - probably a few others as well. Each have their own quirks. You'd also want to get familiar with sql and nosql databases. Lastly I'd suggest looking into CMS's (think wordpress/joomla/drupal), they all run on PHP, and allow clients to make changes to their website without having to go directly into the code.
 
Anyway, I'm not sure if this is useful or not, but this is what I consider some of the essentials.

Yep Media queries is how its done. And dont forget to disable default device resizing as well
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> otherwise responsive design would be pointless.

Good luck is all I'm going to say!

I think the reason why you may not have had many replies is because at the moment there isn't much to review. Maybe spend a few more hours on it, and then post up another shot and you may get some more replies.
 
And what you've done so far is good just need to see a bit more to give it a 'review'.

PHP or some other server side language would allow you to use variables/constants/arrays similar to your javascript usage. This route would be accessible to people without javascript and allow search engines to index your website properly. Only requirement is that you have PHP on your server.
 
I like your portfolio. As mentioned above, I think you could cut down on the amount of written content- some of it seems redundant. I'd also recommend getting someone you know to look over your grammar - I found quite a few mistakes on my first read through.
 
I really like your design - clean and nice colours. A few things I picked up on:
 
- When your design hits less than width:320px it automatically reverts back to the desktop version.
- Is there a reason why each content area has a different width? for example, the edges of content in the profile section do not line up with the content in the about section, and neither of those line up with the contact content.
- Because you're using a 1 page portfolio, I think it could work nicely if your navigation links changed to reflect the part of the page you are in. For example when you scroll down to the 'works' from 'about' the navigation link for about would go grey on 'about' and turn blue for 'works'.
- Rather than showing just 3 works with the 'more works' button - I'd go for 6 or 9
- It'd be cool if when you hovered over the works you got a short description of what the project was. Because at the moment I'm just guessing what the actual work is, considering there is no title, website link or description.
- The positioning of the contact form elements could use a little work. For example, the 'Submit' button is about 20 or so pixels off center. There isn't enough spacing between the 'message:' text and the contact form inputs.
- The edges of your logo up the top look slightly blury when compared to your bottom logo.
 
Again, great website, good job.

I like the colours and layout, and it's generally very sharp and simplistic. Content-wise, perhaps a little lengthy? I didn't want to read all of that text at the top.
 
However, injecting content using document.write is definitely not something I'd recommend. I'd put my money on that having a significant negative impact on SEO – let alone the fact that anyone/anything (think robots/spiders) without Javascript can't see a thing.

Personally I dislike it when someone "mucks around" with my design without permission, even with the purpose of trying to help and / or otherwise point out flaws in the design / thoght process. However, I do like the darker background and matching font colors of the 2nd choice better. The colors are the color of chocolate, the logo is crisp, and the text over the pic is easier to read. I am wondering if something is a bit off with the navigation though and how the logo is integrated. Maybe make the color behind the logo the same as the navigation (chocolate brown) or vice versa and make both backgrounds white - to make it seemless?
 
I hope all works out with this client.

At a first glance I really like it
I am not very keen on the body font - I think serif would suit the design better than monospaced (at least it looks like monospaced to me).
 
Nice design

I like the look of this, looks smart
 
If this was mine I would lose the dotted border under the links on hover and I would move the scroll up arrow to the right of the page and place it just on the outside of the wrapper - for me it just feels a little awkward over on the left.

Hey nguyenhce,
 
Yeah it uses html/css/javascript. It's actually a plug in from wordpess that I changed the styling of. Have a look into visual composer -> teaserpost grid (if you're using wordpress).
 
Jack - Thanks for the feedback, it's very helpful
- In terms of your first point I'm not quite sure what you mean, are you saying that I should put a button when they hover? or if someone clicks on the image when they hover over it will go to the work rather than clicking on the title?
- Yeah I've noticed that and am trying to fix it. EDIT: FIXED
- Yeah I thought that myself. Unfortunately for the assignment I was submitting this for, we needed to show that we could include a social feed of some sort, so I may remove this once it's been marked.
- Thanks for picking up on that, I agree. EDIT: FIXED
- Yeah agree with that as well. EDIT: FIXED
 
Teodora - I haven't forgotten what you've suggested I'm just a bit lazy at the moment haha.

Hey Teodora, thanks .
I think that's a great idea, I'll give it a shot tomorrow!
 
Edit: Too many explanation marks.

I really like your site! Great work - simple, but effective. I also like your design work.
 
I would say maybe add a call to action after your Portfolio pieces on the homepage? Something like "This is what can do for you, if you like it, why don't you Contact me at.... "
You can also add call to action to your projects - for example, Enquire about similar site / design, etc, you get the idea
 
What do you think?

I like the concept of your site, it looks really great. But my main suggestion would be about the look and feel of the footer. Don't like its style, I would say it appears to be lopped. If you slightly increase its size, make it bigger, it would look nicer I guess.

Looks good, very clean and professional. The content definately takes priority. It did take me a while to decifer the title though. I don't know if that was on purpose? It is in the url but I rarely read them. I had no problems with load time or with signing up.

Thanks Alluziion!
 
Thanks for picking up on that teodora, I changed a class name and forgot that it was called to in the jquery. I have updated it and it should be working for you now
 
Thanks again,
 
Joel.

I have registered and I can't like or dislike anything. I know it's still work in progress, just thought you might want to know

No worries, I'm definitely going to visit it on a frequent basis, I love these sorts of websites so one that targets a designer/developer niche will definitely be a great way to procrastinate!

$50 per month?! What TSOhost were you looking at?!
 
You surely don't need the top package from day one...?
 
Yep site looks nice

I preferred the third link. The first seemed a bit dark and the second seemed to clash.

I like the new monotone colour scheme, it puts more focus on the content where it should be, nice work.
 
I have the Yo Momma up on my workspace at work.
 
Yo Momma is so fat, she even tries to eat browser cookies

I prefer your current one.

For anyone who clicks the above link, you'll receive an error as the link puts a space after the URL into your address bar so remove the space and you'll be able to see the image.

I like it a lot!

In fact, I can't even think of many ways for you to improve it.
Have you created a basic CMS for it to make it easier for you to manage the content?

@J.P -> You're not so bad yourself
 
 
@Alluzion -> It seems quicker now, but try emptying your entire cache of the site. All temporary images etc. Sometimes it takes up to three to four seconds to load the entire page for me.

I still prefer the grey one but my choice may be a little predetermined because I'm a fan on minimalist web design as well as grey colours

The website still loads quite quickly for me (about a second at the moment, seems to have gotten quicker); how long does it take for you j-p?

Nice username .