Jump to content

Leaderboard

Popular Content

Showing content with the highest reputation on 04/04/15 in Posts

  1. Самое простое - два фона: фотография и белая фигурная рамка. Добавляете фоны к одному элементу, чтобы рамка была внизу и перекрывала фотографию.
    1 point
  2. 1) Форма после отправки не очищается; 2) если транзишион только на ховер, то при уводе мышки не будет анимации; 3) текст неоттипографлен; 4) "ОТ 100 000 РУБ." лучше писать как "100'000", и почитайте про text-transform; 5) У вас есть 3 блока, которые увеличиваются при наведении. Быстроту анимации лучше увеличить в 2 раза, анимации свыше 300 миллисекунд лучше не делать (на самом деле можно, но редко). Также у вас боковые блоки становятся над всеми только в конце анимации, что не красиво: во время анимации боковых блоков они находятся под центральным, это неправильно. На этих блоках, кстати, отлично видно что бывает, если транзишион сделать только на ховере. 6) Отзывы можно двигать мышкой. На самом деле это на фиг не нужно, оставьте перелистывание только по стрелкам. У стрелок также немножко увеличьте область клика, пикселей по 10 влево-вправо-вверх-вниз, ховер по стрелкам желательно сделать. Перематывание с конца в начало смотрится некрасиво, либо зациклить, либо блокировать. И да, слайдер будет работать на мобилках/планшетах по свайпу? 7) Ховер на кнопке в подвале незавершён в плане анимации. 8) Тайтл не-порусски написан; 9) Капслок везде - это, конечно, высшая степень уродства сайта, за такое палкой бить надо. Даже заголовки не стоит выделять капсом, ибо они уже выделены размером и жирностью. 10) Текст пишите не "Тополя тополя, круто. Сделали за два дня. Спасибо все классно!", а берите, например, с http://vesna.yandex.ru/referats/ 11) "$(".tnx").fadeIn(300).delay(2000).fadeOut(300);" лучше задержку делать через setTimeout, ибо более управляемо; 12) "$('#loader', form).html('<img src="images/loader.gif" /> отправляю');" не надо лишний раз без надобности дёргать DOM 13) "<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>"Дайте угадаю, всё никак не можете избавиться от live? 14) Проверку полей формы лучше всё-таки делать через jQuery Validation, браузерные проверки фигня.
    1 point
This leaderboard is set to Kiev/GMT+03:00
  • Upcoming Events

    No upcoming events found
  • Сообщения форума

    • Актуальные контакты: 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/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy