Contests
40 topics in this forum
-
Лучший дизайн формы 1 2 3
by Vlad- 63 replies
- 28.4k 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, -
Дизайн формы 1 2
by Vlad- 25 replies
- 20.6k views
Сюда вы можете выкладывать свои работы по мини-конкурсу Дизайн формы. Работа должна быть сделана в формате PNG-24 или PSD, здесь вы указываете лишь ссылку на неё в следующем виде: [ hide ] http://htmlbook.ru/themes/hb/logo.png [ /hide ] BB-коды пишутся слитно без пробелов.
Last reply by Vlad, -
- 16 replies
- 4.8k views
Сделать дизайн приведённой формы (файл form.html). В процессе работы можно использовать любые изображения, менять положение элементов, редактировать поясняющий текст, а также производить манипуляции, направленные на повышение удобства формы. К примеру, такими манипуляциями можно считать замену флажков на переключатели. Текст внутри списков, рядом с флажками и переключателями формируется программно и изменению не подлежит, остальной текст можно менять по своему усмотрению. Работа должна быть представлена в виде изображения в формате PNG-24 или PSD. Если предполагается применение вкладок или других средств, которые скрывают часть формы, тогда следует сделать несколько изобр…
Last reply by Vlad, -
С 5 по 12 сентября на форуме пройдёт мини-конкурс «Дизайн формы». Заданием конкурса является дизайн и юзабилити готовой формы. Сама форма даётся заранее, от участников требуется представить её в наглядном и эффектном виде. 1. В процессе работы можно использовать любые изображения, менять положение элементов формы, группировать их, редактировать текст, а также производить манипуляции, направленные на повышение удобства формы. К примеру, такими манипуляциями можно считать замену флажков на переключатели. 2. Работа должна быть представлена в виде изображения в формате PNG-24. Если предполагается применение вкладок или других средств, которые скрывают часть формы, тогда сле…
Last reply by Анна, -
-
- 21 replies
- 6.8k views
В начале августа хочу провести ещё один мини-конкурс по темам JavaScript и Canvas. В качестве задания можно сделать похожую на эту игру http://jsfiddle.net/EhDWR/2/ Игра конечно не та же самая, но смысл, думаю, понятен. Надо нарисовать поле, сделать возможность ходов, проверку победы и другие мелочи. Как вы относитесь к такой идее? В этот раз время будет побольше даваться на решение, дня три или даже пять.
Last reply by Vlad, -
- 24 replies
- 15.7k views
Необходимо сделать игру на HTML5 Canvas и представить результат в виде веб-страницы, которая содержит: название игры, её правила, количество сделанных ходов, сообщение о завершении игры. Название игры: Плитки майя Правила игры Эта древняя игра-головоломка заимствована у индейцев племени майя и рассчитана на одного игрока. Задача заключается в том, чтобы поменять местами белый и серый ряды, перемещая фишки на свободные поля, причём центральная фишка в итоге должна остаться на своём месте. За один ход можно перемещать фишку на любое количество ходов, но перепрыгивать через другие фишки запрещается. Размеры поля, цвет и вид фишек может задаваться произвольно. Допустимо доб…
Last reply by Vlad, -
Конкурс по Canvas завершён, всем спасибо за участие. Работы доступны, можно смотреть и обсуждать. Приняло участие 8 человек, одна из них девушка.
Last reply by HUNTERxp, -
-
Третий конкурс 1 2
by Vlad- 43 replies
- 9.6k views
Первые два конкурса посвященные вёрстке и канвасу я считаю прошли успешно, несмотря на традиционное летнее замирание в IT, но свою задачу выполнили. Пора обсудить следующий конкурс, который видимо пройдёт в конце августа или начале сентября. Ух, школоты должно повалить на сайт! Есть такие идеи, валю их в кучу. 1. Оптимизация графики Даётся куча рисунков, фоток, надо их максимально ужать с сохранением качества. Победит тот, у кого суммарный объём файлов меньше. 2. Дизайн интерфейса Есть сложная форма, её надо структурировать и нарисовать. Возможны два варианта: просто сделать рисунок формы и её сверстать как полагается, т.е. дизайн+вёрстка, что сложнее. 3. Программирование…
Last reply by ViStefan, -
- 48 replies
- 11.9k views
В эту тему выкладываем свои решения мини-конкурса по HTML5 Canvas. Решение должно быть размещено на любом сайте, сюда выкладываете только ссылку на него в следующем виде: [ hide ] http://lionindesert.ru [ /hide ] BB-коды пишутся без пробелов. Этот блок скрывает от просмотра ссылку и виден только мне и автору. После завершения времени конкурса все скрытые блоки открываются для всеобщего просмотра. Если у вас нет сайта, на котором можно разместить документ, воспользуйтесь любым бесплатным хостингом. Удачного выступления!
Last reply by Nekromancer, -
- 20 replies
- 12.3k views
С 4 по 9 августа 2011 года на форуме пройдёт небольшой конкурс по HTML5 Canvas. Конкурс рассчитан на новичков, для выполнения задания необходимо владеть начальными навыками по JavaScript и API Canvas. Правила мини-конкурса В конкурсе имеет право принять участие любой желающий зарегистрированный на форуме. Предварительная регистрация или заявка на конкурс не требуется. Начало конкурса 4 августа в 1:00 UTC (4 утра Киева, Минска, 5 Москвы, 7 Екатеринбурга, 8 Омска, 9 Красноярска, 10 Иркутска, 11 Якутска). Работы принимаются до 10:00 UTC 9 августа (13 часов Киева, Минска, 14 Москвы, 16 Екатеринбурга, 17 Омска, 18 Красноярска, 19 Иркутска, 20 Якутска). Участник должен сделат…
Last reply by Vlad, -
Спасибо всем за участие в конкурсе! Все выставленные результаты открыты, можно посмотреть, кто как решал задачи и обсуждать подходы. Я пока возьму таймаут, займусь подведением итогов и подсчётом баллов, завтра присоединюсь к обсуждению и выскажу своё мнение о результатах.
Last reply by psywalker, -
-
- 24 replies
- 6.3k views
Сделал для себя кое-какие выводы по организации, которыми и поделюсь. Больше таких жёстких условий с ограничением времени делать не стоит. Идея конечно классная и приближена к боевым условиями (например, на собеседовании), но в действительности не сильно и выявляет лучших. Многим людям требуется какое-то время, чтобы найти и выдать оптимальное решение и если им дать времени побольше и не давить скоростью, то они смогут решить любую задачу. Второй момент связан с часовыми поясами. Получилось, что кому-то начало конкурса не в жилу оказалось, другому, наоборот, повезло. Перенос времени ничего не решит, в любом случае снова окажутся те, кто не смогут из-за времени поучаствова…
Last reply by Vlad, -
Мини-конкурс «Блоки» 1 2 3
by Vlad- 72 replies
- 26.4k views
7 июля 2011 года на форуме стартует небольшой конкурс по вёрстке. Правила мини-конкурса В конкурсе имеет право принять участие любой желающий зарегистрированный на форуме. Предварительная регистрация или заявка на конкурс не требуется. Начало конкурса в 7:00 UTC (10 Киева, 11 Москвы, 13 Екатеринбурга, 14 Омска, 15 Красноярска, 16 Иркутска, 17 Якутска, 18 Владивостока, 19 Магадана). На конкурс выставляется три задачи по вёрстке объединённые темой блоков. На решение всех трёх задач даётся три часа времени. Участники выкладывают свои решения в специально созданную для этого тему. Время сдачи решения фиксируется по времени сообщения, чьё сообщение выше, тот сдал работу р…
Last reply by Vlad, -
- 19 replies
- 16.2k views
Задание 1. Эскиз Уголки фиксированного размера, ширина и высота уголков одинакова, задаётся в пикселах. Задание 2. Блок с тенью Содержит скругления в заголовке и внизу блока. Вокруг блока тёмно-зелёная рамка и тень. Длина заголовка может меняться, соответственно, должна изменяться и ширина блока под ним, но при этом не превышать 250px. Задание 3. Блок с градиентом Полупрозрачная градиентная рамка вокруг блока с градиентным фоном под заголовком и небольшим треугольником. Фон на странице приведён лишь для наглядности эффекта полупрозрачности. Вы можете указать свою картинку или использовать ту, что в примере по адресу http://htmlbook.ru/example/images/redline.png Минима…
Last reply by Vlad, -
- 53 replies
- 16.4k 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,
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-