Leaderboard
Popular Content
Showing content with the highest reputation on 08/14/2013 in Posts
-
Добрый день. Меня зовут Сергей. Прошу прощения, если ошибся с разделом. Пока что эта тема будет использована мною для одного-единственного глупого вопроса, но в последствии (когда у меня появятся новые вопросы) я буду задавать их в этой теме, дабы не плодить кучу новых. К делу. В общем, совсем недавно (20 дней назад) я начал изучение веб-программирования. Начал, естественно, с html и css. Погуглил, поискал и понял, что htmlbook - очень хороший ресурс, с которого и стоит стартовать. Сразу же прочитал местный самоучитель по html, поизучал теги в местном справочнике и в общем-то всё более-менее освоил. Хотя нет, вру. Освоил я далеко не всё. Например, тег <param> я не понял вовсе. Немного поразмыслив, пришёл к выводу, что полностью понять предназначение тегов <param>, <script>, <object> (атрибут code) и тому подобных, я бы и не смог, так как не знаю js. То же самое относится и к событиям. Потом я прошёлся по xhtml (насколько я понимаю, это просто набор дополнительных правил к html по типу "все теги нужно закрывать", "все теги нужно набирать в нижнем регистре", "запрещается использование сокращённых атрибутов" и т.д. + свои доктайпы + атрибут к тегу <html> + новый способ задания кодировки). После этого приступил к CSS. Долго выбирал с какой книжки начать, хотел взяться опять же за местный самоучитель, но в итоге выбрал другой источник информации - книгу CSS Мейера. Сейчас я закончил читать главу 10 "Свободное перемещение и позиционирование". Сразу скажу, что все эти 10 глав я усвоил на отлично. Некоторые перечитывал по 2 раза и самые важные моменты конспектировал, а не очень важные просто запоминал. Осталось прочитать всего 4 главы и можно двигаться дальше. Вчера я просто для себя решил набросать макетик, чтобы проверить, что я уже знаю. Вот он, кстати. Немного float'ов, немного position'ов, эффект цветного зеркала, псевдоклассы и прочее. Ну то есть Вы понимаете, что я ещё на начальном уровне. Так вот у меня возник комплексный вопрос, состоящий из нескольких частей: 1) Что мне читать дальше? Есть "Большая книга CSS" и "CSS ручной работы" в pdf'ах. Не сочтите за халявщика, я бы с удовольствием купил бумажные версии, но в нашем городе таких книг нет. 2) Что вообще мне желательно освоить, чтобы стать профессиональным front-end разработчиком? Как я понял, порядок примерно такой: html, css, js, потом на выбор Ruby/Python/Php, затем базы данных и т.д. 3) Можете в пару строк описать весь процесс создания сайта? А то я путаюсь уже. Вроде бы сначала надо нарисовать psd макет, потом сверстать его и прикрутить скрипты, затем натянуть на какой-то шаблон, а дальше? И вообще правилен ли порядок? 4) Сложен ли js для понимания? Весь мой опыт программирования - это 3 урока по Basic'у в школе. Тобишь опыта нет. 5) Будет ли мне полезно изучить Pascal? 6) Я представляю процесс создания сайта довольно интересным и творческим. Правда ли это? 7) В книге Мейера совсеееем мельком упоминается XML. И меня это заинтересовало. Что мне нужно изучить перед тем, как браться за XML? 8) Требуются ли фронт'у профессиональные навыки владения фотошопом или базовых/средних вполне достаточно? Пока всё. Спасибо.1 point
-
Нам надо проверить, что данная tr-ка — не первая. Т.е. перед ней есть хотя бы одна другая. C «+» для каждой tr-ки нужна ровно 1 доп. проверка — именно та, что нас интересует. Всё. Никаких 20 строк С «~», формально, для каждой tr требуется перебрать всех ее предшественников и проверить, не является ли какой-то из них первой tr-кой (да, выглядит нелепицей и в браузерах, вероятно, оптимизировано... но алгоритм есть алгоритм ). Нормально. Короткие селекторы рулят1 point
-
Читай об clearfix, очистке потока\float'ов1 point
-
Кстати, кто-нибудь может объяснить мне, хотя бы примерно, «что хотел сказать автор» этими таинственными строчками? Спасибо, уже сам нашел ну и некрофилия, конечно...1 point
-
Имхо, как-то примерно так. Я понимаю так, что для CSS важно лишь то, что рендеринг элемента определяется не только CSSовской же визуальной моделью, но и чем-то еще (напр. какой-то «магией» из недр UI самого браузера или внутренними свойствами стороннего объекта типа картинки). А для HTML тут принципиальная разница в поведении — если для отрисовки системного контрола, грубо говоря, достаточно обратиться к методам этого самого браузерного UI, то для отрисовки внешнего ресурса нужно сперва его запросить, а это уже нетривиальные, к тому же асинхронные, танцы в HTTP (особенно в свете последних нововведений с адаптивными картинками)... Насколько я понимаю, на уровне спецификаций — нет. Но могу (и хочу ) здесь ошибаться.1 point
-
template.css:108 .leo-container { margin: 0 auto; } убрать auto. Оставить только 01 point
-
например так и, кстати, в, копирайте, я, что-то, суету, с, запятыми, не, понял Про прилипания понял, спасибо за помощь. Как оформлять copyright где-то на юр. форуме читал, или вопросы к юристам, что-то такое. Если найду где смотрел отпишусь. да Да, думаю изменю, заодно с курсорами поработаю. Спасибо.1 point
-
svg же.... градиент можно делать на svg <?xml version="1.0" ?> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none"> <linearGradient id="g" gradientUnits="userSpaceOnUse" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" stop-color="#848484" stop-opacity="1"/> <stop offset="100%" stop-color="#434343" stop-opacity="1"/> </linearGradient> <rect x="0" y="0" width="1" height="1" fill="url(#g)" /> </svg> подключить в качестве фона selector { background: url(gradient.svg) #848484; background: linear-gradient(#848484, #434343); } Это же просто. и большинство браузеров это поймет1 point
-
view-source:http://muslim87.byethost31.com/index.php/ru/ 26 строка <style type="text/css"> .leo-container { max-width: 960px!important; } #leo-content { width: 100%; } #content-left { width: 20%; } #content-right { width: 20%; } #leo-maincontent-inner { width: 60%; } </style>1 point
-
Включайте моск уже )) Это же элементарно echo $xml->fact->{'image-v3'};// вернет "skc_d"1 point
-
Хм. Так он в общем-то на странице. Ссылка выше Я использовал трюк с overflow:hidden для последнего пункта списка, который был создан специально для растяжения. UPD: Надо отметить что это (последний пустой пункт списка) не сработало в IE81 point
-
а что гугл говорит на эту тему? первая же ссылка по запросу.1 point
-
Хотя нет, придумал.1 point
-
Почитай про операторы LIKE и RLIKE (синоним REGEXP) в SQL1 point
-
??? тьфу... каюсь попутал... то box-sizing с префиксом в мозиле1 point
-
bindings - функциональное поведение replaced - визуальное Input'ы обычно являются замещаемыми элементами, но, кроме визуального поведения, имеют еще и функциональное. Все, чей контент может генерироваться в процессе отображения или существования страницы при помощи специализированных алгоритмов - замещаемые элементы. Т.е. это некая область, контент которой наполняется по своей собственной логике.1 point
-
Что вы подразумеваете под "текстовые логотипы"? Не важно каким образом был нарисован/создан логотип, распространяться, по крайней мере, в вебе он будет(и должен, ИМХО) как изображение. Почему, на мое мнение, это имеет значение: 1. Логотип - это эмблема компании, которая должна всегда и везде выглядеть идентично, что не может гарантировать шрифт в вебе из-за отличий в кроссбраузерном отображении. Да собственно и на различных устройствах из-за, например, отсутствия поддержки необходимого шрифта или технических проблем в его добавлении для корректного отображения. И тд. 2. Логотип лучше добавлять сайте в качестве изображения <img /> (не background, как мне иногда встречается) еще и для печатной версии страниц. 3. Логотип часто ищут в качестве изображения для использования его, например, в качестве партнера на сайте или биллера в терминальной сети. Встречал случаи, когда это вызывало проблемы и трату драгоценного времени с обеих сторон, если логотип был Шрифтом или Flash объектом. 4. Логотип, созданный с помощью шрифта, будет также масштабироваться как и другой шрифт на сайте при изменении настроек отображения именно шрифта, что может вызвать неудобства, если на это каким-то образом не повлиять.Поисковики не будут распознавать его как изображение, в большинстве случаях, появляются проблемы с распространением и тд. П.С. Не то, что бы логотип нельзя было технически реализовывать с помощью шрифта. Но зачем? Когда в этом и появляется необходимость, гуманнее, ИМХО, использовать SVG.1 point
-
А если эта надпись являеться логотипом, то такой обьект должен быть изображением <img /> или, при необходимости, SVG обьектом, но не текстом, ИМХО.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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-