Tech Front-end frameworks, SASS and Compass - GoFuckYourself.com

transbetty · 03-05-2015, 09:06 AM

I developed my last two sites with above combo and I can't say how happy I'm I forced myself to start using them.
Especially SASS and Compass combo is amazing, you might not even need any front-end framework at all.

In my opinion complete Bootstrap can be overkill, actually it is. Rendering performance suffers if you have complicated DOM, JS or old device.

Considering to migrate to Foundation. Like also minimalstic Kraken framework.

Do you use SASS / Compass? And what front-end frameworks do you use?

nm_ · 03-05-2015, 09:48 AM

Nice sass is fun. IMO bootstrap and foundation are really the same performance wise. Foundation has a slightly better grid system (and a couple useful extras baked in), but doesn't support ie8 or older browsers as gracefully as bootstrap.

I switch between both, but favor bootstrap a bit more because its just so easy

transbetty · 03-05-2015, 09:55 AM

Quote:

Originally Posted by nm_

Nice sass is fun. IMO bootstrap and foundation are really the same performance wise. Foundation has a slightly better grid system (and a couple useful extras baked in), but doesn't support ie8 or older browsers as gracefully as bootstrap.

I switch between both, but favor bootstrap a bit more because its just so easy

Do you ever suffer from performance issues, i.e. slow paint times?
Bootstrap / SASS can become resource demanding if not done properly.

Actually choosing the right selectors is in my opinion real art itself. Only people who understand DOM and delays well create really good CSS. I would love the say I'm good at DOM / paint analyses, but I would be lying.

chloelewis · 03-05-2015, 10:55 AM

I use SASS and don't use a front-end CSS framework. It's more flexible that way. I use Bourbon instead of Compass though.

transbetty · 03-05-2015, 10:57 AM

Quote:

Originally Posted by chloelewis

I use SASS and don't use a front-end CSS framework. It's more flexible that way. I use Bourbon instead of Compass though.

If you have the time to develop your own code it's best thing to do.

But let's think of a scenario: a portal site (registrations, many forms, user profiles, etc. ). Doing all this from scratch for will be very demanding and time is a rare commodity for me.

SCORE Ralph · 03-05-2015, 01:17 PM

Quote:

Originally Posted by transbetty

I developed my last two sites with above combo and I can't say how happy I'm I forced myself to start using them.
Especially SASS and Compass combo is amazing, you might not even need any front-end framework at all.

In my opinion complete Bootstrap can be overkill, actually it is. Rendering performance suffers if you have complicated DOM, JS or old device.

Considering to migrate to Foundation. Like also minimalstic Kraken framework.

Do you use SASS / Compass? And what front-end frameworks do you use?

Welcome to the club. I migrated over 40 websites last year from an archaic framework to a new MVC model and the front-end using SASS/compass. Was very happy that I did so.

I also decided not to go with Bootstrap and built my own backend/frontend based on the same techniques.

candyflip · 03-05-2015, 02:03 PM

I've moved from Bootstrap to Foundation.

SCORE Ralph · 03-05-2015, 02:30 PM

Quote:

Originally Posted by candyflip

I've moved from Bootstrap to Foundation.

That's another framework that after a few projects I did not like the verbosity of the layouts. Both were too strict for managing hosts of sites and ended looking very cookie cutter. They're both good baselines though.

transbetty · 03-06-2015, 02:20 AM

If you start using mixins it allows you to move away from default Bootstrap / Foundation very easily.

What i like about those frameworks is variables. _variables with custom mixins - that's a HUGE win for a front-end development.

RazorSharpe · 03-06-2015, 06:37 AM

Quote:

Originally Posted by transbetty

I developed my last two sites with above combo and I can't say how happy I'm I forced myself to start using them.
Especially SASS and Compass combo is amazing, you might not even need any front-end framework at all.

In my opinion complete Bootstrap can be overkill, actually it is. Rendering performance suffers if you have complicated DOM, JS or old device.

Considering to migrate to Foundation. Like also minimalstic Kraken framework.

Do you use SASS / Compass? And what front-end frameworks do you use?

Have a look at Pure ( Pure ) - it's a decent framework and extremely minimalist/lightweight.

Having said that, I prefer bootstrap/SASS/bourbon/Gulp

transbetty · 03-07-2015, 08:46 AM

Pure is nice. Fast. I see they fixed ugly sidebar off-canavas "bump"
on menu close.

Unfortunately, they don't support SASS and there is only an un-official fork not updated very often.

bns666 · 03-07-2015, 08:48 AM

nice sites betty

transbetty · 03-07-2015, 09:53 AM

Quote:

Originally Posted by bns666

nice sites betty

Thank you.

avrevenue · 03-08-2015, 06:53 PM

Quote:

Originally Posted by RazorSharpe

Have a look at Pure ( Pure ) - it's a decent framework and extremely minimalist/lightweight.

Having said that, I prefer bootstrap/SASS/bourbon/Gulp

All our new sites user combo purecss + compass + sass + custom wordPress theme. Easy to update and very lightweight. As bonus we still support old browsers whereas last foundation doesn't

transbetty · 03-09-2015, 02:10 AM

Quote:

Originally Posted by cici131421

All our new sites user combo purecss + compass + sass + custom wordPress theme. Easy to update and very lightweight. As bonus we still support old browsers whereas last foundation doesn't

Do you use this SASS port - https://github.com/fourseven/pure-sass ?
Did you manage to fix the ugly menu bump (scrolling down with sideba menu opened).)
Clean templates. If it's not a secret, what JS did you use for menu collapsing?

Thank you

SCORE Ralph · 03-09-2015, 09:30 AM

You can use SASS with any framework. It really is irrelevant if they supported or not. You can keep their portions as is, and you can expand your css via SASS.

