Задать вопрос
lambesis

Lam Besis

Слабоумие и отвага!
Ответы

  • Какая среда разработка удобна и понятна для разработки первого веб сайта?

    lambesis
    @lambesis
    Слабоумие и отвага!
    Для первого веб сайта вам вряд ли понадобится полноценная IDE. А вот крайне легкий и послушный редактор кода - вполне подойдёт.
    Рекомендую Sublime Text 3, проверен годами, весит крайне мало, плагинов выше крыши (packagecontrol.io), настраивается вообще каждый пиксель, много тем красивых.
    Ещё могу посоветовать Atom.io, от разработчиков гитхаба: молодой, красивый, удобный, плагинов уже тоже много, есть подробная документация.
    Ответ написан
    2 комментария
    2 комментария

  • Можно ли менять порядок фото в Инстаграм?

    lambesis
    @lambesis
    Слабоумие и отвага!
    Нельзя, порядок фотографий в профиле ориентируется исключительно на дату-время публикации. Только удалять/добавлять посты в архив и заливать фото заново, корректируя их порядок.
    Ответ написан
    1 комментарий
    1 комментарий

  • Допустим ли пустой h1?

    lambesis
    @lambesis
    Слабоумие и отвага!
    Не допустимо, ругаться будут.
    Сайт с несемантичной и невалидной вёрсткой не может считаться оптимизированным под поисковики.
    Ответ написан
    5 комментариев
    5 комментариев

  • Как настроить, что бы все мультиязычные сайты показывали контент по дефолту на русском?

    lambesis
    @lambesis
    Слабоумие и отвага!
    Попробуйте в настройках запретить сайтам определять местоположение.
    Ответ написан
    1 комментарий
    1 комментарий

  • Почему Helvetica в input выше на пару пикселей?

    lambesis
    @lambesis
    Слабоумие и отвага!
    Без непосредственного наблюдения кода трудно сказать. Залейте разметку и стили на codepen, будет проще разобраться.
    Навскидку могу предположить что проблема в line-height.
    Ответ написан
    Комментировать
    Комментировать

  • Как сделать вертикальное выравнивание с помощью bootstrap 4 в internet explorer 11?

    lambesis
    @lambesis
    Слабоумие и отвага!
    Bootstrap 4 официально не поддерживает IE11.
    Неофициально, Bootstrap должен выглядеть и вести себя достаточно хорошо в Chromium и Chrome для Linux, Firefox для Linux и Internet Explorer 9, хотя они официально не поддерживаются.

    Используйте Bootstrap 3.
    А вообще вы, вы не уточнили какое именно вертикальное выравнивание вам нужно? Какие стили у вас? Покажите код.
    Ответ написан
    Комментировать
    Комментировать

  • Поехала верстка с использованием Bootstrap, в чём причина?

    lambesis
    @lambesis
    Слабоумие и отвага! 
    .projects_block {
    min-width: 270px; /* надо убрать */
}

    Слипаются потому что min-width прописан. Нельзя так делать, зачем вам бутстрап вообще, если вы жестко фиксируете минимальную ширину?
    И да, пользуйтесь песочницами, никто будет копировать ваши куски и тестировать у себя чтобы оказать вам помощь, это делается за 3 минуты.
    Ответ написан
    Комментировать
    Комментировать

  • Как убрать белое пространство под фоном у контейнера?

    lambesis
    @lambesis
    Слабоумие и отвага!
    На счет белой полоски: она появляется из-за того что .slide растягивается и на всю ширину, и на всю высоту экрана, а фон при этом позиционируется по широте (background-size: 100%;). Картинке просто высоты не хватает чтобы заполнить оставшееся место. Вы правильно использовали background-size: cover. Одна из сторон в любом случае будет обрезаться если вам принципиально нужен параллакс на все окно, но вы можете управлять этим.

    В этом примере картинки занимает все доступное пространство, но их пропорции зависимы от высоты экрана.
    Ответ написан
    Комментировать
    Комментировать

  • Как сделать полоску отслеживания меню и эффект наложения фона на фон?

    lambesis
    @lambesis
    Слабоумие и отвага!
    Там много плагинов, которые объеденили и дописали свой js, с помощью которого все реализуется. Эффект при скролле - это параллакс, который завязан на поэкранную навигацию (плагин fullPage.js).
    Зайдите на этот сайт, откройте Chrome Dev Tools (F12), и посмотрите ресурсы сайта, если углубиться в js-файлы, то станет понятно что за что отвечает.
    Скриншот
    5bc11f25980ac126416953.png
    Ответ написан
    1 комментарий
    1 комментарий

  • Не отображаются картинки и не подключается файл .css, что Делать?

    lambesis
    @lambesis
    Слабоумие и отвага!
    Вы меня простите, но вас не смущает наличие двух тегов <head>? При этом в них не попал ни один из ваших файлов стилей, так же как и картинки не попали в <body>.
    Скорее всего из-за этого в PHP возникают ошибки.

    <html>
