evu

What the hell! Never seen that before, looks terrible. I'm a fan of BEM, oocss, etc but that looks far from maintainable. Will have too have a look see.

I use Git on a daily basis for version control and deployments even on a large scale.
 
Once set up it is easy to deploy a site.
 
As rbrtsmith says you shouldn't try and use Git and FTP as this will cause errors when you deploy. If you are making minor changes to the CSS etc then are you doing this locally before deploying it?
 
One good thing about Git is that many people can be working on the same project and often the same files at the same time.

Why are you using FTP with git? You should be using SSH. SSH and Git used in the terminal means you can deploy very quickly. I'd probably quit my job if my place used FTP the difference is that vast.
 
Also if you're using git make sure you're using a .gitignore file so you don't commit local specific things like wp-config.php if using wordpress, .htaccess. anything installed by grunt etc.
 
 
All the devs at my place have local servers, then we have a dev server. Competed projects that are client approved then gt pulled down to the live server.

Create a code example on codepen.io

I see this question so much...
 
Don't have a list of things to learn one after the other. It's inefficient and doesn't work.
 
Here's how you go about learning webdev and getting a job in the industry:
 
Build Things.
 
 
Build a small basic website. Then a fancy full screen photography site or something. Then a CMS(Wordpress) site. Then something your client can login to for whatever reason. Then a web app. Then an ecommerce site. Then an android/iphone app. etc. etc. The list goes on, just build things.
 
The point is:
you'll learn what you really need to learn to get the job done as you go along, and wont learn the things you'll never need. (I'm still yet to ever use a definition list for example). You'll figure out what code you like, and what you don't. Which will dictate your speciallity (You might prefer and enjoy building Wordpress sites, or android apps, for eg). You'll have plenty of nice things to go on a portfolio. Doesn't matter if they're fake/made up sites, trust me. And you will NOT get a job without a portfolio of work. There's too many pretenders in the industry, employers will want proof. I had a six hour interview on my first job, in which I built something. You practise everything. You'll only forget things if you don't practise. I learnt about XML when I first started, never used it, haven't got the foggiest now. Bonus tip: You'll develop your personal workflow. Speed is a big thing for employers.  
Bottom line, if you want a job, have a portfolio.
 
Oh and btw: I'm in Manchester, plenty of jobs, small agencies and big brands. You want to get good enough to get into a small local agency. There's a lot of competition, but most of it is ****. My aforementioned employer went 8 months before recruiting me, they had 3 people in beforehand, all theme jockeys who winged the interviews but couldn't code in a decent timeframe for cookies.

How can someone have so much hate for Wordpress....
 
It boils down to functionality and budget.
 
If it's a small client that just wishes to update their menu page, use something like cushy. Or if you can justify the time and have skill to make it better than cushy/other small cms, create your own (but it better not be ****, I've seen too many **** custom back ends for simple tasks).
 
If it's an average client that wants to add new product pages, blog posts, etc. Wordpress is a very good option. Quick and easily customisable, and has a nice back-end (as long as you're not ****). In my experience, joomla and drupal are ****(read: sub-par and too complicated for clients when compared to wordpress).
 
If it's a bigger client wanting complete custom CMS for complicated functions/pages, or they just want a really nice, simple back end, then a good bespoke choice would be better.
 
Most of the time, smaller clients don't need to update their site. And instead of spending X amount on cms functionality which they'll never actually use, that money is better spent on a copywriter or photography, etc.
 
Wordpress is not just a blogging platform, it's epic. There's a reason half the web is run on it. The only issue with Wordpress is it's bloated, the only thing it needs is a custom builder. If you have even a remotely decent server, the performance on the back-end is incredibly negligible, unless you have a ****-load of traffic.
 
Don't get me wrong, I've seen some terrible Wordpress sites, usually a theme from theme forest thrown on with a multitude of plugins. That's a recipe for ****. But I've seen and created some very nice back-ends for Wordpress too, making it easy for even the dumbest of clients to update any aspect of their site.
 
Legend: * = sh1t

It won't work if you just copy and paste it. Learn how it works first.
 
http://codepen.io/jhealey5/pen/fAukK/

http://codepen.io/jhealey5/full/Ipwbm

Exercise principles found here:
http://www.creativebloq.com/graphic-design/pro-guide-logo-design-21221
http://www.hongkiat.com/blog/5-tips-to-simplify-your-web-design/
 
And you'll come out the other side with a more polished logo and layout. I could point out individual things but the emphasis should be on the principles at this point I think.
 
Hope that helps mate.

If you're asking this question you have not learnt HTML5/CSS. It's more complex than learning a few tags, selectors and properties. Just had to get that in.
 
