Search the Community

Всем привет! Народ, есть у меня страничка: Страница . Там есть раздел "История компании". Там слайдер. У этого слайдера есть "пагинатор" - кругляши для перехода между стлайдами. Мне надо между этими кругляшами линию красную разместить, да так, чтобы линия была на заднем плане, а сами кругляши - на переднем. Как я только с z-index не игрался, не помогает. И позиционировать пробовал, и opacity менять пробовал, всё никак не могу это сделать. Народ, кто знает, помогите пожалуйста.

Всем доброго времени суток, пожалуйста посмотрите на код(небольшой кусочек работы) и оцените, хотелось бы услышать что правильно что нет, что можно было бы по другому, как можно детальней и дотошнней, семантика пространство имен и прочее прочее, в общем чем больше критики(желательно конструктивной и обоснованной) тем лучше, я специально выкладываю маленький кусок что бы, было не напряжно его изучить! http://codepen.io/Kamzed/pen/rrqJJz Заранее благодарю всех добрых людей которые согласятся помочь.

Обратил внимание, что в браузере internet explorer (edge) все номера телефонов выглядят как ссылки, т.е. подчеркнутые и синим цветом, что совсем не подходит для дизайна сайта. Телефон заключен в теги <p></p>. К тому же даже прописывание text-decoration:none не помогает. Можно ли как-то решить данную проблему? Вот пример страницы: http://t61588bl.bget.ru/demo/1.html

Привет всем форумчанам, я верстаю сайты разной сложности. Стандартную верстку буду делать за 300 рублей, а если у вас сложный, пишите договоримся! Еще делаю натяжку шаблона на DLE. Спасибо за внимание!

Вот два макета, как называется дизайн в котором они выполнены?. И какое слово вообще тут уместно? Верстка?Стиль?Дизайн?

Здравствуйте, я начинающий верстальщик. Хочу развиваться как специалист в данном направлении и во front-end'е в целом. Ищу стажировку или постоянную работу за небольшую плату. Готов: Своевременно и аккуратно выполнять поставленные задачи Сперва искать решения проблем самостоятельно, а не докучать вопросами работодателя (наставника) Работать над любыми, в том числе и рутинными задачами Качественно выполнять свою работу Впитывать новые знания Имею навыки: HTML. Умею делать валидную и семантически правильную верстку. CSS. Имею хорошие знания CSS-свойств, блочной и каскадной модели, позиционирования. Знаю техники адаптивной верстки. SVG. Имею небольшой опыт работы с SVG. С SVG-свойствами, изменением SVG из CSS. Adobe Photoshop. Имею необходимые для верстальщика знания photoshop. Умею работать со слоями, экспортом и нарезкой графики, текстом и размерами элементов. JS/JQuery. Знаю JS на начальном уровне. Ознакомлен с материалом сайта learn.javascript.ru Могу заставить работать кнопки, делать анимации, работать с DOM и AJAX. GIT. Умею работать с системой контроля версий. Делать коммиты и работать с branch'ами. Знаком с GitHub. Linux. Владею основами работы в консоли, и даже смогу написать bash-скрипт. Также имеются небольшие знания бекэнда: PHP и MySQL. На данный момент прошел обучение на базовом курсе HTML Academy. Пример выполненной работы: Главная, Каталог. Готов работать удаленно. Если же вы из Минска, то я готов на работу в офисе. Надеюсь на сотрудничество. Спасибо, что потратили свое время на прочтение.

Здравствуйте! Имеется картинка для заднего фона и ещё 2 файла, которые надо разместить поверх самого фона Хотелось бы узнать как можно разместить ipad и iphone на фоне, уменьшить их размер (сами они очень большиеа) и сделать растягивающийся фон Могу также оставить ссылку на psd если надо. Заранее благодарю

макет вёрстка (адаптивная до 320px) Использовал: jade+sass+gulp. Требуется критика вёрстки, любые пожелания, указание на ошибки/недочёты, также приветствуются. От себя несколько вопросов: 1) Google page speed даёт низкую оценку скорости: Как это исправить?? скрин 2) Валидатор постоянно ругается на подключённые через гугл шрифты, можно ли это как-то исправить? скрин ошибки

