Search the Community

Добрый вечер. Не так давно начал изучать верстку. Вот моя первая страница. Легкая, конечно, но уверен и в ней есть немало ошибок. Прошу строгую, но адекватную критику. https://alex2033.github.io/

Собственно давно уже бьюсь с этой проблемой и прошу о помощи, т/к решения не нашел. Есть картинка (во вложении), нужно сделать также. Варианты с просто взять и такую же картинку (с полосами) вставить как фон не подходят, т/к потом нужно будет сделать параллакс эффект + некоторые расстояния получаются не точными до верхних/нижних границ от картинки. Уже пробовал и поворачивать изображение и треугольники, но ничего не получается, либо слишком не устойчивое. Прошу помощи, наверняка кто-то сталкивался с такой задачей раньше.

Здравствуйте! Сразу прошу прощения, если такая тема поднималась, не нашла в поиске. Не так давно начала изучение html/css, пока просто для себя и своего развития, в дальнейшем конечно хотелось бы работать в этой сфере. Читаю htmlbook.ru, прохожу курсы htmlacademy (пока бесплатные), так же стараюсь читать книги (на данный момент это книги Джона Даккета и Девида Макфарланда), по мере необходимости ищу информацию на других ресурсах. И сейчас я не понимаю, как эту всю информацию собрать в кучу, так сказать. Нет четкого понимания как все это функционирует от и до. То есть, я сейчас не могу сверстать сайт от начала и до конца, потому что не понимаю, что и за чем должно следовать, нет четкой модели действия. В связи с этим хотела бы узнать, что все таки лучше, как-то пытаться во всем разобраться самой (что, определенно, занимает больше времени и сил), либо пойти на курсы, в которых всю информацию мне разложат по полочкам, и где будет возможность подойти к специалисту, ткнуть пальцем и спросить "а вот это вот как сделать?" (ну, грубо говоря). Если есть среди вас такие, кто проходил очные курсы, буду благодарна за рекомендации:) Так же рассматриваю вариант покупки платного курса в той же htmlacademy, так как задания там достаточно интересные, хоть и не очень устраивает формат подачи теории. Огромное спасибо всем, кто откликнется!

Вам предстоит: Создание отдельных html-элементов(и блоков) пользовательского интерфейса Тестирование корректности работы элементов в разных условиях Создание css стилей и анимаций Что нам от вас нужно: Опыт frontend-разработки от 2-х лет Опыт работы с HTML5/CSS3, понимание принципов верстки, работы с разными браузерами и устройствами Опыт работы с gulp Знание шаблонов проектирования MVC/MVVM Уверенное понимание принципов работы с Git Приветствуется: Опыт работы с JS и фреймворками к нему Желание разработки и внесения разнообразия в динамику интерфейсов с помощью скриптов Опыт работы с canvas Опыт работы в Gamedev Творческий подход к работе и выполнению задачи Мы предлагаем: Длительную занятость от 6ти месяцев, Перспективы длительного сотрудничества над другими проектам, Оплату два раза в месяц, возможны варианты, Платим ЗП в долларах ) Мы готовы к предоплате, Работу удаленную на фултайм. Резюме ждем на avelnison@gmail.com

Есть код <div> <div class="moduletable box"> <h3>Похожие темы</h3> <div class="tagssimilar box"> <ul> <li><a href="/">Некий научный OVA / Toaru Kagaku no Railgun OVA</a></li> ... Остальное в таком виде <ul> <li>Чебурашка</li> <li>Крокодил Гена</li> <li>Шапокляк</li> </ul> Привязка идет к "box" Суффикс CSS-класса модуля: " box" в CSS div.box li { white-space: nowrap; /* Отменяем перенос текста */ overflow: hidden; /* Обрезаем содержимое */ text-overflow: ellipsis; /* Многоточие */ } div.box:hover li { white-space: normal; /* Обычный перенос текста */ } Только точка(маркер) в начале текста пропал: текст текст Как оставить эту точку(маркер)?

Сложно объяснить, поэтому нарисовал просто рисунок и хочу поинтересоваться: как такое можно реализовать? И можно ли туда какой-нибудь внутрь текст запихать будет?

