Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
The source of csszengarden.com
CSS PHP
branch: master

Merge pull request #94 from bkbabydp/master

add Simplified Chinese support
latest commit 98549bd941
@mezzoblue authored
Failed to load latest commit information.
001 Re-adding 002-005 legacy
002 Re-adding 002-005 legacy
003 Re-adding 002-005 legacy
004 Re-adding 002-005 legacy
005 Re-adding 002-005 legacy
006 Updating language file, adding 006-010
007 Updating language file, adding 006-010
008 Updating language file, adding 006-010
009 Updating language file, adding 006-010
010 Updating language file, adding 006-010
011 Adding legacy 011-025
012 Adding legacy 011-025
013 Adding legacy 011-025
014 Adding legacy 011-025
015 Adding legacy 011-025
016 Adding legacy 011-025
017 Adding legacy 011-025
018 Adding legacy 011-025
019 Adding legacy 011-025
020 Adding legacy 011-025
021 Adding legacy 011-025
022 Adding legacy 011-025
023 Adding legacy 011-025
024 Adding legacy 011-025
025 Adding legacy 011-025
026 Restoring original CSS files for 026-040
027 Restoring original CSS files for 026-040
028 Restoring original CSS files for 026-040
029 Restoring original CSS files for 026-040
030 Restoring original CSS files for 026-040
031 Restoring original CSS files for 026-040
032 Restoring original CSS files for 026-040
033 Restoring original CSS files for 026-040
034 Restoring original CSS files for 026-040
035 Restoring original CSS files for 026-040
036 Restoring original CSS files for 026-040
037 Restoring original CSS files for 026-040
038 Restoring original CSS files for 026-040
039 Restoring original CSS files for 026-040
040 Restoring original CSS files for 026-040
041 Restoring original CSS files for 041-060
042 Restoring original CSS files for 041-060
043 Restoring original CSS files for 041-060
044 Restoring original CSS files for 041-060
045 Restoring original CSS files for 041-060
046 Restoring original CSS files for 041-060
047 Restoring original CSS files for 041-060
048 Restoring original CSS files for 041-060
049 Restoring original CSS files for 041-060
050 Restoring original CSS files for 041-060
051 Restoring original CSS files for 041-060
052 Restoring original CSS files for 041-060
053 Restoring original CSS files for 041-060
054 Restoring original CSS files for 041-060
055 Restoring original CSS files for 041-060
056 Restoring original CSS files for 041-060
057 Restoring original CSS files for 041-060
058 Restoring original CSS files for 041-060
059 Restoring original CSS files for 041-060
060 Restoring original CSS files for 041-060
061 Restoring original CSS files for 061-100
062 Restoring original CSS files for 061-100
063 Restoring original CSS files for 061-100
064 Restoring original CSS files for 061-100
065 Restoring original CSS files for 061-100
066 Restoring original CSS files for 061-100
067 Restoring original CSS files for 061-100
068 Restoring original CSS files for 061-100
069 Restoring original CSS files for 061-100
070 Restoring original CSS files for 061-100
071 Restoring original CSS files for 061-100
072 Restoring original CSS files for 061-100
073 Restoring original CSS files for 061-100
074 Restoring original CSS files for 061-100
075 Restoring original CSS files for 061-100
076 Restoring original CSS files for 061-100
077 Restoring original CSS files for 061-100
078 Restoring original CSS files for 061-100
079 Restoring original CSS files for 061-100
080 Restoring original CSS files for 061-100
081 Restoring original CSS files for 061-100
082 Restoring original CSS files for 061-100
083 Restoring original CSS files for 061-100
084 Restoring original CSS files for 061-100
085 Restoring original CSS files for 061-100
086 Restoring original CSS files for 061-100
087 Restoring original CSS files for 061-100
088 Restoring original CSS files for 061-100
089 Restoring original CSS files for 061-100
090 Restoring original CSS files for 061-100
091 Restoring original CSS files for 061-100
092 Restoring original CSS files for 061-100
093 Restoring original CSS files for 061-100
094 Restoring original CSS files for 061-100
095 Restoring original CSS files for 061-100
096 Restoring original CSS files for 061-100
097 Restoring original CSS files for 061-100
098 Restoring original CSS files for 061-100
099 Restoring original CSS files for 061-100
100 Restoring original CSS files for 061-100
101 Restoring all original CSS files
102 Restoring all original CSS files
103 Restoring all original CSS files
104 Restoring all original CSS files
105 Restoring all original CSS files
106 Restoring all original CSS files
107 Restoring all original CSS files
109 Restoring all original CSS files
110 Restoring all original CSS files
111 Restoring all original CSS files
112 Restoring all original CSS files
113 Restoring all original CSS files
114 Restoring all original CSS files
115 Restoring all original CSS files
116 Restoring all original CSS files
117 Restoring all original CSS files
118 Restoring all original CSS files
119 Restoring all original CSS files
120 Restoring all original CSS files
121 Restoring all original CSS files
122 Restoring all original CSS files
123 Restoring all original CSS files
124 Restoring all original CSS files
125 Restoring all original CSS files
126 Restoring all original CSS files
127 Restoring all original CSS files
128 Restoring all original CSS files
130 Restoring all original CSS files
131 Restoring all original CSS files
132 Restoring all original CSS files
133 Restoring all original CSS files
134 Restoring all original CSS files
135 Restoring all original CSS files
136 Restoring all original CSS files
137 Restoring all original CSS files
138 Restoring all original CSS files
139 Restoring all original CSS files
140 Restoring all original CSS files
141 Restoring all original CSS files
142 Restoring all original CSS files
143 Restoring all original CSS files
144 Restoring all original CSS files
145 Restoring all original CSS files
146 Restoring all original CSS files
147 Restoring all original CSS files
148 Restoring all original CSS files
149 Restoring all original CSS files
150 Restoring all original CSS files
151 Restoring all original CSS files
152 Restoring all original CSS files
153 Restoring all original CSS files
154 Restoring all original CSS files
155 Restoring all original CSS files
156 Restoring all original CSS files
157 Restoring all original CSS files
158 Restoring all original CSS files
159 Restoring all original CSS files
160 Restoring all original CSS files
161 Restoring all original CSS files
162 Restoring all original CSS files
163 Restoring all original CSS files
164 Restoring all original CSS files
165 Restoring all original CSS files
166 Restoring all original CSS files
167 Restoring all original CSS files
168 Restoring all original CSS files
169 Restoring all original CSS files
170 Restoring all original CSS files
171 Restoring all original CSS files
172 Restoring all original CSS files
173 Restoring all original CSS files
174 Restoring all original CSS files
175 Restoring all original CSS files
176 Restoring all original CSS files
177 Restoring all original CSS files
178 Restoring all original CSS files
179 Restoring all original CSS files
180 Restoring all original CSS files
181 Restoring all original CSS files
182 Restoring all original CSS files
184 Restoring all original CSS files
185 Restoring all original CSS files
186 Restoring all original CSS files
187 Restoring all original CSS files
188 Restoring all original CSS files
189 Restoring all original CSS files
190 Restoring all original CSS files
191 Restoring all original CSS files
192 Restoring all original CSS files
193 Restoring all original CSS files
194 Restoring all original CSS files
195 Restoring all original CSS files
196 Restoring all original CSS files
197 Restoring all original CSS files
198 Restoring all original CSS files
199 Restoring all original CSS files
200 Restoring all original CSS files
201 Restoring all original CSS files
202 Restoring all original CSS files
203 Restoring all original CSS files
204 Restoring all original CSS files
205 Restoring all original CSS files
206 Restoring all original CSS files
207 Restoring all original CSS files
208 Restoring all original CSS files
209 Restoring all original CSS files
210 Restoring all original CSS files
211 Restoring all original CSS files
212 Restoring all original CSS files
213 Restoring all original CSS files
214 Background colour on 214
215 Fixed bug at 650px width
216 Adding standard attribution header to 216's CSS
217 Adding 217
218 Server-side changes
219 Merging server-side changes
220 Merge branch 'master' of github.com:mezzoblue/csszengarden.com
221 Getting 221 on CSSZG TypeKit
examples Adding URL include to example file, should fix #61
includes Remove trailing dot from domain name
lang add Simplified Chinese support
legacy Redirecting old example links to new stuff
script Adding HTML5 shiv
tr Initial Russian translation
.htaccess Cleanup of htaccess. Now allows for translations & paging to show up …
favicon.ico May as well get that favicon updated while I'm at it
index.php Merge branch 'master' into mod_rewrite - catching up to current commits.
readme.md Final readme touches
submissions.json submissions.json: Enable CORS
zengarden.xml added notes to styles.css

