Contests
40 topics in this forum
-
Участники идут в том порядке, как они сдавали работы. Участвовать в голосовании могут все, у кого не меньше 3 сообщений на форуме, у каждого есть только один голос. Голосование продлится до пятницы 30 сентября, 10:00 UTC. psywalker (http://css-live.ru/Portfolio/Form-forum/main-page.html) alexriz (http://alexriz.wme.od.ua/htmlbook/form/) Gidroplan (http://re-surs.ru/files/forma/forma.html http://re-surs.ru/files/forma/forma2.html) Akaciya (http://podag.ru/form_h5/) Julia (http://cocktail-ru.1gb.ru/) Синдром (http://we1st.tk/htmlbook/ver1/step1.html http://we1st.tk/htmlbook/ver1/step2.html http://we1st.tk/htmlbook/ver1/step3.html http://we1st.tk/htmlbook/ver1/step4.html …
Last reply by psywalker, -
-
Спасибо всем за участие в конкурсе! Все выставленные результаты открыты, можно посмотреть, кто как решал задачи и обсуждать подходы. Я пока возьму таймаут, займусь подведением итогов и подсчётом баллов, завтра присоединюсь к обсуждению и выскажу своё мнение о результатах.
Last reply by psywalker, -
-
Конкурс по Canvas завершён, всем спасибо за участие. Работы доступны, можно смотреть и обсуждать. Приняло участие 8 человек, одна из них девушка.
Last reply by HUNTERxp, -
-
С 5 по 12 сентября на форуме пройдёт мини-конкурс «Дизайн формы». Заданием конкурса является дизайн и юзабилити готовой формы. Сама форма даётся заранее, от участников требуется представить её в наглядном и эффектном виде. 1. В процессе работы можно использовать любые изображения, менять положение элементов формы, группировать их, редактировать текст, а также производить манипуляции, направленные на повышение удобства формы. К примеру, такими манипуляциями можно считать замену флажков на переключатели. 2. Работа должна быть представлена в виде изображения в формате PNG-24. Если предполагается применение вкладок или других средств, которые скрывают часть формы, тогда сле…
Last reply by Анна, -
-
Мини-конкурс «Блоки» 1 2 3
by Vlad- 72 replies
- 28k views
7 июля 2011 года на форуме стартует небольшой конкурс по вёрстке. Правила мини-конкурса В конкурсе имеет право принять участие любой желающий зарегистрированный на форуме. Предварительная регистрация или заявка на конкурс не требуется. Начало конкурса в 7:00 UTC (10 Киева, 11 Москвы, 13 Екатеринбурга, 14 Омска, 15 Красноярска, 16 Иркутска, 17 Якутска, 18 Владивостока, 19 Магадана). На конкурс выставляется три задачи по вёрстке объединённые темой блоков. На решение всех трёх задач даётся три часа времени. Участники выкладывают свои решения в специально созданную для этого тему. Время сдачи решения фиксируется по времени сообщения, чьё сообщение выше, тот сдал работу р…
Last reply by Vlad, -
Лучший дизайн формы 1 2 3
by Vlad- 63 replies
- 29.7k views
Участники располагаются в том порядке, как сдавали работы. Где только один рисунок, даётся прямая ссылка на него, если работа с описанием и несколькими изображениями, то ссылка идёт на сообщение. Petro21 (http://www.fotolink.su/pic_b/1d1a5680f825c289f8a3cc794c4bd687.png) Verder (http://freeway-design.ru/files/form.png) s0rr0w (http://forum.htmlbook.ru/index.php?showtopic=29186&view=findpost&p=222128) Temiks (http://forum.htmlbook.ru/index.php?showtopic=29186&view=findpost&p=222187) AnnaP (http://forum.htmlbook.ru/index.php?showtopic=29186&view=findpost&p=222193) ctpz (http://narod.ru/disk/24793330001/Форма на конкурс.psd.html) Shader (http://forum.…
Last reply by Vlad, -
- 62 replies
- 19.3k views
Спасибо всем участникам за работу, изображения для просмотра и обсуждения открыты. Голосовать здесь. Можно выбирать сразу несколько работ. http://forum.htmlbook.ru/index.php?showtopic=29302
Last reply by psywalker, -
- 62 replies
- 16.1k views
Сюда можно выкладывать ссылки на решение задачи про таблицу, описанной в этой теме
Last reply by moron, -
- 53 replies
- 17.5k views
В эту тему выкладываются решения задач. Задачи должны быть предварительно выложены на сайт http://jsfiddle.net здесь же указывается только ссылка на них в следующем виде. [ hide ] http://jsfiddle.net/EhDWR/ http://jsfiddle.net/EhDWR/2/ http://jsfiddle.net/EhDWR/3/ [ /hide ] BB-коды пишутся без пробелов. Этот блок скрывает от просмотра ссылки и виден только мне и автору. После завершения времени конкурса все скрытые блоки открываются для всеобщего просмотра. Напоминаю важные правила Запрещено редактировать своё сообщение, в противном случае оно удаляется и решения в конкурсе не участвуют. Если вам требуется внести правки в ссылку или в решение, создайте новое сообщение. В…
Last reply by exessqd1, -
- 49 replies
- 12.5k views
На киевском оффлайн форуме разработчиков подымалась тема устойчивой верстки. Что означает этот термин? Это верстка, при которой минимальны затраты на дальнейшие модификации и изменения, замена каких-то частей на другие не вызывает проблем с визуальным отображением. Именно так выглядит счастье кодера. Поэтому мы проведем мини-соревнование на верстку простого макета, и по пути рассмотрим, какие проблемы нас могут ждать с каждой из реализаций. Формат такой: вы верстаете макет, мы совместно тестируем его на устойчивость, определяя негативные и позитивные стороны, вы его дорабатываете и снова представляете публике. Лучше всего выкладывать код на http://jsfiddle.net Обратите …
Last reply by s0rr0w, -
- 48 replies
- 12.8k views
В эту тему выкладываем свои решения мини-конкурса по HTML5 Canvas. Решение должно быть размещено на любом сайте, сюда выкладываете только ссылку на него в следующем виде: [ hide ] http://lionindesert.ru [ /hide ] BB-коды пишутся без пробелов. Этот блок скрывает от просмотра ссылку и виден только мне и автору. После завершения времени конкурса все скрытые блоки открываются для всеобщего просмотра. Если у вас нет сайта, на котором можно разместить документ, воспользуйтесь любым бесплатным хостингом. Удачного выступления!
Last reply by Nekromancer, -
- 47 replies
- 27.8k views
Работы выкладываются в том порядке, котором они публиковались. К сожалению, в опросе нельзя напрямую вставлять ссылки, поэтому добавляю их здесь. Все выставленные результаты с комментариями авторов, если они есть, можно посмотреть в этой теме. 1. nfsworld http://jsfiddle.net/...mbedded/result/ 2. nfsworld http://jsfiddle.net/...mbedded/result/ 3. Ironimus http://jsfiddle.net/...mbedded/result/ 4. Vlad http://jsfiddle.net/...mbedded/result/ 5. Vlad http://jsfiddle.net/...mbedded/result/ 6. Vlad http://jsfiddle.net/...mbedded/result/ 7. evasyakin http://jsfiddle.net/...mbedded/result/ 8. vinny http://jsfiddle.net/...mbedded/result/ 9. vinny http://jsfiddle.net/...mbedded/re…
Last reply by Vlad, -
- 46 replies
- 32.1k views
Конкурс пройдёт с 15 по 27 сентября, приём работ завершается в 10:00 UTC (13 Киева, Минска, 14 Москвы, 15 Ташкента, 16 Екатеринбурга, 17 Омска, 18 Красноярска, 19 Иркутска, 20 Якутска). В конкурсе имеет право принять участие любой желающий зарегистрированный на форуме. Предварительная регистрация или заявка не требуется. Победитель определяется путём открытого голосования посетителей форума. Для участия в голосовании надо иметь не менее трёх сообщений, при этом можно голосовать сразу за нескольких претендентов. Места распределяются согласно набранным голосам. Если участников будет больше 20, то устроим двухэтапную систему. Вначале происходит отбор 10 лучших участников, з…
Last reply by Vlad, -
Третий конкурс 1 2
by Vlad- 43 replies
- 10.3k views
Первые два конкурса посвященные вёрстке и канвасу я считаю прошли успешно, несмотря на традиционное летнее замирание в IT, но свою задачу выполнили. Пора обсудить следующий конкурс, который видимо пройдёт в конце августа или начале сентября. Ух, школоты должно повалить на сайт! Есть такие идеи, валю их в кучу. 1. Оптимизация графики Даётся куча рисунков, фоток, надо их максимально ужать с сохранением качества. Победит тот, у кого суммарный объём файлов меньше. 2. Дизайн интерфейса Есть сложная форма, её надо структурировать и нарисовать. Возможны два варианта: просто сделать рисунок формы и её сверстать как полагается, т.е. дизайн+вёрстка, что сложнее. 3. Программирование…
Last reply by ViStefan, -
- 39 replies
- 33.3k views
На тему «Сады Семирамиды» нарисовать картинку с помощью свойств CSS3, при этом следует соблюсти ряд условий. Минимальный размер картинки 800х600 пикселов, допустимо сделать её масштабируемой в зависимости от размеров окна браузера. В процессе работы нельзя использовать любые изображения (включая base64), SVG, VML, скрипты, библиотеки и тому подобное. Фактически должен быть только HTML и CSS. Работа должна корректно отображаться в современных браузерах Firefox 6+, Chrome 13+, Safari 5.1, Opera 12, IE10 (т.е. фильтры можно не включать). Картинка может содержать анимированные элементы также созданные с помощью CSS3. Это условие не обязательно, но «живая» картинка выглядит…
Last reply by MadMinimal, -
- 37 replies
- 12.4k views
Представитель некоторого хостинга предлагает провести конкурс по Joomla и/или WordPress. Он со своей стороны всем участникам выделяет площадку у себя для сайтов и призы. Но есть ряд вопросов организационного характера. 1. Сколько желающих примет участие в конкурсе? 2. Какого рода задание давать - сделать свою тему, полностью сайт, дизайн. 3. Как оценивать работы. В общем, предлагайте свои варианты проведения конкурса, а также высказывайтесь о его нужности в целом.
Last reply by RodgerFox, -
- 31 replies
- 25.1k views
Радиоволны Время Часы
Last reply by Vlad, -
- 29 replies
- 17.6k views
Необходимо сделать анимированную открытку к Новому год, используя традиционные атрибуты: ёлочку, снеговика, Деда Мороза, снежинки и др. Открытка обязательно должна включать анимацию, выполненную с помощью CSS3, JavaScript или их комбинаций.Допустимо использовать любые изображения, скрипты, библиотеки JavaScript, специализированные программы для анимации.Запрещено применять только две вещи: Flash (или его аналоги вроде Silverlight) и анимированный GIF.Размер открытки должен быть не менее 500х400 пикселов.Результат выставляем в специальной теме форума в виде ссылки на jsfiddle.net.Продолжительность анимации должна быть не менее 4 секунд или зациклена.Надпись «С Новым годом!…
Last reply by Vlad, -
- 28 replies
- 16k views
Поскольку на конкурс выставили достаточно много работ, выбираем не лучшую задачу, а автора лучшей задачи. Награждать то его надо, по любому. В конкурсе приняло участие 11 человек, предоставили 48 задач. Авторы публикуются в той последовательности, что и сдавали работы, все задачи можно посмотреть в этой теме. Ниже ссылки на сообщения с задачами. 1. mrnobody http://htmlforum.ru/index.php?showtopic=46658#entry311452 2. iKNG http://htmlforum.ru/index.php?showtopic=46658#entry311458 3. Bassline http://htmlforum.ru/index.php?showtopic=46658#entry311612 4. Vezha http://htmlforum.ru/index.php?showtopic=46658#entry311618 5. terorama http://htmlforum.ru/index.php?showt…
Last reply by Vlad, -
Идея конкурса 1 2
by Vlad- 27 replies
- 11.5k views
Сайту htmlbook.ru не хватает специализированной мобильной версии, так что можно убить двух зайцев сразу – устроить конкурс на создание мобильной версии, это дизайн, вёрстка и структура. Как вам такая идея?
Last reply by SelenIT, -
- 26 replies
- 11.8k views
Сюда выкладываем свои рисунки в виде ссылок на сайты, где показана работа. Ссылки вставляйте между кодами [ hide ] и [ /hide ] пишутся они без пробелов.
Last reply by Vlad, -
Дизайн формы 1 2
by Vlad- 25 replies
- 21.2k views
Сюда вы можете выкладывать свои работы по мини-конкурсу Дизайн формы. Работа должна быть сделана в формате PNG-24 или PSD, здесь вы указываете лишь ссылку на неё в следующем виде: [ hide ] http://htmlbook.ru/themes/hb/logo.png [ /hide ] BB-коды пишутся слитно без пробелов.
Last reply by Vlad, -
- 24 replies
- 6.7k views
Сделал для себя кое-какие выводы по организации, которыми и поделюсь. Больше таких жёстких условий с ограничением времени делать не стоит. Идея конечно классная и приближена к боевым условиями (например, на собеседовании), но в действительности не сильно и выявляет лучших. Многим людям требуется какое-то время, чтобы найти и выдать оптимальное решение и если им дать времени побольше и не давить скоростью, то они смогут решить любую задачу. Второй момент связан с часовыми поясами. Получилось, что кому-то начало конкурса не в жилу оказалось, другому, наоборот, повезло. Перенос времени ничего не решит, в любом случае снова окажутся те, кто не смогут из-за времени поучаствова…
Last reply by Vlad, -
- 24 replies
- 16.1k views
Необходимо сделать игру на HTML5 Canvas и представить результат в виде веб-страницы, которая содержит: название игры, её правила, количество сделанных ходов, сообщение о завершении игры. Название игры: Плитки майя Правила игры Эта древняя игра-головоломка заимствована у индейцев племени майя и рассчитана на одного игрока. Задача заключается в том, чтобы поменять местами белый и серый ряды, перемещая фишки на свободные поля, причём центральная фишка в итоге должна остаться на своём месте. За один ход можно перемещать фишку на любое количество ходов, но перепрыгивать через другие фишки запрещается. Размеры поля, цвет и вид фишек может задаваться произвольно. Допустимо доб…
Last reply by Vlad, -
- 21 replies
- 7.2k views
В начале августа хочу провести ещё один мини-конкурс по темам JavaScript и Canvas. В качестве задания можно сделать похожую на эту игру http://jsfiddle.net/EhDWR/2/ Игра конечно не та же самая, но смысл, думаю, понятен. Надо нарисовать поле, сделать возможность ходов, проверку победы и другие мелочи. Как вы относитесь к такой идее? В этот раз время будет побольше даваться на решение, дня три или даже пять.
Last reply by Vlad,
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-