Всем привет! Столкнулся с проблемой: необходимо вывести фоном картинку, но ничего не получается. Саму проблему можно посмотреть здесь http://test.kvada.ru В файле css прописываю путь к картинке для background-image. Она появляется. Но когда начинаю добавлять дополнительные свойства типа запрета повторения и позиционирования, то картинка исчезает. В чем может быть дело? Подскажите, если сможете разобраться. Буду очень признателен. Для ясности добавлю фрагменты кода. HTML: <section id="problems"> <div class="container"> <div class="row"> <div class="col col-md-8 col-sm-12 col-xs-12"> <div> <h1>Вам это знакомо?</h1> <ul> <li>Постоянный недосып и усталость</li> <li>Переодическая головная боль</li> </ul> </div> </div> </div> </div> </section> CSS: #problems { background-image: url(../images/problems_1.jpg) no-repeat center top; width: auto; height: auto; }

Здравствуйте! Столкнулся с проблемой в Chrome 53 - не работает transition для opacity на псевдо-элементе. При этом в перечисленных браузерах эффект работает как нужно IE 10, 11, Opera 38, Firefox 47. Сайт на котором возникла проблема, кнопка "Get started" должна меняться. Воспроизведение проблемы https://jsfiddle.net/mikoart/foqLwnf5/ Это особенность Chrome или я что-то не так делаю?

В целях практики сверстал макет. Прошу оценить качество вёрстки и указать на недостатки и ошибки. Сайт Макет Наибольшие сомнения у меня вызывает реализация теней - замечания по этому вопросу интересуют больше всего. P.S. без адаптивности и кросс-браузерности

Первопост. Сайт — http://dimaspavlov.16mb.com/ Макет — https://yadi.sk/i/Cx8jTKfxt4anV Прошу оценить раскритиковать верстку, начиная с HTML-структуры и указать на все недостатки. Так и не смог сделать переход для градиента в навигационном меню. Буду очень благодарен! P.S. Верстка не адаптивная.

Привет всем Верстаю адаптивные сайты. Цена за несложную страницу 300 рублей или 100 гривен Оплата по вебмани Оплата после выполнения мной работы, доказываю , что выполнил работу , предоставляя видеоролик в котором открываю сделанный сайт. После этого после получения оплаты отправляю html код вам. Таким образом никто никого не обманет если вам интересно , пишите пожалуйста здесь или на почту html0762@gmail.com Верстка адаптивная

Есть сайт в разработке fitmama.club на главной странице имеется слайдер, который при заходе на страницу ведет себя нормально, первое время, через минуту слайды съезжают вниз

Имеется сайт с адаптивом. Там нужно исправить часть огрехов, после чего поэтапно необходимо будет переверстывать другие разделы, на основе первого (у всех разделов один единный стиль), будут меняться лишь стили раздела (это какие-то спец.блоки). Проект очень старый, поэтому никакого PSD нет. Нужно делать на основе имеющихся стилей. Посему нужен человек с хорошим понимаем что такое рабочий адаптив. Чтобы страница не просто адаптировалась под расширение, а была удобна для работы с потребителем (большие навигационные элементы, по которым удобно кликать пальцем). Проект больше статейный, поэтому удобный для чтения контент и удобная навигация (которая присутствует, ее нужно правильно адаптировать в адаптиве). Работы очень много, так как на сайте 24 раздела с единым базовым стилем (common.css) и собственным для раздела (style.css), в котором хранятся локальные блоки раздела. Все изменения вносятся на Live-версии под специальным пользователем, для которого подключены новые стили. Особенность: страницы почти все типовые, основное отличие - внутри контента может быть вставлен блок. По сути после утверждения базы - именно эти блоки и необходимо будет адаптировать. Поэтому хочется найти ответственного и квалифицированного исполнителя, который не бросит проект на пол пути. Оплата: На кошелек WebMoney или Яндекс деньги. Поскольку объем работы оценить проблематично, то предлагаем почасовую оплату. Отслеживать будем через Yaware. Более подробно обсудим с исполнителем. Техническое задание: https://goo.gl/JB2PVM ТРЕБОВАНИЕ К СОИСКАТЕЛЮ: — Опыт не менее 2-х лет — Примеры выполненных работ (адаптив) - предпочтение адаптации статейных или журнальных проектов — Чистая и валидная верстка (проверяем: https://validator.w3.org/) — Адаптивность (проверяем на https://developers.google.com/speed/pagespeed/insights/) — Использование семантических тегов — HTML-5 — Инициативность - предложение новых, свежих идей, а не простая техническая реализация написанного в ТЗ — Наличие кошелька WebMoney/Яндекс Деньги. В отклике оставляйте примерный срок, стоимость часа своей работы и портфель с выполненными адаптивами (без исходного PSD). КОНТАКТЫ: e-mail: 6361245@gmail.com Skype: k-manager2

