Projects

NUI (iOS)

Style iOS apps with a style sheet

django-seasonal-stylesheets

django-seasonal-stylesheets is a goofy little project that I started as a result of a discussion I had with some co-workers. We were talking about making our organization's website change the way it looked depending on what time of year it was. That night I couldn't sleep because of my ... [More] allergies, so I decided to see what I could do in a short amount of time to make our discussion a possibility (though it will never become a reality). By the morning I had a pretty functional application that would change the color of various elements on the page based on the date. It does this using CSS. I'm not sure that this application will ever become overly popular, but I'm hoping that someone a little more creative than me will figure out a way to make it useful. Basically, all you do is create a stylesheet that can have any number of seasons associated with it. Each season can have an unlimited number of variable colors associated with it, but you should have the same variables defined in each season for a particular stylesheet. Depending on the day of the year, the application selects the most recently past season and the soonest to come season. It then determines how to transition each variable color from the past season to the coming season. Sometimes you can get some pretty funky color combinations, but you can always add a new season in between to mitigate the funkiness. RequirementsThis project was built with and requires at least Django 1.0 (though you could probably get away with any of the SVN versions since mid-July 2008). InstallationDownload django-seasonal-stylesheets using one of the following methods: Checkout from Subversionsvn co http://django-seasonal-stylesheets.googlecode.com/svn/trunk/ django-seasonal-stylesheetsPackage DownloadDownload the latest .tar.gz file from the downloads section and extract it somewhere you'll remember. After extraction, execute the following command: python setup.py installConfigurationFirst of all, you must add this project to your list of INSTALLED_APPS in settings.py: INSTALLED_APPS = ( 'django.contrib.admin', 'django.contrib.auth', 'django.contrib.contenttypes', 'django.contrib.sessions', 'django.contrib.sites', ... 'dsss', ... )Run manage.py syncdb. This creates a few tables in your database that are necessary for operation. Currently, the only option for this application is DSSS_SAVE. This setting allows you to specify whether or not you want the stylesheets to be saved to the filesystem for faster retrieval in the future. Default: True Next, you must include the URLconf for this project somewhere. You can put a line like the following in your root urls.py: (r'^seasonal/', include('dsss.urls')),UsageAll you really need to do is modify your templates to include a link to the special stylesheet. Assuming I have a stylesheet with the slug sample, I could do this: By default, the application looks in [template directory]/dsss/[slug].css for the template of a particular stylesheet. You may override the template location if you so desire, but it should be somewhere in your template directories (as defined in your settings.py file). A sample template follows: body { background-color: {{ background }}; } h1 { color: {{ header1 }}; } h2 { color: {{ header2 }}; }This template assumes that my stylesheet has 3 variables: background, header1, and header2. These are the names of the variables setup in the admin interface. Good luck! Please contact me with any questions or concerns you have with the project! [Less]

sheetup

A library to manipulate DOM Stylesheets and rules contained in document.styleSheets, inspired by jQuery. For example, ss("#header").property("color", "#000"); will change the header text colour to red. And, ss("a:hover{color:#eee}"); will create a new rule.

as3cannonball

UpdateI'm breaking the CSS engine off of this beast and organizing it as a separate project. This will allow me to focus on documentation, examples, and tests for the most viable part of this silly idea and actually, just maybe, get something useful out there. As for the rest of it, let's ... [More] just say it was never meant to be. The CSS engine has seen a lot of progress, including full shorthand property support, HSL/RGB color handling, selector improvements, @import loading, and bug fixes. I'll get something put up on a separate project page within the next couple of weeks. If anybody has use for any of this stuff, please contact me and let me know (john at newgonzo dot com). Just telling me a little about your project can be a huge motivator. Cannonball is an implementation of the DOM Level 3, HTML and CSS3 core specifications written in ActionScript 3.0. Cannonball as a whole is not functional, but some of its components are usable as separate libraries: CSS: The CSS engine in com.newgonzo.cannonball.css.* Scripting: JavaScript/ActionScript/ECMAScript scripting support with as3scriptinglib DOM: The DOM implementation in com.newgonzo.cannonball.dom.* (needs work) The CSS package is the most complete and provides: support for many of the CSS3 selectors, based on The Simple API for CSS an API for exposing any object as a CSS-selectable node style cascading with respect to document origin, selector specificity, and declaration priority (!imporant) You can explore the CSS selector engine here. The JavaScript engine is provided by an API for using the ECMAScript compiler from the Tamarin project in Flash. It's hosted at as3scriptinglib. A proof-of-concept for using !HTMLTidy in Flash (via Alchemy) has been posted at the as3htmltidylib project page. It's fat and slow. This project is under active (slow) development. Interested in contributing? Contact me at john at newgonzo dot com. This project is incomplete and has very little documentation. Proceed at your own risk. [Less]

