Best Liquid Layout CSS Framework? - css-frameworks

Is there an active/solid cross browser css framework on par with blueprint/yui/960 that supports percent based liquid layouts?
I've seen Emtastic, but it doesn't look like it's been active for about a year. What do you think about Matthew James Taylor's Liquid Layouts?

see this http://www.designinfluences.com/fluid960gs/

Blueprint has a "liquid" plugin. Works very well. Get it here.

Centage! is my fluid framework built on less.js. It's not thoroughly tested cross browser yet and is in early Alpha state, but check it out!

You can try to use foundation
It's just not liquid column design, but also include other common design like grid, form, etc.

That's the best one I've seen up to now.
The widest (1140px) and compatibile with mobile and tablets
Link: 1140CS

Related

Looking for guidance in using standard Polymer Core and Paper components (and associated events) in Dart Editor

First of all many thanks for the incredible source of information that you are providing to people like me.
I am visiting this site very often and most often finding the answer I need, but this is this is the first time I post a question, so please accept my apologies if I don't fully conform to rules.
Here is my issue:
I am "playing" with Dart Editor and Polymer to try to understand if I could use these technologies in my job moving forward
I was able to import the Polymer Core and Paper components in Dart Editor and to install polymer.dart
I was able to create a simple web page with a "core-selector" and to add some Dart code to handle a click on this component
I can't find how to listen using Dart code for component-specific event ("core-activate" & "core-select" here) and how to read component-specific attributes ("selected" & "multi" here)
I don't seem to be able to find good examples showing how to use "standard" polymer components in a web app created Dart Editor
I could find material on how to create my own polymer components using polymer.dart but I would just like to use standard components
I understand both Polymer and Dart are young but I can't imagine the clever brains at Google not having a solution or plans on this.
Regards and many thanks again.
Sebastien
The problem is not that Polymer and Dart are young. Dart is quite mature, Polymer is not even beta but also not so young anymore. The problem are the core- and paper-elements. They are very new and developed in JavaScript and the Polymer.dart team just created a code generator that wraps the JS core- and paper-elements in Polymer.dart elements. This process is only available since a few days and there are several issues which are yet to be solved.
I think you should provide a concrete example in your question of what you can't get working. Basically Polymer.dart core- and paper-elements work exactly as other Polymer.dart elements. So it's hard to know what to explain.

(How) are fluid-templates preprocessed in Typo3

I'm looking for a performant already existing template-engine.
On my search there was one thing that made me curious:
The template-engine Smarty generates php-scripts from the templates to optimize the performance.
Furthermore I looked at the template-engine fluid which is based on Typo3 and is used by the php-framework Flow3.
Now my question:
Is there a way similar to the way of the Smarty-engine to preprocess fluid-templates to get more performance?
Or how do systems working with fluid achieve good performance?
I hope you can help me because I found no answer (especially in the typo3-fluid-wiki).
Thanks in advance!
Fluid templates are by default cached as PHP code, starting with TYPO3 4.6.
You will find all background informations on this on the blog of the developer of the caching, Sebastian Kurfürst:
http://sandstorm-media.de/blog/2011/07/31/fluid-static-php-caching.html
The official announcement (if it can be called like this) is in the release notes of TYPO3 4.6.
Apart from the code of the complier, I'm not aware of any other technical background information.

Joomla 2.5 Add Option Groups to Article

I'm playing with Joomla 2.5.9 (The latest 2.X download). Do you know how you can add additional menu's to the "Article Manager: Edit Article" page? (This is in the Administration)
Their API gives me some hint on several things but I am don't know what this right "Slide Down Option Area" is called in the Administration.
In the right area there are things such as:
Publishing options
Article Options
Configure Edit Screen
Images and Links
etc..
I want to know where to start to add my own, or where they are already built in the system so I can base mine off it -- Is this a plugin, module, or something else? :)
As i say don't change any of the core file in Joomla. If you want to add any functionality into the article manager you can make your own plugin to add functionality in it. For doing this see this link :
Creating a content plugin
I hope this is what you looking for.Good luck.
There are some extensions that allow you to do that.
I recommend (although somewhat buggy and a code mess) this one:
FieldsAttach
It does exactly what you want.
Or, you could make your own as Toretto suggests, there are some tutorials on creating a plugin for extra items in the article form, but the already-made-extension route seems to make more sence.
I've been using FieldsAttach for this sort of thing, for a few years, the code is often a little messy, that is true, but the the concepts are clean and eloquent. Brian Teeman explains it well from an integrator point of view in his talk at https://www.youtube.com/watch?v=f2WLKWbRj5U but in some ways it is even more compelling from a developer's perspective.
However, after watching Marco Ding's Joomla Day UK 2016 talk on https://www.youtube.com/watch?v=KDh1IPuZAVA I think DPFields may be a better choice. The architecture is perhaps more rugged and neater, but also because it may well end up being a core extension in Joomla in the near future. More info on DPFields is at http://extensions.joomla.org/extension/dpfields , https://joomla.digital-peak.com/products/dpfields and https://joomla.digital-peak.com/documentation/162-dpfields .

Is there a website that provides code for the Like, Tweet, +1 and Share buttons?

I've found a Wordpress plugin which provides code for all these buttons but I want to put them on my website (which doesn't run Wordpress).
Is there somewhere which provides the code or do I have to do them all separately?
I'm trying to add them to this website: Compress My Code.
There's lots of plug-ins for that available out there if you care to search.
My personal preference is the "SexyBookmarks" which look a bit like this:
And here's how you add them.
I've found this which seems to have everything I need, thanks for the other answer too though :)

How to preview Dojo/Dijit themes?

I bought the O'Reilly Dojo book by Matthew Russell. It says "in your toolkit checkout, you can find a theme tester at dijit/themes/themeTester.html.
I downloaded 1.3.2 from here: http://dojotoolkit.com/downloads
and cannot find such a file. I would like to see each of the three themes in action.
How can I do that?
Thanks,
Neal Walters
themeTester isn't in the release (minified) version. You need to download the *-src ones. For example this one: http://download.dojotoolkit.org/release-1.3.2/dojo-release-1.3.2-src.tar.gz. These are available off of the 'More downloads' link on the downloads page.
Besides what Wahnfireden said, you can also check out Dojocampus docs. It has examples embedded where you can dynamically change the theme applied to individual widgets (as well as change the version of dojo that is used). For example, dijit.form.Button has a bunch of examples to look at.
Dijit Theme Tester
Another great place to test out Dijit and DojoX widgets is to look at their tests. Dijit tests are here, and DojoX tests are within each individual folder here.
Note that these links are to the nightly build, not 1.3.2, so there may be small differences. I'd suggest using the Dojo nightly though, personally.

Resources