Leaderboard
Popular Content
Showing content with the highest reputation on 07/23/2012 in all areas
-
#box{ width: 200px; height: 200%; left: 10%; position: absolute; background: red; display: none; }? function getStyle(el, styleProp){ el = document.getElementById(el); if (el.currentStyle) { var s = el.currentStyle[styleProp]; } else if (window.getComputedStyle) { var s = document.defaultView.getComputedStyle(el, null).getPropertyValue(styleProp); } return s; } console.log(getStyle('box','height'));? console.log(getStyle('box','left'));?3 points
-
Для тех, кто не понял, в чём прикол, расскажу, что между методами window.getComputedStyle(Е,null)["property"] и document.defaultView.getComputedStyle(Е, null).getPropertyValue("property") нет никакой разницы, и даже предпочтительнее использовать первый. Вся соль именно в значении "none" у свойства display. Поэтому чтобы пример работал, нужно для начала скрывать его, для того, чтобы браузер не успел пересчитать % в px, и получив результат, уже показывать блок снова. Как показано в этом примере. Спасибо Great Rash и SelenIT за расследование2 points
-
Итак товарищи верстальщики и все кто неравнодушен, предлагаю встретиться в Киеве, дабы приятно и с пользой провести время, познакомиться, поговорить на самые актуальные темы, поделиться опытом и тд. ( ) Чтобы определиться с местом, желательно для начала знать кто сможет прийти, следовательно тогда будет ясно где лучше всего проводить мероприятие, заказать столик в пабе или посидеть где-то на открытом воздухе. В общем не стесняйтесь, отмечайтесь. Приветствуется рационализаторские предложения, в том числе и о дате. Предположительная дата 28.07.12!!!. Кто может прийти: 1. Svatov 2. Catherine 3. S0rr0w 4. Annecy Суббота, 18-00, метро Киевский Политехнический Институт (там один выход). Место назначение - Пивариум. Итак, общими усилиями первый камень в фундамент общности и коллективного разума положен. Встреча веселых и позитивных фронтэндщиков состоялась. Круг заинтересованных людей сформировался довольно быстро и в назначенное время, пришли все желающие, кто изначально проявил инициативу и их замечательные друзья, чего там таить, даже признанный гуру фронтэнда, Юрий Артюх, посетил нас. Спустя несколько мгновений компания уже распивала бокалы хмельного напитка и щелкала сухари под аккомпанемент росчерков пера s0rr0w, который охотно делился опытом и собственными наработками. За столом было же настолько жарко как и за окном на улице, поднимались абсолютно разные и фундаментальные вещи, пересматривались принципы построения и архитектуры веб-приложений, методологии, кто-то спрашивал про рабочие процессы, способы решения повседневных задач в верстке, кто-то интересовался будущим веба…поднимались естественно и более житейские вопросы, кто чем живет, чем занимается…очень любопытно и интересно было слушать как развивался дух фронтэндщика в людях, который так часто видишь на форуме, а так мало про них знаешь. Несмотря на то, что мы встретились довольно таки рано, время пролетело незаметно, на сцене уже начинал волать «italiano band» и услышать друг друга ставало затруднительно. Компания веселых и задорных высыпалась на улицу и направилась в парк при университете КПИ, там чистый свежих воздух, китайские фонарики…дух и атмосфера обучения, украинский «Хогвартс» сам в себе, кто-то увидел для себя что-то новое, ведь среди нас были люди, которые не поленились приехать с других городов. Говорили о многом, вспоминали забавные темы и вопросы с форума, смеялись над случаями из жизни или просто учились смотреть на вещи с совершенно другой точки зрения, как говорится с «высоты птичьего полета». Мир полон интересных людей, особенно , когда они объединены одной общей идеей и желанием общаться, поэтому обращаюсь к тем кто не смог, не получилось и тд., старайтесь как можно меньше упускать возможностей, ведь кто знает, может в этот раз вы пропускаете что-то, что способно принести вам ясность и покой в вашу голову или просто подтолкнуть вас к гениальному, простому и приятному. Спасибо всем кто присутствовал телесно и мысленно), мне было безумно приятно вас увидеть, услышать…будем ждать "сиквел" Спасибо огромное htmlbook.ru за возможность, Кате "Catherine" за поддержку, организацию и подогрев общественного интереса, и разумеется Максу "psywalker" за толчок в массы Несколько фоток:1 point
-
Если вложенность элементов не нарушает правил, то применение тех или иных оберток вызвано лишь необходимостью их применения. И не важно что это, ul или em. *при условии, что верстка сделана сколько-нибудь грамотным специалистом.1 point
-
Безымянные (анонимные) боксы. C дефолтными значениями (margin/border/padding — по нулям, width — auto, etc.)1 point
-
1 point
-
Учитывая то, что с подобными проблемами сталкиваюсь впервые (неопытный), насчет поисковиков не знал. По поводу подключения шрифтов - мне этот вариант не подходит, т.к. шрифта, который я использую - нет. Ну и кто-то спрашивал про решение проблемы: Оказалось все довольно банально (просто я об этом не знал) - нужно было всего лишь в PS отрисовать текст на прозрачном фоне и сохранять в png, а не в jpg.1 point
-
1 point
-
Мне одной из первых ссылок выдало раздел FAQ этого сайта. Но на мой взгляд, все перечисленные там методы страдают общей проблемой — делают текст недоступным, если CSS включен, а картинки по какой-то причине не(до)загрузились. Лично мой выбор — метод Нэша, доработанный Николасом Галлахером и нашим форумным коллегой1 point
-
делегирование Так более правильно. Иначе селекторы не выберут нужные элементы.1 point
-
Да, так более правильно с точки зрения структуры DOM. Насчет кода — 1) document.getElementsByTagName возвращает коллекцию элементов по тегу, а не один элемент (надо document.getElementsByTagName('menu')[0]), 2) функция-обработчик не знает переменной elem, нужно или делать ее глобальной (быстро, но коряво), или использовать замыкание (сложнее, но лучше).1 point
-
Может быть, не полная правда, что лучший. Но что друг — правда наичистейшая. Запихивать HTML-элементы в места, для них не предусмотренные — всё равно, что засовывать что-либо в живых котят, в брюшную полость мимо желудка. Это отягощает карму и рано или поздно аукнется "необъяснимыми" и суровыми проблемами со скриптами и не только (в первую очередь в IE и Опере).1 point
-
Забыть про PIE. Либо graceful degradation, либо декорировать картинками.1 point
-
это же 1-страничный сайт? вы уже, по моему, неделю верстаете1 point
-
1 point
-
Нет, значительно проще. Битрикс — чуть ли не единственная документированная CMS. api позволяет решать любую задачу, не затрагивая код ядра. Красивая стройная архитектура. Логика от представления чётко отделена. Можно масштабировать, комбинировать и вообще творить что угодно, почти полная свобода действий. Есть возможность управление любым нестандартным функционалом вынести в админку, создавать элементы управления в публичной части и т.п. Всё это требует всего лишь чтения документации, но никак не перелопачивания тонн быдлокода и ломания мозгов, как в джумле. Но если чукча не читатель, а писатель, то лучше даже не смотреть в сторону битрикса. Сложно будет. А тому, кому результат работы чукчи-не-читателя-а-писателя достанется на поддержку, будет ещё сложнее. К сожалению, быдлокодить битрикс позволяет безгранично, никак этому не препятствует. Отвратительная архитектура. Во всем. Часто настолько запутанная, что непонятно - специально путали что ли. Возьмите любой приличный фреймворк и вы поймете что такое "красивая стройная архитектура" и отделение логики. Причем, качество кода очень разное - где-то более-менее, где-то, особо в компонентах, такой говнокод... А уж про количество файлов - это да... очень приятные ощущения для работы с любыми IDE и VCS. Документация хороша для стандартного набора действий, типа дергания api инфоблоков. Что-то выходящее за рамки этого натыкается на черную дыру. Ну и сам api как правило убог и нелогичен. Самое главное - отсутствие стиля и рекомендаций по разработке приводит порой к таким жутким решениям, что поддержка написанного кем-то еще превращается в большую головную боль. Т.е. присвоить Бириксу гордое CMF не могу тоже, все же хороший фреймворк ведет программиста за ручку в какой-то мере, помогая писать легко поддерживаемый код. Во многом в говнокоде виновата и квалификация программистов, тут все очевидно - хороший программист не пойдет писать решения на битриксе - его и так неплохо кормят. Так что хороший программист на битриксе - это редкость. Например, у меня стойкая уверенность, что 95% битрикс-разработчиков, которые лезут ловить всякие события и тому подобное, не знают, что такое autoload. Да, Битрикс позволяет быстро создать простой сайт. Простой - это с функционалом готовых компонент, причем как в ядре, так и в выводе. Стоит захотеть даже не сложный функционал, а просто серьезно изменить вывод начинается куча подпорок, часть из которых битрикс уже гордо ввел в понятие "функционал". Хотя понять это, опять же, можно лишь поработав с хорошими ООП фреймворками. В общем много можно говорить, но лучше от этого не станет. Приходится разрабатывать на битриксе и самому и своим программистам... воспринимаем это как некую кару, испытание которое нужно преодолеть, что бы достичь просветления и заняться вещами действительно приятными для разработки. Не спорю, для кого-то и Битрикс - верх совершенства.1 point
-
да в хроме норм... зачем дисплей табле-селл вообще использовать?) он же ни в ослике, ни мазиле не работает)))0 points
-
1C к Битриксу имеет весьма отдаленное отношение. Битрикс отличный продукт, но как тут уже было сказано, необходимо почитать документацию, за три часа не разобраться, порог вхождения достаточно высок, есть и свои косяки конечно, типа не полной и частично устаревшей документации. При этом отличная тех.поддержка, куча типовых решений (да за деньги, но кто работает бесплатно), плюс я не помню прецедента когда ломанули бы ядро битрикс, в отличии от. А уж по созданию интернет магазинов и интеграции с 1С, равных просто нет.-1 points
-
я завтра сверстаю в обед бесплатно, одна ж страница за 3 плюсика сегодня и три завтра(их можно ставить после 30 сообщений на форуме)-1 points
-
-1 points
-
А что "этакое" должно быть? В каких-то случаях удобнее воспользоваться cms, в каких-то - обойтись без нее. Только в первом случае Вы получаете(или не получаете) опыт, в основном, в устройстве используемой cms, а во втором - непосредственно в верстке. Из cms знаком плотно только с joomla. Сейчас пишу визитку с нуля. Для себя сделал вывод, что гораздо больше практического опыта получаю именно сейчас, т.к. возникает множество вопросов, которые приходится решать. На ошибках, их исправлении и возникает опыт. Визитку для себя стоит написать с нуля (больше возможностей + опыт), в коммерческих целях - с использованием cms( дешево быстро и сердито). И я о том-же Тем более визитка без cms не так уж и обделена... Для хорошего вида javascript самое то-1 points
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-