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

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/