Leaderboard
Popular Content
Showing content with the highest reputation on 03/11/2015 in all areas
-
-moz-element http://jsfiddle.net/ovh2zaxw/Для других браузеров не знаю.2 points
-
Дам вам по-настоящему хороший совет. Не начинайте заниматься вёрсткой, займитесь чем-нибудь другим. Вы меня не послушаете, потому что я ничего не написал стену аргументов, а зря, будете жалеть.1 point
-
Привет. Скажу сразу -- в тексте будут опечатки так как задание писалось на планшете. Я не заморачивался поверкой текста и писал все ниже изложенное на коленке. Все написано, так скзать, на одном дыхании. Но если ты найдешь ошибку и укажешь на нее я с внесу правки. Для чего это я написал это задание? Большинство заданий тут представленных направлены на самых что ни есть новичков. Ну или тех разработчиков которые познали хотя бы азы в верстке. В итоге сверстав пару макетов новоиспеченный верстальщик идет или на фриланс или в мелкую компанию и верстает такие же по уровню сложности сайты. Как правило это хомяки, не большие промо сайты, ну или в крайнем случае что-то похожее на каталоги/интернет магазины. Имхо, рост в сфере верстальщика это сложный и тернистый путь. Он возможен только при условии когда ты берешся за работу, которая выше уровнем твоих знаний. Так вот, данное задание направленно тем, кто не знает как его реализовать -- для того что бы его выполнение подняло уровень знаний. Небольшое отступление. В кратце -- что из себя будет представлять задание. Я постараюсь изложить все в форме ТЗ но, с уточнениями по организации дерева папок, описанием работы тех или иных блоков и/или элементов, подскажу не очевидные проблемы которые могут возникнуть в будущем, и наверно много чего о чем в данный момент не вспомню. Или другими словами -- ТЗ от разработчика с рекомандициями. Да бы не превращать топик в простыню я спрячу все в спойлер.1 point
-
Нет, конечно, не стоит мучить себя, браузер и пользователя изменением размера с шагом в 50px)))) Интересная единица измерения, как-то на нее раньше внимания особого не обращала из-за багов, о которых пишут в связи с ней. И да, если нужно именно плавно, то это выход. Однако: 1. Все же адаптивное изменение размеров шрифта немаловажную роль играет в мобильных устройствах, а vw только вот начался поддерживаться тем же андроидом. На моем телефоне (не очень-то и древнем), например, я даже не представляю как будет выглядеть, если не написать кучу fallback'ов с помощью media queries 2. Подскажите, пожалуйста, как использовать vw на практике? Возможно есть какие-то готовые проекты, использующие vw? К примеру с rem я делаю так (ну это грубо говоря): проставляю html font-size в % (используя максимум 3 media queries), затем просто проставляю значения элементам в px как в макете, используя написанный уже ранее для себя миксин в Compass'е. Это позволяет перенести размеры шрифтов в точности как в макете (который обычно в реальности рисуется только на 1000px), в то же время реализуя некоторую адаптивность шрифта под ширину браузера. Очень удобно лично для меня Подробнее про этот способ можно прочитать тут1 point
-
Если вы используете способ с плагином для Illustrator, то не нужно повторно спрайты в Compass генерировать (вы уже это делаете, когда сохраняете из ai в svg и png). https://www.npmjs.org/package/grunt-spritesmith - на вид крутая штука, но руки все у самой не доходят попробовать его в действии.1 point
This leaderboard is set to Kiev/GMT+02:00
-
Upcoming Events
No upcoming events found -
Сообщения форума
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-