The fundamentals of js/php are the same, so once you learn one of those it'll help with the other. jQuery is a library for js, like Codeigniter is for php. Ajax is a thing you can do with javascript, like responsive development is a thing you can do with css(see, you no knowy all cssy ).
 
Otherwise, just create something. You'll learn what you need to learn as you go. That will also dictate what route(front/back) you go down(most enjoy) too most likely. Don't just go off and start learning what someone has told you to learn next, it's inefficient. If you want to build a Notepad app, then sure, take suggestions based on functionality you need.
 
As you build something, you'll Google things like "how to make a slider", or "how to do two loops in Wordpress", then you'll develop a better understanding of what you need to learn vs. what you really need to learn. You'll also have things to put in a portfolio, something you'll without a doubt need to land a job in this industry.
 
You'll learn nothing but things you'll forget without practise. So just BuildSomething™.

Of course the other way is to ditch all those heavy 3rd party frameworks and write your own CSS That way you get rid of the bloat that frameworks often come with and you end up with leaner, faster sites.

Have you tried float:right?

While you could probably do it that way, evu is correct in that the bars are just a div containing another div that is x% width of its container.

The data would probably be retrieved as JSON, used to style the div and then appended to the page.

Here's a very basic example.
 
http://jsfiddle.net/DDMdN/

lol so called superior browsers will let you get away with sloppy coding

Worth the read, it's an extremely long piece of writing but it's just full of 100's of useful tips and guidelines.
 
I seriously regret ever starting this because now I am so engrossed I'm missing out on a fair bit of revision, which isn't the best idea considering my final exams are just around the corner.
 
Anyway, if you're in to design (beginner or not) then I suggest you take a look: http://cdn.ustwo.co.uk/PPP/PPP2.pdf
 
Hope it helps
 
 
I take no credit for this, this was written by someone else. I am simply sharing it.

I have to admit that this design worked better on paper than it does in my mock-up.

- so often the way
 
It is supposed to be 'Contemporary Retro
- fair enough
 
Can you suggest better combinations and sizes for my typography please
- start with browser default font size of 16px for all text elements
- experiment with HTML heading sizes till they "feel" right
- for starters try something like Georgia for body text, and a san-serif for headings, it's always work heading over to Google Web Fonts to see if anything fits with your ideas.
 
I think I have to much contrast in some of the elements on the page
- try removing the borders, they seem to make it too "boxy"
- try removing excess elements (there are 3 contact links!)
- try focusing in on the key interest areas (gardening, landscaping, service area) perhaps a simple 3 column grid
- try using a subtle page background color, white is very clinical
 
I want to keep the CTA elements subtle so getting the contrast and colour balance right is essential
- work on the principle of using three key colours (excluding page background color) for headings, copy text, links. For links you can then use plain text in that colour or use the link colour as button style
 

Exercise principles found here:
http://www.creativebloq.com/graphic-design/pro-guide-logo-design-21221
http://www.hongkiat.com/blog/5-tips-to-simplify-your-web-design/
 
And you'll come out the other side with a more polished logo and layout. I could point out individual things but the emphasis should be on the principles at this point I think.
 
Hope that helps mate.

Exercise principles found here:
http://www.creativebloq.com/graphic-design/pro-guide-logo-design-21221
http://www.hongkiat.com/blog/5-tips-to-simplify-your-web-design/
 
And you'll come out the other side with a more polished logo and layout. I could point out individual things but the emphasis should be on the principles at this point I think.
 
Hope that helps mate.

macbook pros are crazy overpriced if you just want it for web dev, any decent modern processor and as much ram as you can afford would do it. Maybe a semi decent gfx card for video editing, not sure if that work is cpu or graphics intensive?
 
500 quid would get you something pretty good desktop wise, depending on if you need a monitor. At quarter the price of a macbook.

I use it as back up, WordPress can back up to it at set times. I use it as my picture library, my repos and best of all, I sync sublime with it, for home and work.
 
Make sure you upload some camera photos to get an extra 3gb
 
evu.

There's also things like modernizr and ie8.js, look it up.
 
my theory is make it look good for latest browsers, let it fall back but work for older ones. always use css3 over images where you can.

getting a phone that comes with a drop box account is one of the best ways to get free space. I'm rocking a free 59gb atm

wrap #banner in another div, Let's say .wide and just apply the colour to that instead.
 
On mobile so can't give you the code mate, should be easy to follow though.

I use it as back up, WordPress can back up to it at set times. I use it as my picture library, my repos and best of all, I sync sublime with it, for home and work.
 
Make sure you upload some camera photos to get an extra 3gb
 
evu.

The image does have a black line at the top, view it here: http://www.ebta.co.uk/images/george-new.jpg
 
Goodluck,
~evu.
 
Ed: To be a bit more helpful, use something like http://pixlr.com/editor/ to crop it from the top by a couple of pixels.