Rails scss l18n - css

I am translating a rails application with Sass made for LTR languages.
I am translating the app to a RTL language (Hebrew), and I am wondering what's the best practice for organizing my Scss files?
I can create directory for RTL and LTR and put their specific language things like flots and direction.
Is this the best way?

I don't believe there is any standard; however, Thoughtbot has a post about a topic like this:
http://robots.thoughtbot.com/sass-default/
Maybe you could use similar sturcture for the languages as they did for the clients.

Related

Using Tailwind vs. BEM

I know the title might be a little off but you know what I mean :)
I'm a pure front-end developer and I might be heading into a React project where other developers that are more back-end than me wanna use the CSS framework Tailwind (https://tailwindcss.com).
I have been using BEM with some modifications for a couple of years now and really like it. I can not see why I would wanna use something like Tailwind when I have more freedom and is more effective with BEM?
Am I right when I think Tailwind is great for back-enders who needs to do front-end, but not dedicated front-end developers?
Looking forward to your opinions!
Your question can be rephrased like this Using predefined css VS writing your own css
People use CSS Framework( Tailwind, Bootstrap, Foundation, Bulma,... etc) for Rapid UI Development, where as BEM is just a CSS Naming Convention that can be used with any of the Frameworks above.
It has nothing to do with Backend or Frontend, hope it answers your question.

Does meteor JS supports RTL languages?

Does meteor JS supports RTL languages like persian(farsi) or arabic?
When you make web page can you use a right to left language.
ہاں، یۂ ممكن ہے
Sorry. couldn't resist. Yes, meteor supports unicode languages which include should include all RTL languages supported by unicode.
btw the statement is in urdu and means, yes, it is possible.
Cheers
Meteor is a full-stack framework. On the front-end, it's still HTML/CSS/JS (with a slice of reactive templating on top of it). You can use i18n packages to change the user language, or simply hard-code your website in whatever language you want. Right-to-left is managed with CSS, on the front-end.
So yes, Meteor does support right-to-left languages because it's not a front-end framework, but a full-stack one, and you can use any CSS or front-end library with it.

How to create ExtJS 4 themes without using Compass and SASS?

I want to create custom themes for ExtJS 4 based application. I read ExtJS documentation and found out that we need to install Ruby, Compass and SASS to create custom themes.
As I am not sure whether my client (and my employer too) will allow me to install these 3 tools, I would like to know whether its possible to create custom themes without using these tools?
Thanks in Advance !
Is it possible? Yes. Without SASS, you can still apply any custom styling you need using plain CSS. You'd include the default ExtJS stylesheets on your webpage, and then use custom stylesheets to override whatever styles you need to.
Is it preferable? No. Depending on the extent of the theming changes you're looking to make, using pure CSS is likely to be tedious and troublesome. Using SASS/Compass allows you to use the variables and mixins provided by ExtJS for theming, which is much faster and easier than trying to do it by hand. In addition, the CSS files generated by SASS will be minified, and won't contain the extra CSS bloat you'd end up with trying to do it all manually.
My recommendation: try hard to convince your employer to allow you to use SASS. It will be well worth it if they do. And remember: Ruby, SASS, and Compass are only needed for development, since your SASS files will be compiled into CSS before being included on the webpage. Your client shouldn't need anything extra (other than a browser) to access the ExtJS application. If your employer is really stubborn about installing Ruby, you may have no choice but to create your theme in CSS by hand. But that's likely to be a long, frustrating experience.

What advantages does Sass provide over regular CSS?

I'm trying to decide on technologies for a presentation layer. I have heard Sass talked about enthusiastically but am resistant to learn something new without knowing why it's better than the alternative - in this case plain CSS. Any feedback on Sass would be welcome.
Edit: This is also a good discussion on this:
SASS: The Better, More Powerful CSS
I have a screencast that shows Sass and Compass (the Sass-based stylesheet framework) in action. It's an hour long, but it shows how Sass and Compass work and how they enable new ways of approaching website design by enabling sharing of implementation without compromising the content/presentation boundary.

What are the arguments against using a CSS Framework?

Yesterday I asked a question here that got more momentum that what I thought it would. Here is the question link since it is related. I am interested now in the possibility of that using two frameworks together will be worst than using a JS framework and CSS from scratch or the other way around.
The question is clear, if you think there are arguments against using a CSS framework like Blueprint CSS please tell me what you think they are.
The main argument is that CSS is not really a programming language. A framework is meant to include reusable functions and data structures. CSS has neither of these constructs. A CSS "framework" is more akin to a template in a word processor. It provides ready-done design work, but it also imposes more constraints than starting from a blank slate.
Incidentally, this was what drove the development of Compass. It's similar to a CSS framework, but instead it uses the CSS metalanguage Sass, which does have functions and variables. Thus rather than (for example) having columns baked into the framework, you can write something like +columns(5) +column-margins(1em) and it will generate the appropriate CSS.
Browser compatibility? We're continually struggling to maintain IE6 support for the 1/3 of our clients that cannot or will not upgrade. Lots of CSS issues.
I use the YUI CSS libraries, but I'm not sure if that counts as a framework.
YUI handles the basics for fonts, layout (grids) and other formatting and makes it consistent across browsers and Operating Systems. It's under a free software license, also.
They also have a very useful interactive grid designer.

Resources