| CARVIEW |
Select Language
HTTP/2 200
date: Thu, 24 Jul 2025 00:44:04 GMT
content-type: text/html; charset=utf-8
vary: X-PJAX, X-PJAX-Container, Turbo-Visit, Turbo-Frame, X-Requested-With,Accept-Encoding, Accept, X-Requested-With
x-robots-tag: none
etag: W/"7efb6c191d7a863f8de7c9e5a07c515e"
cache-control: max-age=0, private, must-revalidate
strict-transport-security: max-age=31536000; includeSubdomains; preload
x-frame-options: deny
x-content-type-options: nosniff
x-xss-protection: 0
referrer-policy: no-referrer-when-downgrade
content-security-policy: default-src 'none'; base-uri 'self'; child-src github.githubassets.com github.com/assets-cdn/worker/ github.com/assets/ gist.github.com/assets-cdn/worker/; connect-src 'self' uploads.github.com www.githubstatus.com collector.github.com raw.githubusercontent.com api.github.com github-cloud.s3.amazonaws.com github-production-repository-file-5c1aeb.s3.amazonaws.com github-production-upload-manifest-file-7fdce7.s3.amazonaws.com github-production-user-asset-6210df.s3.amazonaws.com *.rel.tunnels.api.visualstudio.com wss://*.rel.tunnels.api.visualstudio.com objects-origin.githubusercontent.com copilot-proxy.githubusercontent.com proxy.individual.githubcopilot.com proxy.business.githubcopilot.com proxy.enterprise.githubcopilot.com *.actions.githubusercontent.com wss://*.actions.githubusercontent.com productionresultssa0.blob.core.windows.net/ productionresultssa1.blob.core.windows.net/ productionresultssa2.blob.core.windows.net/ productionresultssa3.blob.core.windows.net/ productionresultssa4.blob.core.windows.net/ productionresultssa5.blob.core.windows.net/ productionresultssa6.blob.core.windows.net/ productionresultssa7.blob.core.windows.net/ productionresultssa8.blob.core.windows.net/ productionresultssa9.blob.core.windows.net/ productionresultssa10.blob.core.windows.net/ productionresultssa11.blob.core.windows.net/ productionresultssa12.blob.core.windows.net/ productionresultssa13.blob.core.windows.net/ productionresultssa14.blob.core.windows.net/ productionresultssa15.blob.core.windows.net/ productionresultssa16.blob.core.windows.net/ productionresultssa17.blob.core.windows.net/ productionresultssa18.blob.core.windows.net/ productionresultssa19.blob.core.windows.net/ github-production-repository-image-32fea6.s3.amazonaws.com github-production-release-asset-2e65be.s3.amazonaws.com insights.github.com wss://alive.github.com api.githubcopilot.com api.individual.githubcopilot.com api.business.githubcopilot.com api.enterprise.githubcopilot.com; font-src github.githubassets.com; form-action 'self' github.com gist.github.com copilot-workspace.githubnext.com objects-origin.githubusercontent.com; frame-ancestors 'none'; frame-src viewscreen.githubusercontent.com notebooks.githubusercontent.com; img-src 'self' data: blob: github.githubassets.com media.githubusercontent.com camo.githubusercontent.com identicons.github.com avatars.githubusercontent.com private-avatars.githubusercontent.com github-cloud.s3.amazonaws.com objects.githubusercontent.com release-assets.githubusercontent.com secured-user-images.githubusercontent.com/ user-images.githubusercontent.com/ private-user-images.githubusercontent.com opengraph.githubassets.com copilotprodattachments.blob.core.windows.net/github-production-copilot-attachments/ github-production-user-asset-6210df.s3.amazonaws.com customer-stories-feed.github.com spotlights-feed.github.com objects-origin.githubusercontent.com *.githubusercontent.com; manifest-src 'self'; media-src github.com user-images.githubusercontent.com/ secured-user-images.githubusercontent.com/ private-user-images.githubusercontent.com github-production-user-asset-6210df.s3.amazonaws.com gist.github.com; script-src github.githubassets.com; style-src 'unsafe-inline' github.githubassets.com; upgrade-insecure-requests; worker-src github.githubassets.com github.com/assets-cdn/worker/ github.com/assets/ gist.github.com/assets-cdn/worker/
server: github.com
content-encoding: gzip
accept-ranges: bytes
set-cookie: _gh_sess=55%2F9UUEhuGd%2F3216o698idkXf%2FlKMLCosdtzBk6ndgtb2btJpCADZkTt5F5EokmB7V4C2FF2KteCG1ar%2BnQ8y5VsjSotrX%2BT9w2lSQ8Cd4oj4AiM1Ua3klZ4pMKLzMCtou%2FBAJwuTV2vk6i3iJYqB%2FBtZshB%2BcFmHqgfH0E%2BDvKqOHbEaLRBJOYayxnpZLofMHbxVaDRHKs%2FSQtMA6iNftdUHOfkbqoAOqXdeiyVWReAk6%2F1MaO7CT%2FyXVZi2HpwRHRLkB7zrSCs1n%2FuFWABwA%3D%3D--dxUNA68GXCMnq0kj--SP8hBcFsbroS3tbtyPIPXw%3D%3D; Path=/; HttpOnly; Secure; SameSite=Lax
set-cookie: _octo=GH1.1.1634742074.1753317843; Path=/; Domain=github.com; Expires=Fri, 24 Jul 2026 00:44:03 GMT; Secure; SameSite=Lax
set-cookie: logged_in=no; Path=/; Domain=github.com; Expires=Fri, 24 Jul 2026 00:44:03 GMT; HttpOnly; Secure; SameSite=Lax
x-github-request-id: 9AAA:3AEC1B:1D085E:290843:688181D3
Getting Started · skeleton-framework/skeleton-framework Wiki · GitHub
Skip to content
Navigation Menu
{{ message }}
-
Notifications
You must be signed in to change notification settings - Fork 40
Getting Started
Gary DeLaney edited this page Apr 25, 2016
·
11 revisions
The Skeleton Framework strives to be minimalist and mobile first. While functional, it really shines when used as a structural underpinning (like a skeleton, eh?) for your own project.
This is all you need to get started building your own awesome stuff with Skeleton Framework.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title> A Fancy New Project With Skeleton </title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/skeleton.css">
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<!-- ... -->
</body>
</html>Of particular note is this line
<meta name="viewport" content="width=device-width, initial-scale=1">And these
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/skeleton.css">
<link rel="stylesheet" href="css/main.css">Normalize is recommended as it creates a clean slate for Skeleton Framework and your CSS. Pick up the latest version of Normalize here
Skeleton Framework's grid system is proportioned to the root font-size of the
document, respecting the browser's default out of the box. If you'd like to
scale things up or down, be sure to set your own font-size on your html
element.
Further, Skeleton Framework sets a root font-color on the body, so that would
be another thing worth overriding if need be.
Check out the Grid System, then learn about Skeleton Framework's Utility Classes.
The Skeleton Framework touches a number of other elements without using custom classes, as explained in Everything Else.
If you need to create a customized version of Skeleton Framework, check out Roll Your Own.
Skeleton Framework offers a minimal However, if you need more fuctionality, it is easy to couple Skeleton Framework with the lovely HTML5 Boiler Plate.
Clone this wiki locally
You can’t perform that action at this time.