My 2 cents:

Download this product and if you like it buy it:  
http://www.jetbrains.com/webstorm/   It is a lot like Eclipse - just better.  
And you get all the code support for all the new goodies like HTML5, JavaScript 
(it reads the files in your directory and creates code assist just like a java 
editor!  If you use MooTools, JQuery etc... you can also import those for code 
assistance), CSS, SASS (smart css) and much more.  There are also bunch of 
plugins that you can install (just like eclipse).

Then I would take a look at a reset CSS framework like Blueprint, Bootstrap, 
960 etc...  They provide "scaffolds" that make it easier to create columns and 
rows without having to use a table based layout.

Once you get your head around CSS you are going to be like "man there is so 
many rules for different browsers and versions I keep repeating myself this 
sucks..." that's when you are going to want to look at compass.  Compass lets 
you code .scss files which compile to .css files.  And you get all this cool 
stuff like variables and templates.  As an example you might want to add a box 
shadow to an element - then you have to remember what the declaration in 
firefox, chrome, safari, i.e. etc...  But with compass you can just say 
@include box-shadow(var, var, var, var) and it will compile it down to all the 
different -moz, -webkit, box-shadow for you.  And yes - WebStorm's code 
intelligence knows about all the "mixins"!

HTH,

Johnny

On Feb 12, 2013, at 9:14 AM, Ken Anderson <[email protected]> wrote:

> Yeah, I think the better bet is to learn this stuff once and for all.  Any 
> recommendations for a good guide to html5 and css3 ?  I asked this earlier 
> and got a number of responses, but hey... :)
> 
> Thanks again everyone!
> Ken
> 
> On Feb 12, 2013, at 2:04 PM, Johnny Miller <[email protected]> wrote:
> 
>> Hi Ken,
>> 
>> There are also a number of companies who provide a PSD 2 HTML service (just 
>> Google it).  The code quality you get is pretty high and they're reasonably 
>> priced.  Although, I would recommend learning HTML and CSS.
>> 
>> Johnny
>> 
>> On Feb 12, 2013, at 7:09 AM, Ken Anderson <[email protected]> wrote:
>> 
>>> David,
>>> 
>>> No doubt - we already have a graphic designer, who will do comps for me to 
>>> work from.  The big question is, how do I get those comps into the real 
>>> world.  She doesn't do HTML, but getting a comp into HTML is pretty 
>>> straightforward… the hard part is all the movement that people have become 
>>> accustomed to.
>>> 
>>> I was thinking I could take her raw graphics, the comp, and put them 
>>> together in something like DreamWeaver, then WO-ify it from there.  
>>> Reasonable?
>>> 
>>> Thanks - and hope to see you at WOWODC!
>>> 
>>> (The original) Ken
>>> 
>>> On Feb 12, 2013, at 12:07 PM, David LeBer <[email protected]> 
>>> wrote:
>>> 
>>>> Ken,
>>>> 
>>>> The workflow that has worked for us is to hire a designer, have them mock 
>>>> up the pages as plain html, then cut them into bits and "wo-ify" them.
>>>> 
>>>> I have a decent aesthetic sense, and good attention to detail, but would 
>>>> never consider myself a designer. I've found that nothing beats having a 
>>>> good design to start with.
>>>> 
>>>> D
>>>> 
>>>> On 2013-02-12, at 11:58 AM, Ken Anderson <[email protected]> wrote:
>>>> 
>>>>> All,
>>>>> 
>>>>> I'm building a web site, and would like some of the more whizzy UI's that 
>>>>> are common today.  I could go out and learn HTML5 and CSS3, but I was 
>>>>> wondering if there's a reasonable shortcut like Dreamweaver or another 
>>>>> editor.
>>>>> 
>>>>> Does anyone have any recommendations or experience?
>>>>> 
>>>>> Thanks!
>>>>> Ken
>>>>> _______________________________________________
>>>>> Do not post admin requests to the list. They will be ignored.
>>>>> Webobjects-dev mailing list      ([email protected])
>>>>> Help/Unsubscribe/Update your Subscription:
>>>>> https://lists.apple.com/mailman/options/webobjects-dev/dleber_wodev%40codeferous.com
>>>>> 
>>>>> This email sent to [email protected]
>>>> 
>>> 
>>> 
>>> _______________________________________________
>>> Do not post admin requests to the list. They will be ignored.
>>> Webobjects-dev mailing list      ([email protected])
>>> Help/Unsubscribe/Update your Subscription:
>>> https://lists.apple.com/mailman/options/webobjects-dev/jlmiller%40kahalawai.com
>>> 
>>> This email sent to [email protected]
>> 

 _______________________________________________
Do not post admin requests to the list. They will be ignored.
Webobjects-dev mailing list      ([email protected])
Help/Unsubscribe/Update your Subscription:
https://lists.apple.com/mailman/options/webobjects-dev/archive%40mail-archive.com

This email sent to [email protected]

Reply via email to