diff --git a/README b/README index 8842482..1f43d82 100644 --- a/README +++ b/README @@ -1,11 +1 @@ -

Purpose

-

The purpose of this skeleton is to be a framework to jump off from any personal project, site or web app. It's starting very light and will continue to be so, but soon with extensible plugins and an easy to use architecture.

- -

To Do List

- \ No newline at end of file +Skeleton is a small collection of CSS & JS files that can help you rapidly develop sites that look beautiful at any size, be it a 17" laptop screen or an iPhone. \ No newline at end of file diff --git a/Skeleton-1.0.zip b/Skeleton-1.0.zip deleted file mode 100644 index 38ad0ac..0000000 Binary files a/Skeleton-1.0.zip and /dev/null differ diff --git a/documentation-assets/docs.css b/documentation-assets/docs.css index 3c76894..87abbdb 100644 --- a/documentation-assets/docs.css +++ b/documentation-assets/docs.css @@ -114,6 +114,12 @@ color: #333; } #grid .example-grid { overflow: hidden; } + #viewOnGithub { + margin-bottom: 20px; + font-size: 12px; + color: #999; + display: block; } + .resize { position: fixed; diff --git a/index.php b/index.html similarity index 94% rename from index.php rename to index.html index 01a2a85..5293f51 100644 --- a/index.php +++ b/index.html @@ -9,13 +9,12 @@ ================================================== --> - <?= $page_title ?> + Skeleton: Beautiful Boilerplate for Responsive, Mobile-Friendly Development - - - - + @@ -263,13 +261,14 @@

The Future

As I write this, Skeleton is unreleased and I have just started using it in personal projects. In the future, I hope to build a small community around Skeleton - I want to get feedback, make it better and find the holes.

-

The ultimate goal is to build the best starting point for front-end development with an emphasis on simple, device-agnostic design. Help me get there - check out the project on Github or just email me (dhgamache [at] gmail.com) with questions/suggestions.

+

The ultimate goal is to build the best starting point for front-end development with an emphasis on simple, device-agnostic design.t Help me get there - check out the project on Github or just email me - dhgamache [at] gmail.com - with questions/suggestions.

Download

The Skeleton download is a zip file (~50kb) containing all the CSS groundwork and JS goodies to get started on any web project.

- Download Skeleton 1.0 + Download Skeleton 1.0
+ View Source on Github

The file structure for Skeleton is:

- +
+
+

Created by Dave Gamache, 2011 ©

+
+
@@ -309,11 +314,9 @@ ================================================== --> - + \ No newline at end of file diff --git a/src/includes/doc-head.php b/src/404.html similarity index 55% rename from src/includes/doc-head.php rename to src/404.html index 03b37e2..9169730 100644 --- a/src/includes/doc-head.php +++ b/src/404.html @@ -9,30 +9,42 @@ ================================================== --> - <?= $page_title ?> + Skeleton: Beautiful Boilerplate for Responsive, Mobile-Friendly Development - - + + - - - - - - - - + + + + + +
+

Sorry. Couldn't Find That Page!

+
+ + + + + + + + + + + \ No newline at end of file diff --git a/src/images/favicon.ico b/src/images/favicon.ico new file mode 100644 index 0000000..216e89d Binary files /dev/null and b/src/images/favicon.ico differ diff --git a/src/includes/doc-foot.php b/src/includes/doc-foot.php deleted file mode 100644 index c7fb118..0000000 --- a/src/includes/doc-foot.php +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - \ No newline at end of file diff --git a/src/index.html b/src/index.html new file mode 100644 index 0000000..b5c9bc7 --- /dev/null +++ b/src/index.html @@ -0,0 +1,71 @@ + + + + + + + + + + + Page Title + + + + + + + + + + + + + + + + + + + + + +
+
+

Skeleton

+

skeleton.gs

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/src/index.php b/src/index.php deleted file mode 100644 index cc9775a..0000000 --- a/src/index.php +++ /dev/null @@ -1,29 +0,0 @@ - - -
- -
-
-

Skeleton is a lightweight framework for HTML, CSS & jQuery that makes building websites easier.

-
-
-

What & Why

-

Here is where I need to chat about what Skeleton is, why itÕs awesome and how what the file structure is. Focus on: 1) Speed, 2) Best Practices , 3) Across devices