Компания ООО «Систематика» приглашает на работу инженера технической поддержки на проект сопровождения федеральной информационной системы. Требования: • высшее техническое образование; • знание русского языка и умение ясно излагать свои мысли; • html, css3, javascript, кроссбраузерная верстка, оптимизация для просмотра страниц в старых версиях браузеров (IE8); • знание хотя бы одного объектно-ориентированного языка программирования, большой плюс: php5, java se, servlets, jsp; • желательно: xml/xslt преобразование; • sql, знание основ проектирования реляционных БД, желательно иметь базовые навыки администрирования Oracle 11g и mySQL; • навыки работы с системами управления контентом, большой плюс: 1С Битрикс, Alfresco; • базовые навыки администрирования Windows; • знание Linux на уровне пользователя. Обязанности: • поддержка работоспособности Интернет-портала и внутренних информационных систем; • размещение контента; • оказание консультаций пользователям, устранение сбоев в системе, восстановление работоспособности системы; • мониторинг системы; • выполнение плановых сервисных операций по установленным регламентам; • работа по задачам ведущих программистов. Условия: • оформление по ТК; • полная занятость, полный день; • работа в центре Москвы, ст. метро "Лубянка"; • з/п 50 000 - 65 000 на руки, возможность роста (обсуждается индивидуально). Резюме и вопросы отправлять на адрес электронной почты ekurysheva@systematic.ru

Мне нужно помощь по установке данного слайдера: http://kenwheeler.github.io/slick/ Я сделал всё как в инструкции по установке, но он всё-равно не работает. Можете показать код со всеми картинками в слайдере, чтоб я мог распознать свою ошибку?

Доброго времени суток. Возникла проблема с использование двух и более аккордеонов на странице и я к сожалению не могу сама разобраться, как это сделать... Я использую данный аккордеон https://tympanus.net/codrops/2013/03/29/nested-accordion/ , прикреплю свой файл, т.к. в нем есть небольшое изменение, если нет раскрывающего блока, то нет активности у раскрытия. Вызывается работа аккордеона простым кодом. $( '#cbp-ntaccordion' ).cbpNTAccordion(); Работаю в umi, там можно в xsl прописать у id="cbp-ntaccordion{page/@id}", то будет добавляться id данной страницы, но вот как правильно прописать {page/@id}, чтобы в js тоже подставлялся данный номер? Спасибо jquery.cbpNTAccordion.js

Здравствуйте. Я начинающий верстальщик и решила взяться за нестандартную верстку сайта. Так как это мой первый опыт, я не знаю как сделать эту шапку сайта. Подскажите, с помощью каких модификаторов css это делается, или нужно использовать js? Может есть какие-нибудь примеры? з.ы. интересно так же, как делаются данные часы обратного отсчета в шапке. если у кого-нибудь найдётся пример на php буду премного благодарна

Мы – студия «Элемент». Ищем верстальщика для постоянного сотрудничества, который не боится, умеет и любит верстать проекты сложнее среднего. Работа проектная, но проекты идут часто (каждый месяц 1-2, иногда даже 3 проекта). Кратко о нас: Располагаемся в Рязани. Работаем с 2008 года. У нас в команде 10 человек. Предпочитаем технологически сложные проекты. Обязательно: - знание HTML5 / CSS3 с учетом кросс-браузерности; - умение подбирать сторонние компоненты и стилизовать их (календари, слайдеры и т.п.); - умение работать с адаптивными стилями; - менеджер пакетов bower или jspm; - знание основ CSS-анимации; - знание основ SVG; - понимание основ работы git; - желание развиваться; - быть на связи, чтобы не приходилось разыскивать; - здравый перфекционизм в работе в части соответствия верстки макету и в части качества кода; - умение принимать решения в мелочах (чтобы часто не дергать менеджеров и/или дизайнеров) Приветствуется: - умение работать в комнде; - компонетный подход к разработке (например, БЭМ); - знание основ JS в объеме, который помогает верстке; - навыки работы с GitHub и/или GitLab - понимание принципов семантического версионирования - навыки работы с Bootstrap; - навыки работы с FlexBox; - навыки работы с Grid Layout; - навыки работы с WebStorm; - пост-обработчики: PostCSS, LESS, SASS; - возможность работы в часовом поясе, близком к Москве; - умение сверстать новый / подверстать готовый код, когда он уже включен в шаблонизатор движка (smarty). Там никаких Америк нет, просто требуется аккуратность; - наличие ИП. Что нам важно видеть в отзыве на наше предложение: - примеры 3-4 свежих работ онлайн (посмотрим, какие используются методики); - опыт верстки в годах; - краткое описание умений по списку наших требований (буквально по одной строке на пункт); - ожидаемая ставка часа в рублях; - метод перечисления оплаты; - в каких сферах вы бы хотели развиваться в ближайшие 1-2 года. Если написать отзыв в таком виде, то мы сэкономим друг другу время. А это приветствуется. — Вопросы/ответы можно писать сюда или мне в личку. От себя замечу, что целевые браузеры это: последние версии Chrome(ium), FireFox, Safari, IE11/Edge. Целевые платформы: десктоп + мобильные устройства. Не pixel pirfect, но и чтобы выглядело достойно =) Если вы не знакомы с парой пунктов из обязательно списка, но у вас присутствуют адекватность и здравый смысл, то мы можем пообщаться и выяснить детали) Мы понимаем, что "знать все" не возможно. Вместе с тем, мы постарались перечислить то, с чем вам, вероятно, придется иметь дело. На js-фронтэнде у нас Angular 1.x, Vue, jQuery. Для сборки применяется Webpack. Для запуска задач Gulp. Взаимодействовать придется в том числе со мной , будет шанс научится чему-либо из js, если не знаете, но хотите развиваться в этом направлении. В недалекой перспективе на бекэнде Node.js. Если хотите развиваться в эту сторону, такая возможность тоже имеется. Вы можете писать код в чем угодно (IDE, редакторы), но ваши инструменты должны уметь деплоить на удаленный сервер (требуется для ряда проектов).