Как лучше и валидней будет выглядеть код? Каждый php, java скрипт подключать в новом файле или прописывать его вместе с html тегами?

Здравствуйте. Недавно появился заказ, который меня немного насторожил тем, что дизайном заведовал дизайнер-маркетолог. На первый взгляд макеты для десктопа неплохие, как обычно. Потом через время предоставили для планшетов и мобильных. Вот с этого момента подробнее: 1. Макеты с одинаковыми блоками для разных страницы отличаются 2. Мобильное меню с непонятно откуда взятыми пунктами, которых не было в десктопной версии. Их то 6 пунктов, а в моб. - 8 (совершенно новых )+вложенности до 2 уровня. 3. Мелочи вроде разных padding по краям, также нижние и верхние отступы разнятся у одинаковых блоков. 4. Немного нелогичное построение блоков - у десктопа одна структура (фото>заголовок>текст>кнопки), для планшетов (заголовок>фото>кнопки>текст), для телефонов (заголовок>фото>текст>кнопки). Также нет состояния при наведении на кнопки и при нажатии. Когда увидела макет, дала список вопросов, составили что-то вроде ТЗ, в котором опять таки ответили не на все вопросы. Например, про наведение так и не определились, но чтоб была рамочка Ну и далее мелкие несовпадения, которых накапливалось очень много и приходилось писать длинные письма дизайнеру-маркетологу, потому что каждый отличающийся отступ, не тот цвет и новая непонятная рамка стоит добавления нового класса. Самый распространенный ответ - а вы как думаете? или на ваше усмотрение. То, что я думаю - дизайн не проработанный (планшетный и мобильный), и чтоб мне решить, надо потратить время на анализ что было и как будет и будет ли оно удобно. В общем, неделю таких переписок - и мне это порядком надоело. Макет они дорабатывать не собираются. Предоплату я отработала, так как есть страницы для всех версий, кроме меню и 2-х форм отправки (которые, кстати, только для десктопа сделаны). Думаю дальше отказаться, потому что это не стоит потраченного времени и того, что осталось мне доплатить, денег не потребую. К чему я это написала. Как распознать на ранней стадии, какие ошибки или несоответствия скрывает в себе макет? Как составить здравое ТЗ, если все нюансы появились в процессе верстки? Если нет ТЗ от заказчика по макету, стоит ли тратить время на его написание с моей стороны или это дело заказчика (это всё потраченное время, которое никто не оплатит, кроме увеличения стоимости верстки ненамного)? Стоит ли прислушиваться к себе и не брать заказы от дизайнера-маркетолога :)? Могу я взять работу в портфолио, так как 90% выполнено мной (брала заказ отчасти потом, что понравились макеты)? P.S. макеты не прикрепляю по не- известным причинам

Здравствуйте, решил освоить профессию верстальщика. Постиг основы HTML, CSS, JavaScrip, jQuery, а дальше начались проблемы. Проблема находится в области перевода макета в HTML/CSS/JavaScrip. Как я понял, то Responsive Web Design становится стандартом. Чем и как переводить Responsive Templates в код? Учить adobe illustrator? Что делать с обычными Templates? "Нарезка" в Photoshop это типа уже старая практика, как и сам Photoshop, (советуют спрайты), что делать с Responsive Templates тоже непонятно. Подскажите, пожалуйста, как быть? Какими инструментами конвертировать макеты и как? Интересуют только актуальные методики. PS: Когда я учил теорию, то много негатива встретил по отношению к bootstrap (дизайн везде одинаков и performance хромает). Очень много хвалят purecss и uikit , думаю для портфолио верстать 1 макет сразу в 3х версиях (bootstrap, purecss, uikit). Буду пока пользоваться html5boilerplate. Что скажите?

Ребята! Нужен качественный программист верстальщик. Мне нужно сделать верстку сайта интернет магазина с минималистическим дизайном на движке симпла. И натянуть на движок. Сайт работает. Можете помочь? На сайте фриланс много непрофессионалов, не умеют ничего делать. Спасибо.

Ищу опытного наставника который поможет мне повысить свои знания в верстке сайтов. Майстро Виктор.doc

Не знаю как поставить изображение под навигацию!Подскажите как это сделать пожалуйста! https://jsfiddle.net/3cm21j13/6/

