Ответы пользователя kapuletti

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

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

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

Ответ написан более трёх лет назад

4 комментария

Правильно ли рисовать для сайта каждый раз новый UI?

kapuletti @kapuletti

Поздравляю! Сам часто сталкиваюсь с такой проблемой :)

Обычно, в таких случаях делаю на пролом, верстаю сам, соблюдая универсальность в интерфейсе. Если же дизайнер начинает бузить, мол «а почему тут кнопка 50px высоты, когда на макете 48», начинаю объяснять что к чему. Если дизайнер адекватный, то поймет свой косяк и согласится на компромисс - оставить какой-то один из вариантов. Если же дизайнер дибил и твои аргументы ему пофигу, то это значит следующее:

Дизайнеру конкретно наплевать на коллег
Дизайнеру не интересно будущее развитие проекта, он не видит общей картины
Дизайнеру интереснее тратить свое и чужое время на мелочи, которые возможно никак не повлияют на проект

Думаю все эти беды от того, что дизайнеры зациклены на картинке. Странно, но у нас очень мало спецов, которые одновременно хорошо дизайнят и в то же время еще умеют немного программировать и верстать. Это уже совсем другой уровень.

Ответ написан более трёх лет назад

Комментировать

Почему при перемещении скрипта вверх он перестает работать?

kapuletti @kapuletti

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

Например, если JS подключить в head и написать какой-нибудь jQuery селектор, то он не найдет его и возможно возникнет ошибка. В этих случаях нужно проверять, загрузился ли документ полностью или нет, например:
$(document).ready(function() { /* наш код */ }

Ответ написан более трёх лет назад

Комментировать

Как решить проблему с Masonry с Chrome?

kapuletti @kapuletti

Не хватает кода, чтобы точно определить, в чем заключается проблема. Можете дать ссылку?

Кстати, могу предположить, что проблема может быть из-за того, что текст подгружается динамически или то, что используются нестандартные шрифты. Т.е. сначала Mansonry делает все расчеты высоты по уже загруженным стандартным шрифтам, а когда загружаются кастомные, то блок увеличивается. Если это так, попробуйте в консоли выполнить функцию ререндера мэнсонри. Если все исправится, то нужно отслеживать изменения и выполнять рендер после загрузки текста/картинок/шрифтов.

Ответ написан более трёх лет назад

1 комментарий

Как узнать что вывелось в консоль с помощью js в браузере на IOS?

kapuletti @kapuletti

Если есть Mac OS, то запускаем Xcode пустой проект и запускаем эмулятор iPhone, одновременно открываем Safari и в меню Developer (Разработчик) выбираем окно Xcode. Делаем какие-то действия в эмуляторе и весь лог видно в консоли Safari.

Если Mac OS нет, то можно попробовать поставить через виртуалку.

Ответ написан более трёх лет назад

2 комментария

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

kapuletti @kapuletti

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

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

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

Ответ написан более трёх лет назад

Комментировать

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

kapuletti @kapuletti

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

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

Ответ написан более трёх лет назад

Комментировать

Как избавиться от тормозов на Mac OS?

kapuletti @kapuletti

В Mac OS X сейчас для работы нужно минимум 8GB памяти. 4GB это чисто в браузере посидеть. Смотреть сколько памяти свободно или занято — бесполезно. Просто попробуйте увеличить память и увидите разницу.

Ответ написан более трёх лет назад

Комментировать

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

kapuletti @kapuletti

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

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

Ответ написан более трёх лет назад

3 комментария

Стоит ли изучать программирование веб-дизайнеру?

kapuletti @kapuletti

Программировать стоит для получения опыта, хотя бы просто понимать 1 или 2 языка. Почему дизайнеру стоит знать тот же JS? Для воплощения своих идей. Дизайн сейчас это не просто картинка из фотошопа. Это интерактивные интерфейсы (material design как пример). Мало красиво рисовать, нужно еще представлять как это будет работать, а еще лучше реализовывать самостоятельно.

Ответ написан более трёх лет назад

Комментировать

Как сделать подобную таблицу (график) 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;
}

Ответ написан более трёх лет назад

Комментировать

Как «запереть» курсор мыши в окне браузера?

kapuletti @kapuletti

А что если попробовать средствами CSS указать стандартный курсор для блока в виде:
div {cursor: url(blabla.cur)}
А .cur сделать пустым прозрачным файлом?

Ответ написан более трёх лет назад

2 комментария

Войдите на сайт