Leaderboard
Popular Content
Showing content with the highest reputation on 10/07/2013 in Posts
-
Вот такой получился сайт для художницы. Я сам очень не люблю тёмный фон, но здесь он был к месту, поэтому читаемостью пришлось пожертвовать в некоторой степени. Хочется услышать мнения других людей как относительно дизайна, так и вёрстки, юзабилити и т. д.1 point
-
Огромное спасибо дружище тебе (а так же SelenIT'у и Грит Рашу) за эту статью http://css-live.ru/f...stalshhika.html. Благодаря ей, я вдохновился стать верстальщиком. Прошёл ровно год как я её прочёл, за год я вырос профессионально, зарплата выросла выше средней статистической по Украине. Позволил себе выучиться на права и купить старенькую иномарочку. Если бы не эта статья, я наврятли решился бы серьёзно заниматься данной профессией. Всех благ тебе дружище, твоя статья кардинально перевернула мою жизнь Нашёл себя и получаю одно удовольствие от работы.1 point
-
Кстати, таким макаром можно распределять по ширине любое число блоков.1 point
-
Вариант «в лоб» навскидку.1 point
-
Так работает единица rem («root em»). Правда, в IE8 ее еще нет. Только rem опирается не от body, а от html, если для html размер шрифта не указан, то от значений браузера по-умолчанию И да в IE9-10 есть багло с rem, эти версии не хотят понимать эту единицу в сокращенной форме записи свойства font http://jsfiddle.net/alexriz/g22pr/. В IE11 это уже исправлено.1 point
-
http://www.createcss3.com/ CSS генератор, собрано много примеров...1 point
-
Проблема обычно в том, что http://www.fontsquirrel.com иногда отказывается принимать платные шрифты. Но в целом это самый нормальный генератор. Есть еще http://www.font2web.com платность шрифтов ему не помеха, но генерит хуже, одни буквы ниже других получаются. Странно, обычно всегда нормально кириллицу выдавал. В режиме эксперта в Custom Subsetting выбирали нужный язык?1 point
-
хмъ... впервые вижу человека который после этой статьи что-то да сделал, а не пошел на форум искать наставника. ну что сказать, молодца.1 point
-
и стараться писать без опечаток, в программирование ошибка в один символ не допустимы1 point
-
Особенность этого конкурса в том, что опытные разработчики здесь преимуществ особых не имеют и находятся практически в одинаковом положении с новичками.1 point
-
В хроме последнее время жестокий перекос с перерисовкой. Поэтому и вылазят такие косяки. Я недавно придумал как можно бороться с этим. Нужно просто принудительно заставить браузер перерисовывать область, тогда все эти глюки пропадут. в css нужно добавить анимацию только для webkit, такого рода: html { -webkit-animation: repaint .017s infinite ease; } @-webkit-keyframes repaint { 0% { box-shadow:0 0 0 rgba(0,0,0,0); } 50% { box-shadow:0 0 0 rgba(0,0,0,.01); } 100% { box-shadow:0 0 0 rgba(0,0,0,0); } } Анимировать необязательно именно тень, нужно выбирать то, что лучше всего подходит в конкретном случае, но не будет заметно для пользователя. Можно, например line-height анимировать. Это позволяет бороться с багом единиц измерения vh в хроме: Chrome 20+, Safari 6+ - Supported but has repaint issue; http://jsfiddle.net/alexriz/FBM7X/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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-