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

kapuletti

Ответы пользователя по тегу CSS

  • Что такое Postcss?

    kapuletti
    @kapuletti
    Попытаюсь ответить, на сколько я понимаю.

    PostCSS — это направление в развитии инструментов разработки для CSS после препроцессоров, направление более свободное. Под свободой тут имеется в виду то, что каждый может взять и написать свой модуль, не дожидаясь, когда это сделают разработчики SASS, LESS. Можно прям сейчас брать и пользоваться всеми новыми фишками.
    Ответ написан
    1 комментарий
    1 комментарий

  • Как сделать этот слайдер?

    kapuletti
    @kapuletti
    Вы начните делать, а там и конкретные вопросы возникнут, а не банальные как сейчас :)

    По реализации, если совсем просто, то можно так. Есть блок, в котором находятся слайды. Первый слайд активный по-умолчанию, остальные - display: none. При нажатии на правую кнопку мы смотрим следующий от активного слайд, который невидимый, если он есть, то активный прячем и показываем его. Если следующего нет, то показываем самый первый.
    Ответ написан
    Комментировать
    Комментировать

  • Как сделать гугл карту с кастомным фильтром и своей меткой?

    kapuletti
    @kapuletti
    Данные стили — это конфиг для Google maps API. Метку нужно тоже создавать через API.
    Ответ написан
    Комментировать
    Комментировать

  • Почему не обрабатывается animation-delay: 5s; повторно?

    kapuletti
    @kapuletti
    В самой анимации нужно вставить 5 секундный интервал пустой.
    Ответ написан
    1 комментарий
    1 комментарий

  • SCSS SVG background fill какие есть варианты?

    kapuletti
    @kapuletti
    А к чему именно вы собираетесь применять fill? В этом то вся и проблема.
    Ответ написан
    1 комментарий
    1 комментарий

  • На сайте Bootstrap 3 есть вариант скачки Sass, почему?

    kapuletti
    @kapuletti
    SASS это препроцессор. Грубо говоря, это такой метод написания CSS с дополнительными возможностями, типа примешиваний, переменных, функций и пр. Вы пишете style.scss файл, потом через SASS-компилятор на выходе получаете готовый CSS. Если пишете на SASS, то генерируемый CSS файл трогать не нужно, он будет перезаписываться каждый раз при компиляции.

    Если вы про эти 3 варианта скачивания: getbootstrap.com/getting-started/#download
    то самый первый - это уже скомпилированная CSS-версия, в ней нет исходников в LESS (еще один препроцессор) и SASS. Далее идет LESS-версия, она включает в себя LESS-файлы. И 3 ссылка это SASS-версия.

    Если вы планируете переделывать дефолтный Bootstrap, например, менять кнопки, цвета, шрифты, то конечно лучше изучить какой-нибудь из препроцессоров и делать это в исходниках, нежели исправлять в сотни местах одни и те же строчки :)
    Ответ написан
    4 комментария
    4 комментария

  • Что лучше использовать для разработки сайта? Движок типа wordpress или самому код писать с html 5 и css?

    kapuletti
    @kapuletti
    Тут нужно ответить на вопросы: сколько страничек будет на сайте? Будут ли эти страницы добавляться и как часто/много? Сайт будешь вести ты или не знакомый с html и css человек?

    Если страниц не много, контент почти не обновляется, а сайтом занимаешься лично ты, то конечно проще статичные странички.

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

  • Вывод товаров таблицей (прайс-листом) в VirtueMart 2?

    kapuletti
    @kapuletti
    Нужно взять файл шаблона, скопировать его и назвать по-своему. Затем исправить в шаблоне верстку на таблицы. Потом в админке в настройках virtuemart указать дефолтный шаблон категорий.

    Вопрос очень обобщенный, лучше начать делать и спрашивать то, что именно не получается. Такое ощущение, как будто вы за задачу еще не брались :)
    Ответ написан
    Комментировать
    Комментировать

  • Верстать ли Pixel perfect?

    kapuletti
    @kapuletti
    Pixel Perfet нужен только в том случае, если дизайнер об этом просит. Если каждый пиксель на счету и должен иметь свое место, то, пожалуй да, этим можно заморочиться. Но во всем должен быть разумный предел. Как отметили выше, есть разные браузеры, разные системы, разные методы рендера. Пытаться бороться с этим не вижу смысла, это впустую потраченное время. Это должен понимать и сам дизайнер, когда выдвигает такие требование к макетам.

    Если же дизайнер рисует все «на глаз», то, естественно ни о каком PP речи быть не может. Бывали верстальщики, которые делали PP с кривых макетов, например, у одного элемента 27px отступ, у другого 24. И так с каждым элементом. Возьмите и выравнивайте до 25, зачем дублировать ошибки дизайнера? Думайте своей головой, а не «так было в макете».
    Ответ написан
    3 комментария
    3 комментария

  • Как сделать подобную таблицу (график) html css?

    kapuletti
    @kapuletti
    Имеется в виду график? Если так, то с помощью www.highcharts.com
    Ответ написан
    Комментировать
    Комментировать

  • Ребята как понять прижать footer к низу?

    kapuletti
    @kapuletti
    Вот небольшой сниппет, которым я пользуюсь почти во всех проектах.
    В этом варианте на всю высоту окна растягивается body, а footer абсолютно спозиционирован относительно нижней его части. Нижний padding блока контента следует сделать больше и равным высоте footer.

    <html>  
<body>    
	<div id="header">    header    </div>    
	<div id="content">    content    </div>    
	<div id="footer">    footer    </div>  
</body>
</html>


    html, body {  
	margin: 0;  
	padding: 0;  
	width: 100%;  
	height: 100%;
}

body {  
	min-height: 100%;  
	height: auto !important;  
	height: 100%;  
	position: relative;
}

#header {  
	height: 3em;  
	width: 100%;
}

#content {  
	padding-bottom: 2.5em;
}

#footer {  
	height: 2.5em;  
	width: 100%;  
	position: absolute;  
	bottom: 0;
}
    Ответ написан
    Комментировать
    Комментировать