Как сделать такое http://prntscr.com/eaw17z, только на чистом css? Помогите пожалуйста. В инете не нашла

почему именно на определенном пикселе в адаптивной версте все ламается, тоесть если 1200 все ломаеться, а если 1199 и 1201 то все хорошо? Что в таких случаях делать?

Здравствуйте, я хочу взять работу по вёрстке сайта по шаблону, также могу создать дизайн для сайта абсолютно бесплатно! У многих возникнут сомнение что это бред, но мне это надо для того, чтобы набрать опыт работы( я начинающий). связаться со мной можно по: Skype: nik.tsayuk@mail.ru BK: https://vk.com/tsayuk2015 Mail: nik.tsayuk@mail.ru Мой сайт: http://imsarimgames.net23.net/

В чём заключается соль такого поведения: если изменить атрибут scr который пустой то плавный переход не происходит Если же в scr уже есть пусть к картинке и его изменить то, плавный переход работает корректно. Нажмите на qwe для сравнения

Есть макет с эффектом рамки на заднем фоне. Как считаете как лучше реализовать этот эффект? Как бы сделали это вы? border || border-image || svg || css-mask Или что-то другое??? Спасибо! Кому интересно - ССЫЛКА на весь макет!

Здравствуйте. Делаю свой простенький сайт, заполнил его нужным текстом, но вот проблема: я не знаю JavaSCript, который, наверное, нужен для создания слайдера. Есть ли сатья по созданию слайдера (горизонтального) и по обучению JavaScript?

Собственно.. как задать ширину контейнера по содержимому? Но контейнер должен быть блочным https://jsfiddle.net/oxtLhs5n/