Работа в Киеве. Частичная занятость. Мы уверены, что талантливый преподаватель — основа успеха учебного центра. Мы ищем именно таких специалистов. В учебном центре «Перспектива — ХХI век» открыты вакансии преподавателей по направлению Frontend-разработка: Профессиональный Web-дизайн, курс профессиональной верстки HTML5, JavaScript. Требования к кандидатам: Профессиональное знание HTML-верстки, CSS, JavaScript, работа с современными фреймворками Знание графического пакета программ (преимущественно Photoshop, Illustrator) Практический опыт в веб-разработке от двух лет и в настоящий момент Опыт преподавания желателен, но не обязателен Поставленный голос, правильная речь Умение и желание общаться с аудиторией Ответственность, неконфликтность. Условия: Мы предлагаем работу в стабильной компании, гибкий график и высокую почасовую оплату. Время проведения занятий — в будние дни вечером (18.45−21.15) или по субботам. По некоторым курсам возможны утренние группы. Информацию о нашем учебном центре можно найти на сайтах xxi.kiev.ua и it-study.kiev.ua.

Всем привет, Вроде бональная проблема, но уже несколько часов не могу ее решить. Есть сайт http://aroundthailand.ru. Слева есть блок "сайдбар" ни в какую не тянится на всю ширину экрана. Изначально сайдбар был прилеплен с помощью скрипта. Функция высчитывала высоту и добавляла новые параметры в CSS. Эту фишку отключил, но теперь образовалась пустая область. Надеюсь на помощь. Заранее спасибо.

Сам макет и ТЗ находятся здесь http://htmlforum.ru/index.php?showtopic=47965 . Собственно хотел обсудить там, но злые админы запретили. Так вот, хотел бы выразить благодарность Klierik'у за отличный макет, много чему научился выполняя его ТЗ. По теме, за эталонный браузер был взят Chrome. В архиве лежит grunt, если кому захочется покопаться поглубже, livereload и компиляция запускаются с помощью команды: grunt splat, минификация, контагинация и т.д. - grunt production. Момент с шириной сайта в ТЗ я не совсем понял, написано стандартная ширина сайта 960px, а в макете 940px, делал по макету. Промо слайдер это что-то с чем-то. Насколько я понял сделать его именно таким как в макете, это задача настолько сложная, что можно сказать невыполнимая. Вся сложность заключается в корректной работе слайдера при условии, что ячейки в навигационной строке имеют разную длину (в зависимости от кол-ва символов в них), я использовал Royal Slider, вот мнение автора слайдера по этой проблеме http://help.dimsemenov.com/discussions/problems/11648-thumbnails-width-different-widths . Можно конечно с помощью подбора длины слов получить приемлемый результат вроде этого http://bestfuns.url.ph/Task1/ , но это костыли, да и если прокрутить этот слайдер до конца вправо будет виден зазор между ячейкой и границей навигационной строки. Если кто знает решение, или слайдер в котором данная возможность поддерживается, поделитесь пожалуйста. Отдельно прошу придираться к JS и Scss(использование ф-ий, примесей, написание собственных, переменные и т.д.). Заранее спасибо! Сам сайт: http://www.tech-drive.ru/sergey/splat/ Исходники

Всем доброго дня, Хочу представить на ваш строгий суд свой первый сверстанный макет. Хотелось бы получить от вас критику и советы, что можно улучшить. Взял макет из представленных здесь на форуме. Макет изначально фикс, но я решил усложнить себе задачу и сделать его резиновым. Левая колонка фиксирована, а центральная и правая растягиваются. Высота колонок одинаковая вне зависимости от контента внутри. Проверил в Хроме, ФФ и Опере. Когда начал проверять в ИЭ, все развалилось. Потратил целый день на гугл и узнал про хаки и всякое такое. В результате в ИЭ 9+ отображается нормально, только при больших разрешениях получается слишком большой отступ от правой колонки. Как это исправить так и не разобрался. В остальных браузерах такого нет. Проверил код на валидность. В HTML ошибки только в форме поиска, потому что я поставил пустые значения в action, а также я поставил тег <H1> на первую статью (в макете у нее заголовок больше чем у всех остальных статей). CSS изначально был валидным, но после хаков, есть 4 ошибки. Ну и собственно ссылка: http://1001.su/sample1/index.html Критика приветствуется. Также приветствуются дельные советы, поскольку я очень хочу расти в этом направлении. Заранее всем спасибо!