<head>
    <title>Мистер робот</title>
    <meta charset="utf-8">
</head>
<!-- 
<link rel="stylesheet" href="opp.css">
<link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
<meta name="viewport" content="width=device-width">
<meta charset="utf-8">
<link href="https://fonts.googleapis.com/css?family=Press+Start+2P" rel="stylesheet"> 
-->
<head>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
</head>
<!-- 
<div class="backwrap gradient">
	<div class="back-shapes">
		<img src="circle.png" class="floating" style="top:66.5040650406504%;left:12.96875%;animation-delay:-NaNs;" />
		<img src="square.png" class="floating" style="top:60.97560975609756%;left:42.1875%;animation-delay:-NaNs;" />
    <img src="square.png" class="floating" style="top:28.943089430894307%;left:93.90625%;animation-delay:-NaNs;" />
	</div>
</div>
<link href="https://fonts.googleapis.com/css?family=Russo+One" rel="stylesheet"> 
-->
<body>
    Ответ написан
    Комментировать
    Комментировать

  • Как поместить текст под картинку?

    lambesis
    @lambesis
    Слабоумие и отвага!
    Используйте тег <figcaption>. Описание по ссылке.

    <figure class="photo">
	<a href="img/originals/img-07.jpg"><img src="images/1.jpg" class="animate" /></a>
	<figcaption>Описание</figcaption>
