Обучение HTML, CSS, JavaScript, jQuery, WordPress онлайн (+шрифты)

Статья будет постоянно пополняться. Это сайты, где можно учиться онлайн. Что это значит? Это значит, теория, практические примеры, интерактивные тестовые задания - всё на одном ресурсе.

0. JS, HTML, CSS, jQueryhttp://www.99lime.com/

1. JavaScript
http://www.codecademy.com/ - пошаговые тестовые уроки с заданиями.
http://hangar.runway7.net/javascript-guide-to-objects-functions-scope-prototpyes-closures - гид по
объектам и функциям.
http://www.modernizr.com/ - библиотека, на основе которой можно легко делать разные фишки
http://timeline.verite.co - скрипт "Хроника" для сайта
http://www.javascriptplayground.com/ - советы, подсказки, скринкасты, инструкции
2. HTML5, CSS3, JavaScript, iOS
http://teamtreehouse.com - интерактивные пошаговые уроки.
http://learncss.tutsplus.com/ - 30 дневный курс HTML & CSS
http://html5please.us/ - коллекция ссылок
http://videojs.com/ - видеоплеер на HTML5
http://html5snippets.com/ - примеры кодов HTML5
http://learn.shayhowe.com/html-css/ - уроки HTML & CSS для начинающих с примерами
http://zocial.smcllns.com/ - готовый framework для социальных кнопок
http://glisse.victorcoulon.fr/ - плагин для слайдера с эффектами перехода
http://www.turnjs.com/ - книга с эффектом перелистывания страниц
http://www.sequencejs.com/ - слайдер с крутыми CSS3-эффектами
http://srobbin.com/jquery-plugins/backstretch/ - замена картинки всего тела + слайдер,
открывающий контент сбоку тела
http://craig.is/making/rainbows - подсветка для кода внутри статей
http://thecodeplayer.com/ - необычный ресурс: вы видите создание кода в режиме видеозаписи, как будто программист сидит перед вами и набирает код.
http://livetools.uiparade.com/ - генератор форм, кнопок и другого.
3. HTML5
- примеры http://www.html5tuts.co.uk/,
- руководства http://www.html5rocks.com/en/
- примеры - http://html5demos.com/
- много полезного http://html5bookmarks.com/
- коды HTML для разных символов http://copypastecharacter.com/
- иконко-шрифт http://css-tricks.com/examples/IconFont/
4.  CSS3 
http://CSS3please.com
http://css3clickchart.com/ - теги, примеры кодов и ссылки на статьи об этом теге.
http://css1k.com/ - один сайт многими способами в 1Кб .CSS.
http://visualidiot.com/articles/css3 - 8 примеров
http://prefixr.com/ - создает сам нужные префиксы для разных браузеров
http://selectivizr.com/ - заменяет CSS-селекторы для IE.
http://www.starbucks.com/static/reference/styleguide/ - CSS-гид Starbucks
http://cssarrowplease.com/ - генератор кода для стрелки-примечвния
http://www.1stwebdesigner.com/css/mastering-css-gradients-in-less-than-1-hour/ - как рисовать градиенты
http://www.plugolabs.com/twitter-bootstrap-button-generator/ - генератор кнопок Twitter Bootstrap
5. jQuery
   - http://jqueryair.com/ - видеоуроки + задания
   - http://css-tricks.com/video-screencasts/20-introduction-to-jquery/ - введение, скринкаст
   - http://net.tutsplus.com/articles/web-roundups/jquery-for-absolute-beginners-video-series/
  - http://tutsplus.com/course/30-days-to-learn-jquery/ - 30-дневный видеокурс от нуля до профи
   - http://spyrestudios.com/simple-guide-how-to-get-started-with-jquery/ - гид
   - http://marcgrabanski.com/articles/jquery-essentials-slideshow - избранное, слайды
   - http://jqueryfordesigners.com/ - для дизайнеров
   - http://visualjquery.com/ - примеры
   - http://jquery-howto.blogspot.com/ - много статей с примерами
   - http://addyosmani.com/blog/essentialjsdesignpatterns/ - книга
   - http://oscarotero.com/jquery/ - библиотека функций.
   - http://visionmedia.github.com/uikit/ - еще одна простая библиотека разных функций
   - http://elclanrs.github.com/jq-idealforms/ - фреймворк для создания форм обратной связи с разными видами полей и их проверкой.
6. Площадка для кода - http://jsfiddle.net/ - вставляете код, сразу видите результат.
7. Слайдер плугин - http://www.flowslider.com/
    Слайдер очень простой плугин - http://slidesjs.com/
    Списки плугин - http://listjs.com/
    Слайдер с метками на фото - http://ipicture.justmybit.com/
    Крутой слайдер - http://rhinoslider.com/
    Коллекция крутых плугинов и руководств - http://www.jquerythisplugin.com/

8. WordPress.
The WordPress Codex - http://codex.wordpress.org/New_To_WordPress_-_Where_to_Start
WPBeginner - http://www.wpbeginner.com/
A Beginner’s Guide To WordPress Theme Development
Top 100 WordPress Plugins - скачать
Smashing WordPress - http://wp.smashingmagazine.com/
SixRevisions - wp tutorials
WPMU - http://wpmu.org/category/tutorials/
- Примеры кодов для конкретных задач - http://wp-snippets.com

9. Шрифты.
- Онлайн генератор - http://www.fontsquirrel.com/fontface/generator
- Скачать - http://www.fontpalace.com/

4 комментария:

  1. На русском языке вообще ничего нет?

    ОтветитьУдалить
  2. Подборка супер! Спасибо!

    ОтветитьУдалить
  3. А мне нравятся уроки html5+css3 от Дмитрия Охрименко - http://itvdn.com/ru/video/html5-and-css3

    ОтветитьУдалить

© Copyright 2010-2015. @neoandrej Блог Андрея Зюзикова