transbetty · 03-09-2015, 10:58 AM

Quote:

Originally Posted by SCORE Ralph

You can use SASS with any framework. It really is irrelevant if they supported or not. You can keep their portions as is, and you can expand your css via SASS.

I'm aware of that. However if the framework doesn't have a well maintained SASS port, you will surely run into problems in future.

Compare "update gem" and manual update. dozens of hours difference depending on framework

SCORE Ralph · 03-09-2015, 12:09 PM

Quote:

Originally Posted by transbetty

I'm aware of that. However if the framework doesn't have a well maintained SASS port, you will surely run into problems in future.

Compare "update gem" and manual update. dozens of hours difference depending on framework

Not if you keep them separate of each other. You shouldn't be messing with the frameworks base format anyway--thats one of the reasons to use the framework in the first place.

transbetty · 03-09-2015, 12:37 PM

Quote:

Originally Posted by SCORE Ralph

Not if you keep them separate of each other. You shouldn't be messing with the frameworks base format anyway--thats one of the reasons to use the framework in the first place.

I disagree. While I agree you shouldn't touch the framework source and use overwrites instead, you should take the advantage of _variables partials. Changing variable values in _partials is the real strength of any framework /SASS combo.

SCORE Ralph · 03-09-2015, 01:13 PM

Quote:

Originally Posted by transbetty

I disagree. While I agree you shouldn't touch the framework source and use overwrites instead, you should take the advantage of _variables partials. Changing variable values in _partials is the real strength of any framework /SASS combo.

Oh, you're actually not disagreeing; I do use _partials from various sources. You can use _partials from any other projects in your SASS by imported into frameworks project ;)

transbetty · 03-09-2015, 01:49 PM

Quote:

Originally Posted by SCORE Ralph

Oh, you're actually not disagreeing; I do use _partials from various sources. You can use _partials from any other projects in your SASS by imported into frameworks project ;)

Misunderstanding then

Strange is how some WP theme don§t provide LESS /SASS files. I think in 2015 it should be default if you pay for the theme.

03-05-2015, 09:06 AM	#1
transbetty Confirmed User Industry Role: Join Date: May 2013 Location: Prague Posts: 197	Front-end frameworks, SASS and Compass I developed my last two sites with above combo and I can't say how happy I'm I forced myself to start using them. Especially SASS and Compass combo is amazing, you might not even need any front-end framework at all. In my opinion complete Bootstrap can be overkill, actually it is. Rendering performance suffers if you have complicated DOM, JS or old device. Considering to migrate to Foundation. Like also minimalstic Kraken framework. Do you use SASS / Compass? And what front-end frameworks do you use? __________________ Tranny Sites - tranny, fetish & BDSM porn site reviews by Betty Tranny Ladies - online tranny dating and community portal Transbetty - my personal blog (articles/photos/reflections)

03-05-2015, 10:55 AM	#4
chloelewis Confirmed User Industry Role: Join Date: Nov 2014 Location: Montreal Posts: 101	I use SASS and don't use a front-end CSS framework. It's more flexible that way. I use Bourbon instead of Compass though. __________________ Find me on Twitter and LinkedIn \| Who am I? Long read (en Francais ici)

03-05-2015, 02:03 PM	#7
candyflip Carpe Visio Industry Role: Join Date: Jul 2002 Location: New York Posts: 43,064	I've moved from Bootstrap to Foundation. __________________ Spend you some brain. Email Me

03-06-2015, 02:20 AM	#9
transbetty Confirmed User Industry Role: Join Date: May 2013 Location: Prague Posts: 197	If you start using mixins it allows you to move away from default Bootstrap / Foundation very easily. What i like about those frameworks is variables. _variables with custom mixins - that's a HUGE win for a front-end development. __________________ Tranny Sites - tranny, fetish & BDSM porn site reviews by Betty Tranny Ladies - online tranny dating and community portal Transbetty - my personal blog (articles/photos/reflections)

03-07-2015, 08:46 AM	#11
transbetty Confirmed User Industry Role: Join Date: May 2013 Location: Prague Posts: 197	Pure is nice. Fast. I see they fixed ugly sidebar off-canavas "bump" on menu close. Unfortunately, they don't support SASS and there is only an un-official fork not updated very often. __________________ Tranny Sites - tranny, fetish & BDSM porn site reviews by Betty Tranny Ladies - online tranny dating and community portal Transbetty - my personal blog (articles/photos/reflections)

03-05-2015, 09:48 AM	#2
nm_ Confirmed User Industry Role: Join Date: May 2011 Location: San Diego Posts: 328	Nice sass is fun. IMO bootstrap and foundation are really the same performance wise. Foundation has a slightly better grid system (and a couple useful extras baked in), but doesn't support ie8 or older browsers as gracefully as bootstrap. I switch between both, but favor bootstrap a bit more because its just so easy

03-07-2015, 08:48 AM	#12
bns666 Confirmed Fetishist Industry Role: Join Date: Mar 2005 Location: Fetishland Posts: 11,526	nice sites betty __________________ ⭐ CAM SODA ⭐ STRIPCHAT ⭐ ⭐ CHATURBATE ⭐ X LOVE CAM ⭐

03-09-2015, 09:30 AM	#16
SCORE Ralph Confirmed User Industry Role: Join Date: Mar 2003 Location: Miami, FL Posts: 2,090	You can use SASS with any framework. It really is irrelevant if they supported or not. You can keep their portions as is, and you can expand your css via SASS. __________________ GetSCORECash.com \| In the Biz Since 1991 Big Tits \| Granny & MILFs \| Amateurs \| Big Booty \| Foot Fetish \| BBW \| Teens Hosted Embeds \| MP4s \| RSS Feeds \| FHGs \| Model Directory