Ресурсы для разработки веб-интерфейсных навыков (CSS и т. Д.)

Question

Я хотел бы развивать надежные навыки разработки веб-сайтов. У меня есть некоторые базовые знания (мое оружие выбора - RoR), но я абсолютно ужасен с HTML, CSS, Javascript, всем интерфейсом/интерфейсом.

Знаете ли вы какие-либо хорошие ресурсы для разработки навыков HTMl/CSS? Javascript - это скорее язык программирования, поэтому я не думаю, что он действительно подходит в этом вопросе, но если вы знаете какие-либо хорошие ресурсы, я также буду приветствовать их!

Answer 1

• www.w3schools.com
• http://www.w3.org/Style/CSS/learning
• HTML http://www.w3schools.com/html/
• JQuery www.learningjquery.com

Книги, которые я мог бы рекомендовать:

• CSS недостающее руководство
• Head First HTML с CSS & XHTML (O Reilly)

Answer 2

Часы Douglas Crockford - Язык программирования JavaScript от YUI Theater, чтобы изучить некоторые навыки работы с JavaScript.

Для HTML, я многое узнал от HTMLDog. Я не думаю, что он обновлен, но все еще актуально, поскольку HTML/CSS Spec не изменился с момента его написания.

Answer 3

• A List Apart
• Smashing Magazine
• CSS Zen Garden (больше для вдохновения, чем на самом деле обучения, но до сих пор)

Answer 4

В моем опыте , большинство руководств по HTML/CSS охватывают его sintax, значения тегов, атрибуты и т. д. Вы можете закрыть их через несколько дней, а затем быстро забудете. ИМО, лучше искать проекты, а затем посмотреть источник, чтобы узнать, как они сделаны. Таким образом, вы сможете увидеть, что вы можете делать с тегами/css-комбинациями.

Вы можете увидеть бесплатные шаблоны на следующих сайтах.

Open Source Web Development
Free Web Site templates

Answer 5

Первое, что приходит ко мне, будет понять причины этих метаязыков, вы должны понимать, что разделение между содержанием, визуальными и functionnalities должны быть разделены.

Если вы знаете RoR, вы должны знать о шаблоне MVC. Здесь совершенно то же самое.

Попробуйте узнать, почему, и вы поймете, как это сделать.

Вы также должны знать о (x) html-семантике, которую необходимо знать, прежде чем что-либо делать.

Чтобы получить хорошее представление, вы можете дать сообщение Markup Guide, которое объясняет клиентам все теги xhtml.

Все ссылки, данные RegDwight, должны быть хорошим началом.

Как библиотека javascript, я бы посоветовал jQuery, который был бы полным и простым в использовании, с короткой кривой обучения (но в любом случае завершен).

Answer 6

Для CSS ваша первая остановка должна быть Eric Meyer's site. Он буквально написал книгу (на самом деле, четыре или пять) на CSS.