• Stars
    star
    101
  • Rank 338,166 (Top 7 %)
  • Language
    HTML
  • Created about 12 years ago
  • Updated over 4 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

NOT MAINTAINED: A collection of resources on automated CSS testing

NO LONGER MAINTAINED

This project is no longer maintained. If there's anything useful here, feel free to take it.

csste.st

The source for csste.st - A collection of resources on automated CSS testing

This site aims to be a community-driven collection of knowledge around CSS testing.

How to get involved

If you're familiar with git and have some contributions to make directly to the project, jump straight into checking it out:

git clone https://github.com/thingsinjars/csstest.git

If you're not that into git but want to write something, you can either raise an issue or draft something in the wiki

Even if you haven't got anything to write about but you've got an improvement for the site - including its stylesheets :D - we welcome any contributions.

How to get the source

Start with cloning the project:

git clone https://github.com/thingsinjars/csstest.git

The source for the page content is in

https://github.com/thingsinjars/csstest/tree/gh-pages/source

and detailed build instructions are available in:

https://github.com/thingsinjars/csstest/blob/gh-pages/source/README.md

Site structure

The site is built using Wintersmith with SASS for the CSS, Jade for the templates and Markdown for the formatting.

In the project top level, you can find all the flattened files as well as the production assets (CSS, images). This is because this project is directly copied to the root of csste.st. The content is structured like so:

  • index.html
    • techniques/
      • index.html
      • other-techniques-files.html
    • tools/
      • index.html
      • tools-files.html
    • guides/
      • index.html
      • other-guides.html
    • getting-started/
      • index.html
      • other-starter-files.html

This structure is mirrored in the /source/contents/ directory where the original content is created as Markdown.

Because we're using Wintersmith for the build process, the Markdown files need an extra couple of lines at the top to describe them.

---
template: layout.jade
section: techniques
---

The original sass files are kept in /source/contents/styles/ while the templates are kept in /source/templates/.

How to set up the build system

Check the source README for more detailed instructions on setting up the build system:

https://github.com/thingsinjars/csstest/blob/gh-pages/source/README.md

It's perfectly acceptable to submit a pull request with just the Markdown files. The site will get build automatically when the fork is pulled in.

Submitting pull requests

This project can only get better the more people contribute so feel free to submit your changes or suggest improvements as issues.

If you have any suggestions for improvements on the build process or even this documentation, they're also welcome.

More Repositories

1

Hardy

Selenium-driven, cucumber-powered CSS testing.
JavaScript
320
star
2

devtools-extension

Basic example of a Chrome Devtools extension with communication between the inspected page and the panel
JavaScript
222
star
3

jQuery-Scoped-CSS-plugin

DEPRECATED: A jQuery plugin to enable the scoped attribute on style blocks
JavaScript
170
star
4

cssert

DEPRECATED: CSS verification testing
JavaScript
32
star
5

jQTouch-Calendar

DEPRECATED: Calendar Extension for jQTouch
CSS
17
star
6

Transmission.bundle

Python
15
star
7

opensourcesnacks

Collection of open-source snack recipes
HTML
9
star
8

8bitalpha

Web Service to convert 24bit PNGs into 8bit PNGs while maintaining the alpha channel
JavaScript
7
star
9

pushbolig

DEPRECATED: Very basic integration of boligportal.dk apartment search with pushbullet.com notifications.
JavaScript
6
star
10

AppCMS

Drupal 6 theme and modules to create a flattened site that can be embedded in PhoneGap
JavaScript
5
star
11

coordinate-tz

Node module to map latitude/longitude to an IANA timezone
JavaScript
5
star
12

map-playground

Map Playground for jHERE
HTML
4
star
13

Cobalt.vim

(Yet another) port of the Cobalt colorscheme to Vim
Vim Script
4
star
14

Proximity

Proximity search API.
JavaScript
3
star
15

GrowlBird

A plugin to send Growl notifications to a Twitter account
Objective-C
3
star
16

CodeExamples

Example code for a tutorial on the Web Audio API presented at a Nokia Tech Talk
JavaScript
3
star
17

HashtagHeatmap

Display density for tweets on a Nokia map
JavaScript
2
star
18

TweetArchiver

Searches Twitter for a specified hashtag and saves, caches and displays the results. Source code for http://memories.museum140.com/
PHP
2
star
19

here-map

Web Component to embed a HERE map
JavaScript
2
star
20

sponsored-event

Managed sponsored events through an Ethereum smart contract
Vue
2
star
21

scrimshaw

Bare-bones API tests using cURL
Shell
2
star
22

SeadragonHotspots

Enabling hotspots on the AJAX version of Microsoft's Seadragon
JavaScript
2
star
23

Knot

Multi-touch knot tying and untying game
JavaScript
2
star
24

hardy.io

Website for Hardy
CSS
1
star
25

winterwiki

Test Repo for messing around with the wiki API
Shell
1
star
26

GhostKnife

A little PhantomJS helper script to slice up page renders
JavaScript
1
star
27

CoverMapMe

Source of the website http://covermap.me/
PHP
1
star
28

planets-api

Simple REST API that returns altitude and azimuth for planets
JavaScript
1
star
29

HighlightBlock.vim

Vim plugin to highlight CSS and JS blocks in html with a full line highlight
Vim Script
1
star