gzip-minify-css-js

This code sends appropriate headers for .css and .js files that have been GZIPed and then uses jsmin and cssmin to minimize the files on-the-fly. PHP 5 or higher is required.

chaoss

ChaoSS is designed to provide a complete set of styles that will "reset" all browsers to a similar base style. By creating a unifying framework to build stylesheets upon, many of the problems with cross-browser styles can be reduced or prevented. ChaoSS is currently in beta and is known to not work with IE6

burntskycss

This is a coldfusion 8, and mySQL project to build a web based gui styled applicaiton that will allow users to build and manage stylesheets dynamically. I plan to build it so that you can use the gui to build that stylesheets and then have a webservice available so that anyone can call their stylesheet remotely.

stylelibrary

StyleLibrary is a collection of styles that gives you a foundation for building cross-browser compatible websites with efficient HTML and CSS. It aims to solve common CSS problems that web developers face.

cssutils

cssutilsA Python package to parse and build CSS Cascading Style Sheets. Actually querying a parsed stylesheet on a given document or element is planned for probably 0.9.7, for now see the example examples/style.py. example# -*- coding: utf-8 -*- import cssutils css = u'''/* a ... [More] comment with umlaut ä */ @namespace html "http://www.w3.org/1999/xhtml"; html|a { color:red; }''' sheet = cssutils.parseString(css) for rule in sheet: if rule.type == rule.STYLE_RULE: for property in rule.style: property.value = 'green' property.priority = 'IMPORTANT' rule.style['margin'] = '01.0eM' # or: ('1em', 'important') sheet.encoding = 'ascii' sheet.namespaces['xhtml'] = 'http://www.w3.org/1999/xhtml' sheet.namespaces['atom'] = 'http://www.w3.org/2005/Atom' sheet.add('atom|title {color: #000000 !important}') sheet.add('@import "sheets/import.css";')results in @charset "ascii"; @import "sheets/import.css"; /* a comment with umlaut \E4 */ @namespace xhtml "http://www.w3.org/1999/xhtml"; @namespace atom "http://www.w3.org/2005/Atom"; xhtml|a { color: green !important; margin: 1em } atom|title { color: #000 !important }development version0.9.7 is in alpha status. Planned is an implementation of CSS Variables, see the docs in trunk for more info. 0.9.7a4 improves implementation of CSSVariables a bit more 0.9.7a4 improves compatibility to the new CSSOM spec including some bugfixes 0.9.7a3 CHANGES CSSRule constanst value due to a spec change! 0.9.7a3 improves parsing of FUNCTION values (e.g. for PrinceXML properties) 0.9.7a2 fixes  Issue #32  and  Issue #33  (Imports from different folders work now) 0.9.7a2 improves parsing of unknown @rules like @bottom which use function values like content: attr(href) 0.9.7 improves parsing speed by quite a bit current versionRelease 0.9.6final 091007. A few non-backwards compatible changes have been made, please see the online docs help to migrate to 0.9.6. See the docs for full detailsMore info on the pages or downloads referred to on the sitebar. [Less]

cfgtocnf

This program takes a CFG, converts it to CNF and determines whether a given string is accepted by the grammar by using the CYK algorithm. I wrote this code during fall 2007 for Intro to Theory of Computation and Automata. It's old, but should still work :-/ It uses XSLT to convert the ... [More] grammar to CNF and a bit of Java to run the CYK algorithm. [Less]