</figure>
    Ответ написан
    2 комментария
    2 комментария

  • Как удаленно работать в команде с дизайнером?

    lambesis
    @lambesis
    Слабоумие и отвага!
    Там в комментарии писали, мол зачем вообще дизайнеру и верстальщику прямая связь - не слушайте. Сколько дедлайнов было просрочено, сколько фич нереализовано или реализовано не так, сколько идей было потеряно, и т.д. из-за того что в какой-то момент дизайнер с кодером не пообщались.
    Работаем на удаленке, и регулярно с дизайнером попадаем в глупые ситуации из-за того что друг друга не поняли, или что-то не обсудили.
    У вас правильный подход к делу, придерживайтесь его дальше.
    Рассинхрон во времени тут не столь важен, главное не стесняйтесь обговаривать с дизайнером самые глупые вопросы, уточнять размытые детали, и не додумывать за других.
    Рекомендую сервис invision - крайне удобная штука. На лету можно обсудить макеты, прокомментировать как нажимается кнопочка, выгрузить картинки в один клик и т д. Для кодеров есть шикарный просмотрщик макетов, полностью заменит фотошоп, и даже больше. И к тоски же в этом режиме нельзя похерить макет) в итоге все счастливы: дизайнер что-то изменил в макете, нажал кнопку в фш/скетче, и макет автоматом улетел в облако, и отправил уведомляху. Кодер увидел обнову, и побежал радостно тыкать и шуршать по макету, не боясь что-то поломать (и в последствии неправильно сверстать).
    А кще там можно анимашками показать какие элементы с чем взаимодействуют. Годнота! И есть бесплатный тариф)
    Ответ написан
    1 комментарий
    1 комментарий

  • Какой ставить медиа запрос в css, для айпада с данным разрешением?

    lambesis
    @lambesis
    Слабоумие и отвага!
    Зачем вы задаёте один и тот же вопрос несколько раз?
    А вообще: для адаптивной верстки стоит использовать max-width. В вашем случае max-width 991 (если по бутстрапу).
    Ответ написан
    6 комментариев
    6 комментариев

  • Можно ли так прописывать медиа запросы (media queries )?

    lambesis
    @lambesis
    Слабоумие и отвага!
    Если вы используете sass и не допускаете в остальных местах кода каких-то переопределений, то такие медиа запросы отличное решение.
    Обязательно писать медиа запросы в конце файла стоит если никакие препроцессоры не используются.
    UPD: Sass рекомендует делать медиа запросы именно так
    Ответ написан
    Комментировать
    Комментировать

  • Непонимание сути Frontend. Как есть?

    lambesis
    @lambesis
    Слабоумие и отвага!
    Возможно, используя cms Wordpress или MODx, и читая их документацию. Разумеется вообще о бэке забыть не получится, но как раз для этого существуют доки, плагины, и миллионы туториалов в русскоязычном интернете, а в буржуйском и того больше. Постепенно, решая задачу за задачей, и логику бэкенда потихоньку начнёте понимать.
    Если использовать модкс, взаимодействия с бэкендом вообще будет минимум, только для настройки плагинов. А структура страниц и шаблонов настраивается чанками, т.е просто кусками html.
    С вордпрессом чуть сложнее: настройка плагинов тут происходит чаще всего в интерфейсе админки. Однако если вы не захотите использовать готовую тему (шаблон) из библиотеки вп, и решите разрабатывать свою (или натягивать уже готовую вёрстку), то тут возникнет трудность. Шаблоны темы у вп это кучка взаимосвязанных php файлов с html-разметкой, поэтому придётся немного углубиться в основы бэка. Но вообще, могу сказать это процесс крайне увлекательный, за две недели можно спокойно разобраться что к чему, и php перестаёт пугать.
    Ответ написан
    Комментировать
    Комментировать

  • Как button превратить в input для отправки POST?

    lambesis
    @lambesis
    Слабоумие и отвага!
    Чтобы батон превратился в инпут измените его тип:
    <button type=“submit”>...</button>
    Ответ написан
    Комментировать
    Комментировать

  • Как вставить текст во внутрь изображения?

    lambesis
    @lambesis
    Слабоумие и отвага!
    Не очень понятно что именно вы имеете ввиду, но если вдруг я вас поняла, то вот.
    Либо делайте эту картинку фоновым изображением:
    .content1-down2 {
  background-image: url(../img/vector-smart-object.png);
}

    Либо, если вам критически необходим в html-разметке, позиционируйте картинку абсолютно и растягивайте на размеры родителя:
    .content1-down2 {
  position: relative;
}
img{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
    Ответ написан
    3 комментария
    3 комментария

  • Может кто-то подскажет готовое решение для обратного отсчета?

    lambesis
    @lambesis
    Слабоумие и отвага!
    Готового решения нет, но есть годная теория:
    Плагин (весьма легкий, куча демок, легко настраивается): https://harshen.github.io/jQuery-countdownTimer/
    У него есть несколько функций обратного вызова, на одну из них можно повесить прогресс-бар.
    Ответ написан
    1 комментарий
    1 комментарий

  • Проблема с отображением иконок Font Awesome. Что делать?

    lambesis
    @lambesis
    Слабоумие и отвага!
    libs/svg/css/fontawesome-all.min.css

    --libs
    ---svg
    ----fontavesome-all.min.css

    Может, проблема все-таки с путями? В пути подключаемого стиля есть директория css, а в файловой структуре что вы написали этой директории нет.
    Ответ написан
    3 комментария
    3 комментария

  • Как эспортировать svg из фотошопа?

    lambesis
    @lambesis
    Слабоумие и отвага!
    Не стоит пытаться экспортировать svg из фотошопа, это гиблое дело.
    Проще так: копируем SVG-код векторного слоя, создаем файл.svg, вставляем в него скопированный код. И тогда все работает идеально. Этот метод так же будет работать если векторному слою заданы какие-нибудь параметры наложения, типа градиента.
    5ac3b107897d4571952566.png
    Ответ написан
    Комментировать
    Комментировать