readme.md

csszengarden.com

The official repo of the CSS Zen Garden.

Pull requests with improvements welcomed, but remember that changes to the HTML file affect the entire archive of 200+ designs. If you're changing the markup, you'll need to commit changes to all designs affected.

If you plan to submit new designs via Github, please create a new branch for your work and submit that as a pull request. Make sure to update masterlist.php and zengarden.xml with entries for your submission. Best to assign your submission a name instead of a number, since those are dependent on publishing order.

If that makes no sense, just use the traditional submission form here: http://www.mezzoblue.com/zengarden/submit/

Using TypeKit

The CSS Zen Garden fully supports TypeKit. To include custom type in your submission, first create a TypeKit account and build a custom kit with the fonts you want to use. Include the Typekit embed code as usual in your local copy of the Zen Garden HTML file for development.

When you are ready to submit your design, you'll need to copy your Typekit Kit ID to your CSS file before you submit. This will ensure that, when your submission is approved, Typekit fonts will continue to work and font usage won't be charged to your personal account. To do this, copy the Kit ID (found in the Kit Editor, under "Embed Code" in the upper right corner) and paste it into a new comment near the top of your CSS file.

/* TYPEKIT_KIT_ID: <kit-id> */

Replace with your Kit ID. For example, if your Kit ID is "vhu0zxe" the resulting comment in your CSS file should be:

