Совместное обучение HTML вёрстке

[ZloDeeV]

Сижу вечерами дома и тренируюсь верстать и программить на js. В общем - фронт-энд. Ну и иногда встречаются моменты, с которыми справиться самому уже не под силу, зачастую и гугл подводит с такими ситуациями. Вот и решил, что если есть ещё кто-то, кто хочет так же как и я, в свободное время изучать популярную нынче область "программирования". Что обещаю от себя - предоставлю хостинг(с php) для ваших примеров, если поможете, то сможем оживить недописанную мной страничку для "хвастовства"(чтобы свои поделки демострировать), тем самым объединившись в некую команду чтоль, ну там сами решите. Еще обещаюсь помогать с тем, в чем уже разобрался, подскажу всякие ништяки, типа сниппетов, плагинов для быстрого редактирования.

Что уже сделал? Ну есть уже две сверстанных странички, за две недели по часу в день:
http://wiic.ru/work_num_1/ - сам удивился, когда воткнув свой первый HTML5-пример в валидатор, увидел 0 ошибок как в html, так и в css3
http://wiic.ru/work_num_3/ - верстал макет, знакомому в тот момент понадобился подобного вида сайт, поэтому текст на сайте свой, а знакомый в итоге канул в неизвестность с обещанной денюжкой :cray: (не конечный результат, поэтому баннера не видать и текст кое-где кривой, это из-за того, что не обновил файлики, как дойдут руки - скину с компа на сервер)

Чем сейчас занимаюсь? Сейчас увидел на дежурке.ру много .psd файлов с дизайном веб-плееров, вот сижу и делаю, начал и завис на этом:

ковыряюсь с ним пока, сложность с круговым прогресс-баром, придумал несколько вариантов реализации, но в каждом свои косяки. Если успею, то доделаю его и поправив страничку - подарю девушке на др :wub:

Есть скуйп: zlodeev.ik
Есть мыло: zlodeev.ik@gmail.com - проверяю 5 раз в день
Есть свой сервер: wiic.ru
Желающие - пишите или сюда, или в контакты выше.

[alexander]

Почитай о Canvas, им нарисовать такой прогресс бар не сложно. Все браузеры поддерживают. Но подарок сомнительный :D

[ZloDeeV]

Ну канва само-собой хороший вариант. Но хотелось бы этой фичей поюзать css-хаки с бордерами и rotate. Мой вариант был - поворачивать полукруг синий, два раза, но там мне трудно представить необходимые слои, чтобы это нормально смотрелось и не возникало дерганий при переходе на середине.
А второй вариант - увеличивать размер бордюра от 0 до 1 поочередно на каждой стороне, начиная с верхней, но тогда крайняя четверть круга не получается.
А подарок не в самом сверстанном плеере, а в подгрузке музыки с вк.ком в него, чтобы девушка могла свою любимую музыку на нём слушать, не знаю зачем, просто хотелось в дополнение к основному подарку что-нибудь оригинальное подкинуть, врдяли кто-то еще такое дарил)

[ZloDeeV]

И вот, спустя три дня, я доделал сам плеер :yahoo: http://wiic.ru/work_players/ , осталась мелочевка по краям и саму страничку оформить(еще добавлю поле, для вставки ссылки на свою музыку и сделаю активными переключатели след. и пред. песни). Как только с этим закончу, сразу возьмусь за следующий:



А желающих всё так и не было, хотя я даже не требую ничего, просто тренируйтесь вместе со мной.

[ZloDeeV]

Сделал тот, что в сообщении выше, к нему осталось только музыку саму прикрутить. Скоро возьмусь за следующий, сейчас пока буду пробовать верстать посложнее что-то. Всё еще жду желающих

[ZloDeeV]

Завершил работу над своим неким блогом, вот пытаюсь поднять тиц) http://wiic.ru/

А на счет совместного обучения, уже есть один человек) Вот недавно свой первый макет выложил : http://wiic.ru/egor/wn1/