MAG-FRAG: В кодпене при использовании любого из представленных препроцессоров вьюха апдейтится через ~1 секунду. Там идет моментальная компиляция на лету. + всегда есть кнопочка View Compiled, которая тут же показывает скомпилированные стили и их можно скопировать. Удобная вещь, когда надо отдать стили для проекта, где не стоит препроцессора на серваке, просто копируете Compiled стили, прогоняете их через онлайн автопрефиксер (автопрефиксер на кодпене добавляет лишь стили текущего браузера) и получаете готовый результат.
Я помню как делал проект на гранте с SASS, где вотчер авторефрешил страницу после изменений, дак вот там процесс компиляции и апдейта в сумме занимал 3-5 секунд что жутко бесило. (не знаю правда насколько это быстрее в Gulpe, возможно намного быстрее).
alexgilev: С августа так работа. Поначалу я просто штамповал демки и верстал всякие блоки по работе (поддерживал сайты). Потом начал верстать полноценные сайты с нуля. Сейчас 2 проекта там пилю.
Из минусов это отсутствие некоторых фишек сборщиков (конкретно не хватает автоматизации ресайзинга картинок, но и в онлайне это делается быстро). И... И даже не знаю больше. Раньше был минус в виде отсутствия своей любимой и настроенной IDE, но и это сейчас частично фиксится (плагин для хрома + sublime и можно писать код в саблайме, которые транслируется в кодпен).
К этому блоку применена транформарция? transform/backface-visibility или нечто подобное? Если да, то b-a: fixed в этом случае работать не будет, если я правильно помню свои страдания с демками.
vafarulez: У вас по ходу сборка в гранте криво как то настроена, раз он новые иконки вставляет вначало, меняя положение старых. Сделайте наоборот, чтобы новые иконки просто добавлялись, а не вставлялись в начало.
s0lar: Если вам нужен полноценный сайт для портфолио, то вам нужно его сделать самому. Ибо грош цена такому программисту, который не может себе сделать сайт...
Вячеслав Успенский: codepen.io/suez/pen/emjwvP - вот одна из моих демок эластичной svg анимации на rAF. 100% хромированный велосипед, в целях самообучения. Может вам поможет :)
weranda: Ну если хотите глобально манипулировать только шрифтами - используйте только для шрифтов. Но обычно лучше манипулировать сразу всем, ибо увеличенный шрифт, при тех же размерах блока будет смотреться криво.
weranda: Не очень понимаю о чем речь. В моем примере в первом куске css идет конкретно указано, что 1rem превращается в 10пикселей и в общем то все. Допустим у вас есть верстка, которую вы делаете в пикселях. Вы просто заменяете эти пиксели на rem и делите на 10. Все будет работать точно так же. С той лишь разницей, что результат можно будет потом уменьшить/увеличить, меняя глобальный font-size.
Вячеслав Успенский: Проблемы со скоростью jQuery в плане анимации не из-за каких-то там селекторов или пары лишних строчек "под капотом", а из-за того что там анимации реализованы на setInterval, в то время как в современном мире нормальные анимации работают на нативным браузерном requestAnimationFrame, который специально заточен под такие вещи. greensock.com/js/speed.html - вот тут можете посмотреть сравнение анимации. Запустите 500+ точек на обычном jQ, а затем на GSAP или jQuery.gsap (заменяет интервалы на rAF). Разница огромна.
Если речь не идет о поддержке древних браузеров (ие8 и ниже, то есть тех где нет транзишенов), то расклады по анимации в 2015 году такие:
1) Все простые анимации, не связанные с динамически вычисляемыми цифрами и большим количеством шагов анимации, надо делать на css, добавляя классы через js. Получается отличная помесь деклартива и императива. Легко поддерживать, масштабировать и реюзать такие вещи.
2) Если вам необходимо что-то сложное, с динамическими цифрами, с кучей этапов анимации и так далее - юзайте js. Если конкретнее, то GSAP (либо velocity.js). Можно конечно вначале писать велосиды на rAF (сам люблю такое), но на реальных проектах монстр типа GSAP это лучший выбор для анимации вообще (если речь идет именно о чем то сложном). Ну и естественно никаких jQuery.animate, хотя вы это итак знаете.
+ еще стоит упомянуть snap.svg для понятно чего.
>Сейчас действительно предкризисные времена на западе и в европе в том числе, свободных денег у населения мало.
Oh shi, экономический эксперт в треде, все в машину. Советую вам реже смотреть российское тв, а то вы бредите.
ruslan2243: Для того чтобы "кусочки картинки" показывались по сторонам, надо делать полноценный объемный блок и на этим самые стороны присобачивать картинки через бэкграунд. Единственный вариант, применять для лицевой стоороны бэкграунд, который будет сжирать лишь 90% от оригинала по ширине/высоте в отцентрованном виде, а его вот эти невлезшие "куски" присобачивать на стороны. В общем в еденичном варианте это делается легко, а вот чтобы это дело автоматизировать, надо сделать примерно как я описал (мне сейчас лень такое кодить).
Евгений Привалов: И да, и нет. $ намного более продуманный, он избавит вас от головной боли. querySelector выбирает только первый найденный элемент. querySelectorAll выбирает все подходящие элементы, но возвращает nodeList который итерируется через жопу (то есть надо перебирать либо через for цикл, либо превращать в массив с помощью [].slice.call(nodeList) и потом перебирать через forEach, добавляя к каждому элементу в цикле класс). Ваниллу знать обязательно если вы хотите стать настоящим специалистом, но в тех местах где себе можно позволить безболезненно юзать jQuery - надо юзать jQuery. Ибо "Write less, do more".
Я помню как делал проект на гранте с SASS, где вотчер авторефрешил страницу после изменений, дак вот там процесс компиляции и апдейта в сумме занимал 3-5 секунд что жутко бесило. (не знаю правда насколько это быстрее в Gulpe, возможно намного быстрее).