/* TYPEKIT_KIT_ID: vhu0zxe */

Once you added the comment you are ready to submit your design to the CSS Zen Garden. If you have any questions about using Typekit with your CSS Zen Garden submission, do not hesitate to contact support@typekit.com.

Running a local copy

Here's an incomplete list of steps for getting a localhost version of this repo up and running. (You're on your own if you're on Windows, most of the actions are relevant but I have no idea what crazy install/config voodoo you'll need to make it work.)

  • Install git if you need to. http://git-scm.org/
  • Copy this repo URL. Find the address bar near the top, select 'ssh', and hit the clipboard icon to the right.
  • Open a terminal window. Use 'cd' to browse to the parent folder you want the repo to exist in. Hit Cmd+V and Return.
  • That'll take a while. While it's downloading, go get and install a localhost server environment like MAMP (http://www.mamp.info/en/index.html) -- or configure your local Apache/PHP if you prefer.
  • You'll want to point your server to the files you've downloaded. In MAMP, open up the Preferences screen, choose the Apache tab, and hit Select to choose a document root location. Point this to the root folder where this repo's files live. If you've done it right you'll be able to point your browser to http://localhost/ and should see a fully navigable version of the CSS Zen Garden.

Submitting Designs

There are two ways to submit a new design. If you're reading this, you're likely comfortable with issuing a pull request from GitHub -- please feel free to do it that way.

Everyone else can just use this submission form: http://www.mezzoblue.com/zengarden/submit/

Something went wrong with that request. Please try again.