Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 6 years ago.
Improve this question
I would like to convert (flip horizontally) my entire website to be used with RTL languages such as Hebrew and Arabic.
As far as I can imagine there are not a few properties I have to take care about in order to accomplish this task.
My website is pretty complicated in terms of CSS styling so I am looking for the most elegant and 100% working method to do so.
I have found some online tools but it seems they do not take care of every possible property and this simply breaks the website.
Can someone suggest a good and an elegant way?
Using different stylesheets for the RTL version:
This method became popular recently due to the rise of this plugins that automatically parse the CSS files and produce an RTL version.
1- Automate RTL and LTR language directions supoort With Grunt and Sass
2- Grunt plugin to convert CSS stylesheets between left-to-right and right-to-left
3- Bi App LESS
4- Bi App SASS
Also there is a Chrome extension called My Style This extension add a textarea to the pages the user visit. It is toggled by pressing ctrl + m. Whenever CSS declaration is added to it, it will affect all the pages on the this domain. The CSS isn’t removed until the user remove it manually. Using this extension, I start adding the overrides till I get the prefect result.
note: this answer collected from many sources and I did not test them, i hope it helps in someway, thanks !
Related
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 3 years ago.
Improve this question
I was wondering if there are any differences between CSS images and SVGs on your website.
By CSS images I mean images created with divs in HTML and styled in CSS (like this: https://codepen.io/andrewrock/pen/jOEZxrY).
Yes, CSS images are more time consuming, but apart from that they're both animatable, you can use CSS variables on them, make them dynamic with JS, ...
So what are the differences of those 2? (Performance, Rendering, ...)
There are countless reasons why you should use a svg instead of a group of html elements:
Creation
There are hundreds of svg editors that allow in a simple way to realize a drawing or an icon. This is not the case for html. So drawing a building icon in full css would be really painful.
Sharing
The fact that it uses a standardized file such as svg, allows you to export your work to other tools and easily be exploited by someone else. Use tricky css rules to manipulate some span or div can be difficult for a newcomer to your project to understand.
User experience
On a website that use svg, you will able to open it on a new tab or to download it. Thats very comfortable for an user for exemple. If you use html an user will not be able to manipulate and thats can be really annoying
Performance
Because the svg is called most of the time a file you can compressed it on your server to gain more space and performance with some tools like Appendix J
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 3 years ago.
Improve this question
Css got pretty much features and has a fair amount of flexibility. Unlike other languages ive never heard of other options to expect the same result. Event js seams to be the only active laguage in html pages. Did i miss anything? Or are there acctually no other options?
There are not.
JSSS was an early competitor to CSS, but swiftly lost and nothing supports it today.
Technically, you could involve XSLT … but that would involve processes such as converting to XSL Formatting Objects and then to PDF rather than styling HTML per se.
Well, there are also CSS pre-processors like SASS, LESS and Stylus... that improves the syntax and complements CSS itself. That code from pre-processors is transpiled to CSS so any browser could execute it. But they aren't alternatives to CSS.
There are technologies like Jquery or other frameworks where you can just change the way you write CSS but there isn't a way in designing a page without CSS as all this uses it as a main framework for design.There are alternatives like Sass Scss but all this rely on css
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 8 years ago.
Improve this question
How does minifying codes come into place in terms of web designing?
I understand the importance of minifying in order to reduce load speed. I write my html and css codes with indentation. How I'm doing it right now is that on my local computer, I have my original codes. Then when I'm ready to upload it to a live site, I will minify it and copy/paste the code there.
So now I have 2 version of the website: original & minified.
Is this the correct way to do it, or should I write my code in the "minified" form? It'd be pretty much a mess and impossible to code if I wrote in the minified form.
Please tell me how you guys are doing it!
Write your code in a clear, maintainable way. So, keep indenting, etc.
Minify your code when you deploy it. You are doing it by running a tool yourself. Many people do it as part of their build/deploy process. So you might have one command that minifies all your assets and deploys them to your server.
But if you don't have a build/deploy tool right now, then the way you're doing it is probably the way to go. Put "learning about build tools and adopting one" on your to-do/self-improvement list. You'll be glad you did.
minifying is not a part of you web design process. you need to write your code nice and pretty. then use a tool to minify your css and javascript, probably as a part of your build process.
I´m using http://gulpjs.com/ and some of its packages. It can watch my readable css (or less) and pipes it each time I save automatically through some methods like minify or prefixing (automatically adds browser specific css for older browsers which don´t support css3)
maybe check this tutorial if you want to dig deeper http://www.sitepoint.com/introduction-gulp-js/
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 7 years ago.
Improve this question
I've looked at the site of OpenERP and Google and have not found any reference to skins for OpenERP. I understand that the logo must be maintained but if I want to improve their appearance, is there any way to create skins?
Thanks in advance for your answers
override css classes. you can override css for each modules if you want. the main css is here->
openerp-7.0\openerp\addons\web\static\src\css
after addons folder every module can have own css,
openerp-7.0\openerp\addons\SOME_MODULE\static\src\css
it overrides main css.
In 6.0 web client layout (images and css) are in a folder like ...\openerp\web-client\addons\openerp\static. In 6.1 you can find the equivalent content at somewhere like ...\openerp\openerp-web\addons\web\static.
I believe that a ZIP file with a replacement for those folders could considered a skin.
changing the existing css and images can lead to update incompatible.
in openerp 6.1 you can add a module in web addons . and change the behavior of the existing css, images.
at time of starting server you just have to pass "--load=web,WEB_THEME_MODULE"
Making use of the web framework in version 6.1 I've set out to write a simple module to change basic css and images. You can find this module here http://apps.openerp.com/addon/7961.
The basic is working well but it is a work in progress as I hope to extend it in scope and fix minor issues. The source code is available in Launchpad for anyone to report bugs, or better yet, contribute some code. Find it here as web_theme.
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 7 years ago.
Improve this question
Hello I have an html page that through php pulls reports about sales and puts them in charts and graphs. It works great however I am looking for a way to convert a div box into a pdf so whoever is using the sight can print specific graphs and charts that are in selected div boxes. Is there a simple way to do this or is this unfeasible?
Thanks!
There are lots of answers here merely talking about making a PDF. That's the easy part - the hard part is finding an engine that renders the CSS well.
This question has been raised before, and the issue doesn't lie with feasibility (it's very possible and there are lots of solutions), but they vastly differ on their capabilities to translate CSS into PDF. Many just completely fail altogether.
From my research it looks like WKHTMLtoPDF is your best bet, as it uses a full WebKit engine to render the HTML first, then translate that into a PDF (I found a tutorial in addition to the docs).
The downside? It's command-line, so you'll need to engineer a solution involving either python or php to execute the program. Here's the PHP manual on executing a program.
Edit:
I have personally used FPDF before, which is a surprisingly light-weight solution with a caveat that you have to provide it with all of the HTML (edit:) line-by-line, rather than being able to use the browser-rendered result of a HTML page (a result that would include a rendered chart). I'm providing it merely as a suggestion and to help you work out where you can go from here, but it's not directly applicable to your complex CSS/chart problem.