Davebell

Оцените сайт, новичка в Веб-разработке

Рекомендованные сообщения

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

  • Похожие публикации

    • Автор: Super_Saimon
      Добрый день! Помогите кратким ликбезом: какие сейчас единицы измерения и в каких случаях используются при адаптиве?  При выполнении тестового проекта я использовал проценты и пиксели... собственно, все по Макфарланду за 2014й год... Результат, вроде, соответствовал требованиям, но забраковали по нескольким причинам. Одно из нареканий было: использование некорректных единиц измерения при адаптиве. Я пытался найти сам... но запутался. Одни топят за vh,vw, другие за em,rem. Хотя, на сколько я помню, последние чисто для текста... 
    • Автор: Ivan_A
      Здравствуйте. Я начинающий верстальщик сайтов, столкнулся с проблемой при вёрстке карточек товара.
      Код карточки:
      HTML                                                                                                                                                                     
      <div class="product-wrap">   <div class="product-item">     <img src="source/img/test.png">     <div class="product-buttons">       <a href="#" class="button">Купить</a>     </div>   </div>   <div class="product-title">     <a href="">Test</a>     <span class="product-price">₽ 100</span>   </div> </div> ——————————————————————————-
      CSS
      * {box-sizing: border-box;} .product-wrap {   position: absolute;    width: 300px;   margin: 0 auto;   background: white;   padding: 0 0 20px;   text-align: center;   font-size: 14px;    font-family: Lora;   text-transform: uppercase; } .product-item {   position: relative;   overflow: hidden; } .product-wrap img {   display: block;   width: 100%; } .product-buttons {   position: absolute;   left: 0;   top: 0;   width: 100%;   height: 100%;   background: rgba(0, 0, 0, .8);   opacity: 0;   transition: .3s ease-in-out; } .button {    text-decoration: none;   color: #c0a97a;   font-size: 12px;   width: 140px;   height: 40px;   line-height: 40px;   position: absolute;   top: 50%;    left: 50%;   border: 2px solid #c0a97a;   transform: translate(-50%, -50%) scale(0);   transition: .3s ease-in-out; } .button:before {   font-family: FontAwesome;   margin-right: 10px; } .product-item:hover .product-buttons {opacity: 1;} .product-item:hover .button {transform: translate(-50%, -50%) scale(1);} .button:hover {background: black;} .product-title {color: #5e5e5e;} .product-title a {   text-decoration: none;   color: #2e2e2e;   font-weight: 600;   margin: 15px 0 5px;   padding-bottom: 7px;   display: block;   position: relative;   transition: .3s ease-in-out; } .product-title a:after{       content: "";   position: absolute;   width: 40px;   height: 2px;   background: #2e2e2e;   left: 50%;   margin-left: -20px;   bottom: 0;   transition: .3s ease-in-out; } .product-title a:hover {color: #c0a97a;} .product-title:hover a:after {background: #c0a97a;} .product-price {   font-size: 20px;   color: #c0a97a;   font-weight: 700; } —————————————————
      У меня получается карточка.  (скриншот прикреплён)
      Хотелось бы узнать как мне сделать так, чтобы следующая шла с право от неё. Если просто скопировать HTML код, то она остаётся на месте.
      И как мне сделать так, чтобы когда место справа не осталось, карточка переместилась на следующий ряд.
      ЗАРАНЕЕ ОГРОМНОЕ СПАСИБО!
  • Спрашивают сейчас

  • Пишут сейчас

    • Есть несколько вариантов которые позволяют развиваться профессионально: Ask friend for help. Опросить друзей знакомых на предмет предлагаемых услуг, заявить о себе. Выполнить несколько простых проектов для опыта/портфолио. Тем самым продвигать себя в качестве специалиста (сарафанное радио) Freelance. Вход сложный. Зато на мелочах можно поднять опыт за символическую стоимость. Потом развивать свой аккаунт, "обрастать" клиентами и поднимать уровень квалификации. Важно: почитайте пару гайдов как получить заказ новичку, как оформить профиль и прочие рекомендации. Сайты по теме: https://freelansim.ru https://www.fl.ru https://www.upwork.com — я бы выбрал этот Remote. Full-time. Ещё один хороший вариант найти работу — утроится в компанию работать удалённо. Без территориально ограничения. Компания может быть из СНГ, с юр. лицом. Заключаете договор и сотрудничаете на ставку. Part-time. Тоже самое что и предыдущий пункт но формат сотрудничества на правах почасовой работы. Office. Работа в офисе на позции Junior с перспективой роста. Хорошо подойдут галеры по типу ЕПАМ, Ciklum, LuxSoft, и тд. Денег мало (в начале), но компенсируется опытом. За 9-12 месяцев можете вырасти в Middle. Дальше плыть будет легче. Для поиска работы для Remote и Office вариантов можно использовать стандартные инструменты, на пример: djinni.co или linkedin.com. Рекомендации к заполнению профилю/CV Опишите всё что можете предложить заказчику. Расскажите о своих скилах, что непосредственно Вы делали выполняя работу над тем или иным проектом. Расскажите о своём опыте, даже если он не значительный. Если опыта совсем мало, инвестируйте месяц-два и выполните несколько простых задач, которые Вы сможете показать заказчику. И профиль и CV должно быть на английском языке, в первую очередь, и лишь копия русскоязычная (у меня такой нет, так как рынок предполагает знание английского языка с уровня pre-intermediate)
    • Сидеть дома и развиваться до уровня Senior годами без реальной работы?! 
    • Факт есть факт — специалистов как было мало так и осталось. Можно выбирать любую интересующую себя нишу и развиваться в ней до уровня Senior и иметь на себя спрос в последствии.
  • Лучшие авторы

  • Текущие цели пожертвований