-
-
- - \ No newline at end of file diff --git a/src/robots.txt b/src/robots.txt new file mode 100755 index 0000000..d310d07 --- /dev/null +++ b/src/robots.txt @@ -0,0 +1,5 @@ +# www.robotstxt.org/ +# www.google.com/support/webmasters/bin/answer.py?hl=en&answer=156449 + +User-agent: * + diff --git a/src/stylesheets/base.css b/src/stylesheets/base.css index 3b0563a..1265133 100644 --- a/src/stylesheets/base.css +++ b/src/stylesheets/base.css @@ -69,8 +69,8 @@ h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; } h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; } h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; } - h5 { font-size: 17px; line-height: 30px; font-weight: normal; } - h6 { font-size: 14px; line-height: 30px; } + h5 { font-size: 17px; line-height: 24px; font-weight: normal; } + h6 { font-size: 14px; line-height: 21px; } .subheader { color: #777; } p { margin: 0 0 20px; } @@ -166,7 +166,7 @@ /* Hovers ---------- */ .button:hover { background-color: #000; } - .secondary.button:hover { background-color: #555; } + .secondary.button:hover { background-color: #777; } @@ -194,15 +194,32 @@ border: solid 1px #ddd; border-width: 1px 0 0 1px; margin: 0; - background: #eee; + background: #f5f5f5; font-size: 13px; } ul.tabs li a.active { background: #fff; - height: 30px; + height: 30px; + position: relative; + top: -4px; + padding-top: 4px; + border-right-width: 1px; margin: 0 -1px 0 0; - color: #111; } + color: #111; + -moz-border-radius-topleft: 2px; + -webkit-border-top-left-radius: 2px; + border-top-left-radius: 2px; + -moz-border-radius-topright: 2px; + -webkit-border-top-right-radius: 2px; + border-top-right-radius: 2px; } + ul.tabs li:first-child a { + -moz-border-radius-topleft: 2px; + -webkit-border-top-left-radius: 2px; + border-top-left-radius: 2px; } ul.tabs li:last-child a { - border-width: 1px 1px 0 1px; } + border-width: 1px 1px 0 1px; + -moz-border-radius-topright: 2px; + -webkit-border-top-right-radius: 2px; + border-top-right-radius: 2px; } ul.tabs-content { margin: 0; display: block; } ul.tabs-content > li { display:none; } @@ -262,6 +279,11 @@ font-weight: normal; font-size: 13px; color: #444; } + +/* #Misc +================================================== */ + .remove-bottom { margin-bottom: 0 !important; } + .add-bottom { margin-bottom: 20px !important; } \ No newline at end of file diff --git a/zurb.html b/zurb.html new file mode 100644 index 0000000..26e9483 --- /dev/null +++ b/zurb.html @@ -0,0 +1,210 @@ + + + + + + + + + + + Page Title + + + + + + + + + + + + + + + + + + + + + +
+
+
+ +
+

Design for people.

+

We're a close-knit team of interaction designers
and strategists that help companies design better.

+
+
+
+ +
+

Who We Are

+

We're not just a web design agency. We're not just a graphic design firm. We're not just coders, and we're not just artists. We're a team of T-shaped interaction designers and design strategists who help grow businesses. (Oh, and we're not just dudes with expensive chairs, either.)

+

To get an idea of how we work, take a look at one of our extranet sites. It's a project we did for a nonprofit in 24 coffee-fueled hours.

+ +
+ +

Latest Blog Posts

+

We write about interaction design, design strategy, and more in our blog.

+ +

Visit the ZURBlog È

+
+ +
+

Our Services

+ +
    +
  1. +
    Interaction Design & Strategy
    + We cut out all the funny reports and deliver actionable ideas for your online products. +
    2. +
  2. +
    Single Day Sessions
    + Need some help right away? We'll get together for an entire day of strategy and design work. +
    3. +
  3. +
    On-Site Collaboration
    + We love working together in bursts. It's where great ideas can get done fast. +
    4. +
  4. +
    Training and Education
    + We're gonna chop you up and turn you into a lean, mean start-up machine. +
    5. +
+ +

Learn more about our work È

+ +
+ +

Our Clients Love Us

+

If it weren't for our great clients, we wouldn't have gotten this far. Here's what they're saying:

+ +
+

ZURB brought to the table a well-thought-out process that allowed our team to focus on the creative aspects of our website design. They also came up with a number of suggestions that went well beyond our current thinking.

+ Raymond King CEO, AboutUs +
+ + +
+ +
+

100 Start-ups, Since 1998.

+

We've helped 100 start-ups since 1998, generating more than half a billion dollars in market capitalization from the leaders in several world markets.

+ +
    +
  • + facebook.com +

    Largest Social Network
    in the World

    +
    • +
  • + Yahoo.com +

    World's Largest Network of Media Properties

    +
    • +
  • + BritneySpears.com +

    Most Searched Celebrity Online, Two Years Running

    +
    • +
  • + Playlist.com +

    Fastest Growing Website in the USA 2009

    +
    • +
  • + Zazzle +

    World's Largest Custom Products Marketplace

    +
    • +
  • + eBay +

    World's Largest Marketplace

    +
    • +
  • + Photobucket +

    World's Largest Photo Sharing Website

    +
    • +
  • + NYSE +

    World's Most Prestigious Financial Institution

    +
    • + +
  • + Reuters +

    World's Largest Multimedia News Agency

    +
    • + +
+
+
+ + +
+ + + + + + + + + + + + + + + \ No newline at end of file