Toolkit
titon.io
titon.io
In my last project ended using Zurb Foundation although I had Semantic UI as first option. Any pointer will be useful.
I probably missed something.
I started trying Web Starter Kit[1] recently and really like it, it's light with principle of "don't get in your way", it has very fine default design feeling yet still allow you to easily customize the look and feel.
Toolkit looks like it's even lightweight and share the similar "minimal" principle, I will give it a try and see if it provides enough out of box, and I hope to see more of this kind of light yet modern frontend framework.
As an aside, I'm not quite sure why less hasn't won over sass... By nature of less being JS driven it is much closer to best in breed tools you need anyway for web development (npm) in my opinion. It kind of bugs me that to do modern web development, you are likely to want/need to have Node (or io.js), Python and Ruby installed. I tend to stick to Node based tools (there is sass for node, but it brings in a binary module). This isn't to be expressly negative, just that I'm surprised there's still broad support for both less and sass... with sass having a bit of an edge in the greater community, it would seem.
There's nothing inherently tying you to Ruby anyhow, anyone could write a SASS parser in JavaScript. It's just that nobody has because there is no need for it.
Personally I prefer Scala and thus use SBT for most dependencies, requiring the user to use Bundler or NPM as well for just one dependency can get a bit annoying. In the case of SBT it actually does have some integration with NPM since it's used so much for client assets (and there is Trireme which is a pure-Java Node clone), but Ruby dependencies still mean adding one or two manual build steps.
Check the examples section (currently only one). [1]
I do hate the look of Material Design as well, so maybe it's just me and Google that need to learn how to communicate.
Possibly because on iOS when I scroll to the bottom of the page with a quick flick, the site navigation goes kinda wonky and covers some of the page content.
- In FF37 the left hand navigation to components overflows into the footer: http://titon.io/en/toolkit/2.1.1/components
- On the main page toward the bottom where components are listed, the tooltips always appear above the element in question, even if the element is at the top of the window. This means the tooltip is above the top of the viewport and cut off or entirely not visible.
Just checked the docs, and thankfully there is a jQuery-free version coming soon!
Perfect for those who develop for mobile-optimized frameworks or those who follow angular best practices.
Almost every available framework now uses flat buttons, but they are not as clear as the old style button (although they are obviously more stylish).
Titon seems to have improved a bit (by adding some bordering to help the user undestand that the button is a button an not just some kind of alert), but I guess there's still work to be done.
On the subject of tabs, I'm surprised that no one has removed the JavaScript dependency for simple components like tabs. Pure CSS tabs are possible in pretty much all modern browsers (>= IE9).
I would love to see web components used in projects like these :)