Leaderboard
Popular Content
Showing content with the highest reputation on 03/05/2014 in all areas
-
Привет. Скажу сразу -- в тексте будут опечатки так как задание писалось на планшете. Я не заморачивался поверкой текста и писал все ниже изложенное на коленке. Все написано, так скзать, на одном дыхании. Но если ты найдешь ошибку и укажешь на нее я с внесу правки. Для чего это я написал это задание? Большинство заданий тут представленных направлены на самых что ни есть новичков. Ну или тех разработчиков которые познали хотя бы азы в верстке. В итоге сверстав пару макетов новоиспеченный верстальщик идет или на фриланс или в мелкую компанию и верстает такие же по уровню сложности сайты. Как правило это хомяки, не большие промо сайты, ну или в крайнем случае что-то похожее на каталоги/интернет магазины. Имхо, рост в сфере верстальщика это сложный и тернистый путь. Он возможен только при условии когда ты берешся за работу, которая выше уровнем твоих знаний. Так вот, данное задание направленно тем, кто не знает как его реализовать -- для того что бы его выполнение подняло уровень знаний. Небольшое отступление. В кратце -- что из себя будет представлять задание. Я постараюсь изложить все в форме ТЗ но, с уточнениями по организации дерева папок, описанием работы тех или иных блоков и/или элементов, подскажу не очевидные проблемы которые могут возникнуть в будущем, и наверно много чего о чем в данный момент не вспомню. Или другими словами -- ТЗ от разработчика с рекомандициями. Да бы не превращать топик в простыню я спрячу все в спойлер.2 points
-
Асинхронность, и, собственно, единый язык для фронтенда и бекенда? А также обилие готовых модулей (правда как именно с модулями или их аналогами в php я даже не в курсе)1 point
-
Неправильно, а если точнее, крайне небезопасно. Нельзя доверять данным полученным от пользователя. В данном случае, можно изменить значение куки 'loggen_in' на 1, к примеру, и с большей вероятностью, будет получен доступ к аккаунту админа. Запуская сессию, логичнее хранить данные в сессии.1 point
-
набросок с рабочей средой LESS 2 CSS: https://github.com/klierik/htmlforum-fabrique-example Так же мини-мануал для что бы оно заработало (мануал написан для консоли в среде osx/linux/*nix систем): Grunt compile environmentRequirements- http://nodejs.org/- http://gruntjs.com/getting-started$ npm install -g grunt-cli Open skin folder (перейти в директорию с проектом)$ cd /path-to-project-folder/htmlforum-fabrique-example Run install (запустить команду в консоли для установки модулей)$ npm install Compile less (для компилирования less в css)$ grunt less Watch less (мониторинг изменений файлов и автоматический запуск компилирования less в css)$ grunt Как собрать (сбилдить) bootstrap Перейти с директорию в которой хранится bootstrap $ cd/htmlforum-fabrique-example/bootstrapЗапустить установку модулей $ npm installСобрать/сбилдать bootstrap из исходных файлов $ grunt distПодробнее о bootstrap: https://github.com/twbs/bootstrap1 point
-
Поставить в табах меню внутреннюю тень (inset -2px -2px например), а телу с контентом внешнюю1 point
-
1 point
-
А ничего, что это слой с копирайтом создателя данного макета и что в верстку это включать не надо?)1 point
-
Я знаю что такое box-shadow, вы мой пост полностью читали?) Нужно как-то многоугольник сделать с тенью, суть поста такая) А где вы там увидели многоугольник? Этот многоугольник состоит из нескольких блоков если что где для каждого задана тень в зависимости от его положения.1 point
-
Добрый день, молодец продолжай практиковаться!!! Я бы порекомендовал вам по структуре блоков, чтобы при изменении разрешения и блоки не разъезжались и были по центру. Создавайте основной контейнер фиксированного размера и в него уже вкладывайте остальные. Пример: <html> <head> <meta charset="utf-8"/> <link href="./style.css" type="text/css" rel="stylesheet"/> </head> <body> <div id="container"> <div id="header">Бошка</div> <div id="text">Тело</div> <div id="footer">Ноги</div> </div> </body></html>/*CSS*/*{ padding: 0px; margin: 0px; color: white; font-size: 24px;} #container{ width: 1024px; margin: 0px auto;} #header{ position:relative; background-color: green; height: 10%;} #text{ position:relative; background-color: blue; height: 80%;} #footer{ position:relative; background-color: red; height: 10%;} Если вам нужно выровнять блок по центру в css используйте свойство margin: 0px auto;1 point
-
Таким он должен быть у нас. А вот за бугром всё чаще во главу угла ставится конечный пользователь. Дизайн должен прежде всего служить ему (если это не хомяк конечно).1 point
-
Не совсем понял, что конкретно ты хочешь сделать? Буду довольствоваться своим пониманием исходя из увиденного, в меру своей испорченности. А думаю я вот что: это типа возможность одним пользователям добавлять вопросы, а другим отвечать на них. Как я вижу структуру этого действа: Есть блок со всеми вопросами, после каждого из которых ответы, так же в отдельном блоке, и поле для добавления ответа. После этого блока или над, поле для добавления вопроса. При добавлении вопроса все просто, вставляем новый блок в блок с вопросами, он у нас один. А при нажатии на кнопку "Добавить ответ", нужно найти предыдущий элемент относительно кнопки с нужным нам классом, в котором содержатся все ответы. Как пример вот: http://jsfiddle.net/uqkEd/3/ А так же, вот тут про навигацию в DOM почитай - http://learn.javascript.ru/traversing-dom1 point
-
1 point
-
не таким http://www.lingscars.com/ и не таким http://www.arngren.net/ Остальное все можно.1 point
-
Конкретно ретина — эпловский бренд. Но как собирательное понятие для экранов с device-pixel-ratio, большим единицы — почти во всех актуальных мобильных девайсах (причем у андроидов device-pixel-ratio бывает и дробным) и некоторых новых ноутах. Примерно с 2010 г. пиксель — такая же абсолютная величина, как дюймы. Очень слабо связанная с физическими пикселями экрана (см. выше).1 point
-
вообще способов прижатия футтера очень много + тот, которы придумаешь ты . Разница в них когда где использовать есть, но это уже нужно смотреть от определенных параметров. Лично мне нравится данный способ, всегда им пользовался пока не подводил.1 point
-
В смысле в стеке а-ля Tahoma, Geneva, sans-serif игнорируют последнее и лепят serif всё равно?1 point
-
1 point
-
Возможно, не «браузер не видит», а сервер не отдает. У меня случалось на IIS. Нужно проверить в настройках сервера, чтобы для данных расширений файлов были зарегистрированы соответствующие типы (и при необходимости добавить недостающие).1 point
-
Синтаксис с «to» — последний утвержденный вариант спецификации, работает без префикса во всём новом (IE10+, Андроид-браузер 4.4+, iOS Safari 6.1+ и все норм. десктопные), с префиксом не работает нигде (по крайней мере, не должен), поддерживает «магические углы». Вариант без «to» — предыдущая черновая версия спецификации, работает только с префиксами (но с более ранних версий мобильных браузеров) и «магических углов» не поддерживает. На сегодня есть смысл указывать только беспрефиксную версию с «to» и, по желанию, -webkit-версию без «to» (для не самых новых андроидов). Остальные префиксы давно не нужны.1 point
-
Дело в том, что background-clip: text не имеет отношения к background-clip из стандарта (который поддерживается везде) — это чисто эплова отсебятина (доставшаяся Хрому с прочим наследством Вебкита). Увы. Но можно сделать на SVG (что для логотипа, имхо, даже логичнее).1 point
-
а что вас собственно смущает? только все же стоит сделать проверку на наличие файла.1 point
-
Зачем тестить, когда можно прочитать?Редактор W3C-шной версии спеки почему-то лично «вызверен» на этот несчастный алгоритм HTML5 Document Outline и при каждом удобном-неудобном случае яро агитирует за традиционную структуру заголовков (с одним главным H1). В чем ему регулярно поддакивает не менее известный гуру Роджер Йоханссон. Пока с другой стороны баррикад нет сопоставимых по авторитетности подач, я склонен соглашаться с ними. А для главной блога чем название блога не кандидат в H1? То, что страницу со множеством H1 из индексации не выкидывает совсем, еще не гарантирует высокой позиции в выдаче, а по крайней мере 3 года назад множественные H1 рассматривались как не очень страшная, но всё же SEO-ошибка.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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-