Using CSS outside of the browser [closed] - css

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 4 years ago.
Improve this question
Is there a way to use CSS outside of the browser? Let's say I wanted to use it on creating desktop apps for Windows, Mac OSX or any other operating system.

Yes CSS is Often Used Outside of a Browser
Yes. When people develop with apps such as React, we use CSS and SCSS just like you would on a webpage.
Below is a sample of using CSS with React using JavaScript

Your question is very unspecific regarding e.g. the programming language you want to use. There are a lot of frameworks out there used to create desktop frontends. Some of them also use CSS-like notation to define their look, such as JavaFx.
But if your target is to create a webpage that runs in both browser and as native desktop app, I guess the best way is to run a browser engine inside your app.
Edit to answer your comment: It's not dependent on the programming language but related to the framework you use. Every framework works a bit differently here but some use the CSS notation. But as StackOverflow is not the place to ask for a list of frameworks I would recommend you to do some research on your own.

Related

Online tool to check/validate css [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 5 years ago.
Improve this question
Is this website code beautify reliable to check my css codes in details or are there other tools?
There are many websites like the one you've attached in your question and they usually follow the same rules, so I wouldn't be too worried about what you use. I use CSSLint from time to time, http://csslint.net/, which is very strict on the syntax and how you are using your rules.
The most important part of your CSS (in my opinion) should be, how reusable and maintainable your style sheets are, and there are many articles on the web which outline some of the principles you should be using, like https://speckyboy.com/good-bad-css-practices/, and a quick google for CSS practices will reveal many different guides and articles on this.
There are also IDEs with a form of intellisense on the CSS syntax, like WebStorm or Visual Studio Code (https://code.visualstudio.com/docs/languages/css), so you don't have to paste your styles to and from a website.

Automated Testing tools for HTML5 Canvas [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 2 years ago.
Improve this question
I'm looking for a tool to do some automated GUI testing on a HTML5 canvas component we're developing. Basically I'm looking for a tool that is able to record the clicks and events on the canvas component and is able to replay those events.
So far most of the testing tools like Telerik WebUI Testing Suite, Selenium, TestSwarm, qUnit, Jasmine, Hudson seems that they don't fully support HTML5 canvas testing.
Would you guys know a testing tool that already supports that? If not, would you know how companies are doing automated testing of HTML5 canvas?
In Telerik Test Studio latest release, we have added support for many of the HTML5 tags like Canvas, Audio and Video tags. All the HTML tags are accessible using code and are under the:
ArtOfTest.WebAii.HtmlControls namespace. You will find HTML5 controls like:
HtmlCanvas, HtmlAudio, HtmlVideo, HtmlMeter and all the expanded HtmlInput types like HtmlInputEmail, HtmlInputSearch..etc.
For the HtmlCanvas, you actually have access to the 2D Context of the control. So you even manipulate it and can do things like:
HtmlCanvas.Context2dRotate(), HtmlCanvas.Context2dTransform()...etc.

Are there any reuseable CSS stylesheets that provide some commonly used functionality? [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 4 years ago.
Improve this question
Examples might include:
buttons (class="button" or similar)
rounded boxes with headings (class="content-box" or similar)
nice looking html tables (class="nice-table" or similar)
customised html form fields
[example class names just to give an idea of expected behaviour]
Basically I just want some readymade CSS for common things.
My non-designer friend wants to get started creating a web app and I feel that ready made simple but attractive CSS classes would be a great help.
Try this ones:
http://twitter.github.com/bootstrap/ — css framework from creators of twitter, have wide range of common elements.
http://foundation.zurb.com/ — another framework with hight focus on prototyping.
There is Skeleton: http://getskeleton.com. It has both JS and CSS patterns and is helpful for developing sites quickly, it's also mobile friendly.
jQuery UI provides a nice framework for this, even if you don't use the javascript side of things. You can reuse their CSS for whatever you need. See here:
http://jqueryui.com/docs/Theming/API
http://twitter.github.com/bootstrap/
YUI3. Yahoo! has created some of the best rules for web development.
Reset - level all browsers
Fonts - level all fonts
Base - reapply some common styles
Grids - best way to manage grid-like layouts
http://yuilibrary.com/yui/css/

GWT Themes/Templates [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 5 years ago.
Improve this question
I'm developing an application using GWT. Though GWT is a JAVA based medium, the look and feel could only be enriched via CSS. I was wondering if there is some site, where I could download CSS that could make my app look better. Also I was thinking if GWT supports templates/themes unlike Drupal/Joomla. If it does support,is there some place where I could make use of existing templates? Being a developer, I feel the application is not appealing to the user. For instance, I'm using TabLayoutPanel to imitate the menus. But, they doesn't actually look like a menubar. Also the entire application would take only a little amount of screen space. I want the application to fill the entire screen size. Is there any way to solve the above problems??
Thanks in advance.
Like TxANG mentioned, you can use the theme generator. Working demo here http://gwt-theme-generator.appspot.com/
For full screen (all available browser space), use DockLayoutPanel
Im afraid there is no template/theme like in php because there is no predefined skeleton pages (in fact, there is no usual "pages"). All styling have to be done through CSS. If you want to generate a new CSS using different colors, there is a generator page that can help you.
Answer for your second question - Use RootLayoutPanel instead of RootPanel. And then add DockLayoutPanel to it. The center panel of the DocLayoutPanel occupies all available space in the browser.
Try Vaadin :)
http://vaadin.com/home
Showcase : http://demo.vaadin.com/sampler
Hope you like the look and feel, this framework build over GWT. You can extend the native GWT classes.

CSS Documentation Template [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 5 years ago.
Improve this question
Does anyone know if there are CSS templates purely for documentation purposes? I haven't been able to find any.
Edit: Looks like I will have to write my own. Basically it would have been nice to have a little css template that has pre-styled notice boxes and lists purely for the use of user guides or documentation but not too hard to setup.
try 960 grid
it's basically a CSS framework
Blueprint CSS
On a par with 960 Grid
You may want to check out the designs at the CSS Zen Garden.
The goal of this site is to showcase what is possible with CSS-based design. Style sheets contributed by various graphic designers are used to change the visual presentation of a single HTML file, producing hundreds of different designs. The HTML markup itself never changes between the different designs.
On each design page, you'd have a link to view the CSS file of that design.

Resources