Leaderboard
Popular Content
Showing content with the highest reputation on 02/14/2015 in Posts
-
В той статье, к сожалению, не вся правда про этот алгоритм, есть и другая сторона медали: http://www.paciellogroup.com/blog/2013/10/html5-document-outline/ С поисковой оптимизацией новые теги связаны чуть более чем никак, о чем неоднократно заявляли представители Гугла (как минимум). Может, и врали, но в любом случае алгоритмы ранжирования меняются несколько раз за сезон и заниматься «SE-мантикой» (гаданием о судьбе страницы в поисковиках с помощью какой-то непонятной магии) нет особого смысла. Нужно просто делать хорошие и полезные страницы, на которые люди будут охотно ссылаться сами, используя любые удобные для себя средства, разрешенные спецификациями, имхо.2 points
-
Хотел попробовать сделать с помощью псевдоэлементов к body, но нужно вставлять их в .container Вроде ничего не должно поломаться из-за переопределения стилей псевдоэлементов для контейнера. Вот так получилось https://jsfiddle.net/mrnobody/y2k82w4n/embedded/result/2 points
-
? чаво? вы о чем? а.... я понял - об уровне жизни в папуа новой гвинее?1 point
-
Думаю, что недалеко то время, когда и поисковики начнут учитывать разметку кода. Но мы еще забываем один аспект. Наверняка разработчики в отличии от нас думают обо всех категориях пользователей и пытаются облегчить использование интернета в том числе и людям с ограниченными возможностями. В частности тем кто использует голосовые браузеры. Да и наверняка тем кто ограничен по каким-то причинам в своих физических действиях. Но у нас это пока вообще не учитывают. Особенно на всякие новинки должны реагировать учебные центры и курсы. Более того зимой 2013 года проходила курсы. Так первоначально попала на занятия, где учили только табличной верстке, а дивам было посвящено несколько строк в учебном пособии. С курсами пришлось расстаться, активно штудировать интернет, и сразу использовать разметку HTML 5. Переучиваться потом будет труднее. Из-за необходимости переучиваться многие не воспринимают новинки. Это мое мнение. Я по специальности математик, некоторое время работала в издательстве. Может поэтому стремлюсь учитывать всевозможные нюансы. А еще очень интересно посмотреть и проанализировать предложения веб-студий. Особенно обратила внимание на примеры работ. В большинстве случаев мы застряли в 2000-2006 годах. Это не только семантика, но и в первую очередь отсутствие адаптивных кодов. Особенно странно это для сайтов пользователями которых являются физические лица, которые все больше используют смартфоны и планшеты. У меня муж работает в дирекции крупного акционерного общества. Они все пытаются выйти на западный рынок. Так вот один из партнеров посмотрел их сайт и сказал: "Господа, да Вас нет, Вы не существуете".1 point
-
И только для вывода в виде текста. Увы. Даже в спецификации расширение ф-ции attr() помечено как «под угрозой удаления» из-за его «бойкота» браузерами…1 point
-
Придумали. Фотошоп для веб-макетов вообще плохо приспособлен, просто альтернатив не знают. Используйте Illustrator или InDesign, они для макетирования специально созданы.1 point
-
Согласно MDN в стандарте CSS3 эта функция может быть использована с любым свойством, но браузерами поддерживается только CSS2 реализация, в которой функция может быть применена только к свойству content.1 point
-
Почитайте статью. Только до конца. Где-то с середины там очень популярно все растолковано про новые теги HTML5 http://htmlbook.ru/html5/semantics Или вот еще http://htmlbook.ru/blog/predvaritelnyi-obzor-html5 Там в самом конце есть перечень статей по этой теме. Но еще добавлю от себя. Для семантики становится важной четкая структура кода. Например нам на курсах никто не говорил, что теги h1-h6 создают структуру кода и никто на этом не запаривается. Но попробуйте ради интереса пройти валидацию сайта на http://validator.w3.org/#validate_by_uri , только доктайп напишите для HTML5 - <!DOCTYPE html> Валидацию пройдете, но получите замечание по использованию тегов h1-h6. Просто выучив что-то один раз потом очень трудно переучиваться. Наверно каждый слышал не раз: "Я так много лет делаю".1 point
-
Когда background-size не задан его значение по умолчанию - auto auto, а значит фон будет иметь размеры оригинального изображения (не вписанного в ваш контейнер), соответственно он не будет растягивтаься/сжиматься под разрешение экрана. Процентное значение в background-size задает размер фона в процентах от размеров самого контейнера, а не рисунка, по этому в случае background-size: 50% 100% у вас фон просто закрыт блоком .container. Задайте ширину фона в пикселях для каждого из разрешений экрана, а высоту поставьте auto чтоб пропорции не искажались. Как узнать нужную ширину вашего фона:1 point
-
Прикольная тема была. Прямо классическая схема обсуждения новых технологий. И горящие "за" тут. И "хорошо, но в америке, а мы в совке". И мужики с топорами, которые лес валят (см. анекдот). И банальные распальцованные тролли. Читаешь с наслаждением psy, я могу ответить на твой вопрос, зачем нужно в маленьких проектах. Ничего не появляется внезапно, а особенно знания и опыт их практического применения. Так что на маленьких проектах следует делать нормально, хоть и сложнее только потому, что бы приучить себя так делать. Иначе не заработает и на больших. А когда рука будет набита, больше чем уверен, желания "а сделаю я этот хомяк по-старинке, как раньше" и не появится.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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-