Giter Club home page Giter Club logo

tdcss.js's Introduction

Build Status

tdcss.js - Super simple styleguide tool

See http://jakobloekke.github.io/tdcss.js/ for an introduction.

Release notes

  • 0.8.0 (January 22nd, 2016): Rename 'download' folder to 'build', since that's more conventional. New 'internalize_background' setting.
  • 0.7.0 (February 8th, 2015): Added advanced snippet annotations and js/cs support by @roblevintennis.
  • 0.6.0 (May 23nd, 2014): Added pull requests from @greystate and @roblevintennis.
  • 0.5.2 (November 7th, 2013): Added pull request from @johanvauhkonen + some css rules for description blocks
  • 0.5.1 (October 7th, 2013): Slightly improved layout + download folder
  • 0.4 (August 14th, 2013): Added toolbar and improved layout, added setup message, added html toggle button to toolbar.
  • 0.3 (June 22nd, 2013): Added 'neutralize_background' option to remove annoying body backgrounds from your project stylesheet.
  • 0.2 (June 4th, 2013): Simplification. Grunt-based build. Included 3rd party js dependencies into core files in 'build/*'.
  • 0.1 (May 9th, 2013): Added experimental pixel rendering diff matching using canvas and localstorage. Only tested in Chrome.

3rd party

tdcss.js makes use of these awesome projects:

tdcss.js's People

Contributors

jakobloekke avatar roblevintennis avatar greystate avatar

Stargazers

Juliano Cristian Bonifácio avatar Nguyen Tien Dung avatar J. Felix Etcetera avatar Sheelah Brennan avatar Jerome Dahdah avatar Pavel avatar Matt Zimmermann avatar Alexandre Nicastro avatar jack avatar Florian Schulz avatar James Lutley avatar AG avatar Tom Martin avatar Angus H. avatar  avatar Anthony Fiorani avatar Rasmus Hjulskov avatar Diego Borges avatar Gabriel Guerreiro avatar Hernan (Yidi) Ke avatar Urban Sandén avatar Brent Jackson avatar Stuart McCoy avatar Jon R. Humphrey avatar  avatar Lee Kelleher avatar Tim Shedor avatar Oğuz Çelikdemir avatar Trever Yarrish avatar  avatar Dave Shah avatar Edgar Schnüriger avatar Bressain Dinkelman avatar Amitai Schleier avatar Gemma Black avatar Krasimir Tsonev avatar Kazuhito YANO avatar Ahmet Katrancı avatar Sarah Jean Thrasher avatar Daniel Pouzemski avatar  avatar Eisi Sig avatar Hiroki Tani avatar Sven Wolfermann avatar Will Morris avatar Benjamin avatar Donal Tobin avatar Zack Yang avatar Biko Tushinde avatar Umar Hansa avatar Kristian Dalgård avatar Andreas Hochsteger avatar Rasmus Frey avatar John Anzelc avatar Richard Bausek avatar Thomas Ølund Høgild avatar Fazal avatar Brandon Stephens avatar Michael Sheedy avatar Josh Medeski avatar Ryan Garcia avatar Jay Caines-Gooby avatar Dan Sweeney avatar Jon Schoning avatar John Griffiths avatar Martin Dilling-Hansen avatar Sander Houttekier avatar Marijn Tijhuis avatar Michael Lajlev avatar Jonathan van Wunnik avatar Drake Hampton avatar Laurence Gillian avatar John Walker avatar Heath Flohre avatar Travis Maynard avatar Rasmus avatar Thor Madsen-Holm avatar Andras Matzon avatar Liv Madsen avatar  avatar Hans Skov avatar Matti Kotsalainen avatar Benoit Pontbriand avatar Jano Garcia avatar Jacob Rask avatar  avatar Yetrina Battad avatar

Watchers

Yetrina Battad avatar  avatar Ryan Clark avatar  avatar James Cloos avatar  avatar  avatar

tdcss.js's Issues

Sidebar Layout

@jakobloekke I have a need to create a theme for my company with a "sticky sidebar" layout and the code snippets below the rendered markup. Similar to this (less the mobile phone of course):
http://ionicframework.com/docs/components/#header

Obviously, pulling this off is pretty involved. I have managed to do this, and have it default to the "original" theme (EDIT: made some more changes so it's currently defaulting to sidebar theme, but I can easily change this back to "original" later).

I did have to hack on tdcss.js a bit. So I'm not sure how you feel about it...

I do think this capability would be highly desirable as an option. That said, it would probably be good to someday (when anybody has time for hacking open source 👅) to create a subclass callback hook sort of thing for theming. This would default to "original" and subclassers would be able to override. That said, I simply don't have time to implement such a thing right now as work is an absolute bottleneck at present.

Anyway, for this branch, would you like me to just maintain a forked branch? Would you want to create a sidebar-experiments base branch in your repo and I can submit to that? Or just merge in to develop? Please let me know how you feel about this. Thanks.

Here's the code:
https://github.com/roblevintennis/tdcss.js/compare/jakobloekke:develop...sidebar-theme?expand=1

Also, I didn't get a chance to intialize with the diff:true option so I'm pretty sure the CSS for that wouldn't yet work. If you advise overall, I'll be happy to make changes if I can get enough spare cycles to do so

Theming Support Documentation

This is currently only applicable to the develop branch

@jakobloekke It's pretty simple to activate the sidebar but no one will likely find without some sort of indication that it's available and how to use. I'd normally put such docs in a README but I notice you keep yours sparse and defer to the web site. Let me know if you'd like some help or if you'd prefer to do it yourself?

As for activation of sidebar, it's as simple as uncommenting following section of demo/index.html:

    <!--  ORIGINAL THEME -->
    <link rel="stylesheet" href="../build/themes/original/tdcss.css" type="text/css" media="screen">
    <script type="text/javascript" src="../build/themes/original/theme.js"></script>

    <!--  SIDEBAR THEME -->
    <!-- <link rel="stylesheet" href="../build/themes/sidebar/tdcss.css" type="text/css" media="screen"> -->
    <!-- <script type="text/javascript" src="../build/themes/sidebar/theme.js"></script> -->

Also, as a second iteration, the whole theming callback arch should probably be explained for potential other theme writers, and I'd be happy to write something there too (and even later add a few more useful hooks that could be optionally "no opt'd", as I only added callback hooks as needed for the sidebar theme). Just let me know how and where you'd prefer that submittion ✌️ 😄

Oh, and of course, you can go ahead and just reassign this back to me if you'd like me to do it and provide above info for me! Thanks @jakobloekke

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.