Здравствуйте, мы заканчиваем мобильную верстку, однако столкнулись с проблемой. Дан следующий код: <div class="topWrapper"> <div class="mainNav"> <form method="get" action="/search/"> <input autocomplete="off" name="searchString" class="quickSearch" onmousedown="event.cancelBubble=true;" ontouchstart="event.cancelBubble=true;" id="049D095A-C3A6-4E6F-ABD6-696DCD48703A"> <div class="searchResultWindow hidden"> <span class="result">Найдено компаний и пользователей: <span class="total"></span></span> <ul class="users"></ul><a class="all" href="/search/">Все результаты поиска</a></div></form> <ul><li><a href="/">Профиль</a></li> <li><a href="/showcase/">Витрина</a></li> <li><a href="/vacancies/">Вакансии</a></li> <li><a href="/newsevents/">Новости</a></li></ul><hr> <ul><li><a href="/messages/">Сообщения</a></li></ul><hr> <ul><li><a href="/friendship/">Контакты</a></li></ul><hr> <ul><li><a href="/reviews/">Отзывы</a></li></ul><hr> <ul><li><a href="/profile/">Настройки</a></li></ul> <ul class="accountNav"><li><a class="logoutLink" href="/logout/" onclick="return false;">ВЫХОД</a></li></ul> </div> <div class="topNav"><div class="logo"><a href="/"></a></div> </div> </div> .mainNav у нас скрыт, и играет в роли вертикального меню. Цель: при нажатии на .logo - .mainNav должен присвоиться свойство height:auto (сейчас имеет она 100px), и тогда она должна отобразится. Сделать это нужно через CSS. Пытались через родственные селекторы, через соседние - не получается. .topNav .logo:hover ~ .topWrapper .mainNav{ height:auto !important; //Примерно такое нужно. } .topWrapper .topNav .logo { position: absolute; top: 10px; left: 20px; width: 65px; height: 65px; background: no-repeat center url(images/logoS.png); } .mainNav { float: left; width: 97%; margin: 0 20px; padding: 5px 0; overflow: hidden; background: #e3f2ec; border-radius: 6px; } Спасибо!

Нарооооод я В общем освоил html+css на начальном уровне и вот сварганил первый сайт на дивной верстке вот демка сайта которую копировал http://www.woweb.ru/td1/048/ а вот собственно мои файлы жду так сказать критику что нуб и тд хех ну вродь выглядит неплохо на всех браузерах завтра буду делать что посложнее index.html style.css

https://jsfiddle.net/hd45m3fc/ По началу всё идёт как надо выбирается каждый второй элемент. Но вторая пара, после <br>, уже применяет каждый второй начиная с первого. Почему такое поведение?

Добрый день! я только начал осваивать веб-программированием и уже столкнулся с некоторыми трудностями, скажите пожалуйста, как сделать так, чтобы объекты были забиксированны в строгом положении на каждой странице. Например: Мне нужно, чтобы молния была всегда строго по центру верхнего блока, а вот блоки с кнопками меню должны быть относительно молнии. Как на макете. Мне кажется, что я изначально начал все делать неправильно. И еще такой вопрос. Старался сделать по уроку, предложенному на сайте, чтобы рисунок менялся на другой при наведении. Через <p></p> у меня просто нет рисунка. Не знаю что и как делать( Подскажите, пожалуйста. Буду очень признателен. index.html styles.css

Столкнулся с проблемой. У меня есть таблица и при наведении на ячейку другие блюрятся, но они блюрятся по горизонтали, а мне наоборот надо чтобы блюрились по вертикали т.е. при наведении на th1 блюрились все td* кроме td1, также и при наведении на любую из td* блюрятся другие td кроме той. Нужно учитывать то что заголовок т.е. th* никогда не блюрится. Короче говоря нужно чтобы при наведении оставались незаблюренными только наведенный столбец. Вот ссылка: https://jsfiddle.net/tArAntAykA_/q77a55e7/2/ Заранее спасибо за ответ. Если что то непонятно пишите. Вот как сейчас: Как надо:

Нужна помощь! Начал разбираться со свойством 'clip-path'. Оно пока мало поддерживается браузерами. Полноценно только -webkit-браузерами. Поддержка Firefox имеется, но только через "external-link" - clip-path: url(#foo) и описании svg в html. У меня возникла проблема реализации именно последним способом: Вот реализация через clip-path в css (работает только на -webkit-): Захотел сделать тоже самое только через external-link для поддержки Firefox, описал те же polygon в svg и меня ничего не работает, в чем именно я допустил ошибку? Знаю, что будут проблемы с transition со второй реализацией, но это лучше чем ничего! Заранее спасибо за помощь!

Доброго времени суток. Столкнулся с проблемой, что иногда при открытии страницы сайта, он выдает мне страницу которая выглядит именно так Но после обновления страницы, все сново отображается так как надо, проблем с главной страницей сайта, не было замечено. Подскажите пожалуйста с чем это может быть связано, куда копать. Сайт перешел в мои руки недавно, так что какие были внесены изменения мне не известно. Все что мне известно, это что есть такая проблема. Очень нуждаюсь в професиональном совете. З.Ы. Сайт стоит на движке ВордПресс + ВуКомерс (интернет магазин) Ссылка на сайт После перехода на главную страницу по этой ссылке, просто погуляйте по сайту, по разным вкладкам или товарам, страница с ошибкой появится.