Can I skin Flex 4 Spark UI components with runtime CSS?
This depends on the Skin. Some default spark skins support a couple of CSS properties. However there are significantly less properties available as for Halo components.
In general I would consider CSS skinning as obsolete since the Spark skinning with FXG is much more powerful and easier. You can switch the entire skin at runtime or better: Write a custom skin that is displayed differently based on the SkinState of your component.
Related
We have used pattern-lab to build some set of components following atomic design principles. We have a requirement now to theme these components for different websites. Fonts, colors would vary across each site. I would like to understand what would be the best approach to handle themes for components built using pattern lab?
Looking for a design solution on how to organize specific styles related to a theme of site in pattern-lab or is there any standard way to follow to easily achieve this flexibility of switching between themes for various components?
webcomponents info
My project developed with polymer.I just find neon-animation component has been deprecated.Some alternative components are available ?
Although neon-animation has been deprecated, it will still be around for some time. However, Polymer's mission has always been "use the platform", and as such, for new Projects it is recommended to use what the platform has to offer in terms of animations.
If you're creating a new element from scratch, we recommend using CSS
keyframe animations, CSS transitions, or the Web Animations API.
You can read the update on neon-animations here.
Many websites have loading animations, slide in text and more. What language is used to trigger the animations?
A lot of various technologies can be used, but among the most widespread, there are JavaScript (and many many libraries / technologies built upon it, like jQuery, NodeJS, AngularJS, VueJS, etc.) and HTML5, which includes sets of "native" HTML tags enabling animations (and a lot more than that). Among others, one could also mention Django, which is built in Python.
I hope this helps ; please refer to these technologies' documentations for actual details.
You can, and we used to, animate stuff directly with javascript. This has largely been replaced with css transitions, which are much cleaner. So you define your animation in css with the transition rule, and you trigger it with built-in selectors :hover :active :focus etc., or by adding a class to the class list. If you use a js mvvm framework like angular or vue, you can bind your class list to your model. As such, everything is declarative, nothing is procedural. My goodness we've gotten clever :-)
Project utilizes AngularJS, Bootstrap and KendoUI. Issue is, Kendo advertises that it "integrates" with Bootstrap, when in fact it only really mimics bootstrap styles.
I've got a LESS workflow established with grunt, proper Bootstrap variable overrides and all, but I'm having the damnedest time finding source files for KendoUI.
All the documentation I've come across wants you to use some Theme Builder tool, but this isn't ideal. When you use the themebuilder, it includes a LESS file with variables, but I can't find the source LESS files for KendoUI Pro (which I've purchased a license for, so you'd think they'd serve it up on a platter.)
For anyone in the sorry position of having to use Kendo, you have to get the source files from the Telerik Control Panel.
Also, have fun tracking down the variables because their scattered across the four winds within the LESS files for both the core and theme packages.
I'm wondering, which css framework is best suitable for ASP.NET MVC 3?
I've tried yaml and it has several drawbacks in my opinion, at least using with ASP.NET MVC 3:
uses inputs for buttons by default (so, not compatible with jquery ui, because jquery ui uses buttons in dialogs for example).
you need to adjust css for ASP.NET MVC 3 validation.
I don't like how they describe forms (well that is may be only my
subjective opinion regarding this, anyway you need to use custom
editors if you wish stick to yaml css style).
some css class names are not very intuitive.
Nothing, that would be show stoppers, but maybe there's better alternative - something, that is adapted for ASP.NET MVC specifics, or may be ASP.NET MVC project stub, adapted to yaml css framework.
Update: OOCSS looking good, is lightweight and good structured, worth checking out.
Update 2: TwitterBootstrap is getting popular too, you can get it for asp.net mvc here http://nuget.org/packages/Twitter.Bootstrap
I have used both Blueprint (http://www.blueprintcss.org/) and 960Grid (http://960.gs/) quite successfully with MVC.
But more recently I am leaning towards "BlueLess" (https://github.com/michaek/blueless) - a ".LESS" (http://lesscss.org/) version of Blueprint together with the simply excellent "Chirpy" (http://chirpy.codeplex.com/) VS2010 add-in which automagically converts and minimises CSS, Javascript, LESS, CoffeeScript etc. quite transparently. A simply wonderful tool.
Both Blueprint and 960Grid are for layout and typography ... for form design/styling I would look at the standard JQuery UI framework (http://jqueryui.com/) .. or perhaps the Telerik MVC Extensions (http://www.telerik.com/products/aspnet-mvc.aspx)
Hope this helps.