HackerReposA FIELD GUIDE TO OPEN SOURCE
ProSponsor the shelf♧ 0
← Back to top all-time
dhg
Skeleton
CSS2013–2024
dhg / Skeleton

Skeleton

Skeleton: A Dead Simple, Responsive Boilerplate for Mobile-Friendly Development

14Distinct people
15Mentions
1Explicit recommenders
19.3KGitHub stars
REPOSITORY AT A GLANCE

What to know before exploring

What it is

Skeleton: A Dead Simple, Responsive Boilerplate for Mobile-Friendly Development

GitHub

Where it is used

No documented product use was verified in the last source check.

What people are saying

It must really depend on what you're looking for/doing. My favorite is http://getskeleton.com/. I'm a noob, but I like that I can understand and completely customize the 400…

bwy used a recommendation phrase. One indexed comment matches. This is a phrase match, not a verdict.

No classified warning is attached to this page. Read the discussions before treating silence as approval.

Also in these discussions

No other repository is repeatedly linked in the same discussions.

This week on Hacker News

Nov 7–Nov 14 UTC · Direct repository links and separately labeled related project stories. Indexed through 11/14/2026, 3:03:16 PM UTC.

No direct repository links were found in the indexed HN discussions over the past seven days. Older discussions are available below.

Mentions over time

HN mentions by year15 dated mentions

Observed mentions: 2013-10-22 22:18:30 UTC to 2024-03-25 15:56:52 UTC.

02462013-01-01 00:00:00 UTC to 2014-01-01 00:00:00 UTC (exclusive): 1 mentions; 0 submissions, 1 comments20132014-01-01 00:00:00 UTC to 2015-01-01 00:00:00 UTC (exclusive): 4 mentions; 1 submissions, 3 comments2015-01-01 00:00:00 UTC to 2016-01-01 00:00:00 UTC (exclusive): 3 mentions; 0 submissions, 3 comments2016-01-01 00:00:00 UTC to 2017-01-01 00:00:00 UTC (exclusive): 6 mentions; 0 submissions, 6 comments2017-01-01 00:00:00 UTC to 2018-01-01 00:00:00 UTC (exclusive): 0 mentions; 0 submissions, 0 comments2018-01-01 00:00:00 UTC to 2019-01-01 00:00:00 UTC (exclusive): 0 mentions; 0 submissions, 0 comments20182019-01-01 00:00:00 UTC to 2020-01-01 00:00:00 UTC (exclusive): 0 mentions; 0 submissions, 0 comments2020-01-01 00:00:00 UTC to 2021-01-01 00:00:00 UTC (exclusive): 0 mentions; 0 submissions, 0 comments2021-01-01 00:00:00 UTC to 2022-01-01 00:00:00 UTC (exclusive): 0 mentions; 0 submissions, 0 comments2022-01-01 00:00:00 UTC to 2023-01-01 00:00:00 UTC (exclusive): 0 mentions; 0 submissions, 0 comments2023-01-01 00:00:00 UTC to 2024-01-01 00:00:00 UTC (exclusive): 0 mentions; 0 submissions, 0 comments2024-01-01 00:00:00 UTC to 2025-01-01 00:00:00 UTC (exclusive): 1 mentions; 0 submissions, 1 comments2024

Counts come from the repository’s dated source evidence. Index cutoff: 2026-11-02 08:16:59 UTC.

View mention counts and date ranges
UTC ranges include their start and exclude their end. Select a period to filter the source evidence.
PeriodStart (UTC)End (exclusive, UTC)MentionsSubmissionsComments
20132013-01-01 00:00:00 UTC2014-01-01 00:00:00 UTC101
20142014-01-01 00:00:00 UTC2015-01-01 00:00:00 UTC413
20152015-01-01 00:00:00 UTC2016-01-01 00:00:00 UTC303
20162016-01-01 00:00:00 UTC2017-01-01 00:00:00 UTC606
20172017-01-01 00:00:00 UTC2018-01-01 00:00:00 UTC000
20182018-01-01 00:00:00 UTC2019-01-01 00:00:00 UTC000
20192019-01-01 00:00:00 UTC2020-01-01 00:00:00 UTC000
20202020-01-01 00:00:00 UTC2021-01-01 00:00:00 UTC000
20212021-01-01 00:00:00 UTC2022-01-01 00:00:00 UTC000
20222022-01-01 00:00:00 UTC2023-01-01 00:00:00 UTC000
20232023-01-01 00:00:00 UTC2024-01-01 00:00:00 UTC000
20242024-01-01 00:00:00 UTC2025-01-01 00:00:00 UTC101

What Hacker News says

15 sources
I do this quite a bit and have many small sites that I manage and create. My go-to VMS hosting service is Digital Ocean (DO) [0] as they offer reasonable rates ($5 - $10/mo) for reasonable machines and have a very nice interface. There's also LowEndBox.com [1] to scour for cheap VMs but I've had mixed results for many of the services listed. I don't do anything fancy and usually have a VM that runs Ubuntu and Apache or Nginx with mostly static content and some custom Python CGI, where appropriate. I'm not above hand-writing HTML but I also some type of static site generator when Markdown, or something similar, is easier to write it. I haven't found any static site generators that I particularly like, though I've used mkdocs [2]. Personally, I favor minimal front end styling so I tend to gravitate to things like Skeleton.css [3] or Bootst
Read the rest
rap [4]. I tend to use Javascript heavy web applications and I personally hate the new breed of front end development frameworks so I prefer the very boring option of jQuery [5] or plain Javascript. I appreciate D3 [6] but I don't really use it. I've found better utility through Pixi.js [7], Two.js [8], Three.js [9]. MathJax [10] is also nice if you're writing math formula. Whenever I get worried about a new front end framework taking over completely, I just have to wait a few years before it drops off and gets replaced with another one. Many of my sites have been running for many years without issue because I use minimal dependencies. I'm usually a solo developer working on small projects, without the need to interface to a team, have clients update web content, etc. so the above works for me. I think it makes more sense to use heavier duty front end web frameworks or back end CMS fraemworks, like Wordpress, in those scenarios. I'll just briefly mention websocketd [11] as a nice little tool to play around with websockets. As I said, I usually focus on static site stuff but Mariadb [12] is my go to DB, just out of familiarity (from mysql), though if I can get away with it, I try to use Sqlite [13]. I have various cron jobs running to update various static sites or do other tasks on the server and elsewhere. Analytics are a big blind spot for many of my projects but I've used Piwik in the past (now Matomo [14]) to good effect. A more DIY approach is audience minutes [15] which is a small JS widget that sends periodic pings to the web server that show up in the logs so that you can track usage. I'm not as security conscious as I should be as I'm such a small fish on the big internet but my attack surface is not open in the ways that others would be because I don't use an off-the-shelf CMS or other standard frameworks that are the low hanging fruit that attackers try to exploit. My threat model is mostly guarding against attackers trying to take advantage of software exploits. I'm not at all protected against any sort of DDoS attack but considering the stakes, I prefer to focus on creating interesting things than expending large amounts of effort preempting an attack that has minimal critical impact and low reward for an attacker. The advice that I'll give is to not get hung up on doing things the "right way". It's more important to do something, even if imperfect. Once something is in place, it's easier to improve or upgrade. If it's a blog you want to do, write it in HTML if you have to, or write it in Markdown and then use pandoc to convert to HTML. Once that gets too clunky, especially if you're writing blog posts consistently, then upgrade to a static site generator, or write you own minimal one. If that's too clunky, install Wordpress. etc. The same goes for other content. There's other miscellaneous "awesome" lists on front end, back end, static site generators, etc. that you can look at to see what strikes your fancy. Here's a curated list of some sites or projects I've created: https://mechaelephant.com/ https://calebharrington.com/ https://meowcad.com/ https://mechaelephant.com/dev/ https://mechaelephant.com/nymlist/ https://mechaelephant.com/ResonatorVoyantTarot/ https://mechaelephant.com/hsvhero https://mechaelephant.com/whatisthislicense/ https://mechaelephant.com/noixer/ https://mechaelephant.com/notenox/ https://mechaelephant.com/feed All of the above code and content is libre/free/open and can be found on GitHub: https://github.com/abetusk https://github.com/abetusk/www.mechaelephant.com https://github.com/abetusk/calebharrington.com https://github.com/abetusk/dev With some of the above projects having their own repo. Also happy to chat further if that's useful at all. EDIT: link formatting [0] https://www.digitalocean.com/pricing/droplets#basic-droplets [1] https://lowendbox.com/ [2] https://www.mkdocs.org/ [3] https://github.com/dhg/Skeleton [4] https://getbootstrap.com/docs/3.4/ [5] https://jquery.com/ [6] https://d3js.org/ [7] https://pixijs.com/ [8] https://two.js.org/ [9] https://threejs.org/ [10] https://www.mathjax.org/ [11] http://websocketd.com/ [12] https://mariadb.org/ [13] https://www.sqlite.org/ [14] https://matomo.org/ [15] https://github.com/berthubert/audience-minutes
In Ask HN: Tips to get started on my own server
As a backend dev, I wish somebody had told me this exact advice earlier on in my career. CSS does have a fair amount of silly legacy shit, but it's really not all that bad once you dive in. Another good project's source code to learn from is Skeleton. (more simple than bootstrap) CSS version: https://github.com/dhg/Skeleton Sass version: https://github.com/WhatsNewSaes/Skeleton-Sass Edit: For more of a tutorial approach, check out http://learn.shayhowe.com/html-css/
In Ask HN: Should I learn Bootstrap 3 or 4 at this moment?
As someone who also started with the backend, I found this site very helpful for learning CSS: http://learn.shayhowe.com/html-css/ Don't start with a framework though; your goal should be to slowly build up your own. Why? Because that's how to best wrap your head around all the different layout quirks. All you need is an index.html and placeholding content; KISS. Once you've got a better fundamental understanding of how the pieces fit together, you'll be in a much better position to evaluate and take advantage of the various frameworks out there. If you want a middle-ground, check out Skeleton: https://github.com/dhg/Skeleton As for JavaScript, it depends on what you're looking to build. My goal was to build single page applications, so I started with React / Webpack / ES6 (ES2015) / Babel. As a backend dev, I think you'll find the toolin
Read the rest
g rather familiar. I don't have any experience with Angular 2, so I'm not sure if that community has a different "standard stack." But Webpack is pretty sweet, and well worth learning, even if the documentation isn't so hot just yet. As long as you're running ES6, I think you'll find JavaScript is mostly similar to Python (with the biggest difference being JS is prototypical, and thus it's scoping behavior can be a little funky at times).
In Recommended resources for moving from decent back end developer into fullstack?
Skeleton is perfect. https://github.com/dhg/Skeleton/blob/master/css/skeleton.css It's tiny, simple, and so easy that if you read it and understand it, you could write it again yourself. It's meant to be tooled and modified to suit your needs. Bootstrap is just gigantic, it's a big unwieldily blunt instrument that eventually needs to be removed from the project. The framework in OP bothers me because of the way it handles margins around components, makes unnecessary use of flexbox, and hides the entire sidebar of the page on mobile. Which I don't think will often be very useful. I'm very opinionated about my css frameworks.
In Show HN: Mobi.css – A lightweight, flexible CSS framework that focuses on mobile
Okay; I took the Skeleton CSS and gave that a try. It had some issues but I plunged into tweaking. In the end, I got a good-looking result. But that end result could be obtained with probably some 20 odd lines of way simpler CSS. We are talking about this Skeleton hopefully: https://github.com/dhg/Skeleton I am, anyway. Some of my observations: * Didn't like the scatter-brained mixture of units used in this CSS. Some things are given in pixels, others in rem. This is annoying because when the user zooms, the pixel stuff won't scale, but the font-relative will. * Elements are arbitrarily given display styles for no good reason. For instance, a checkbox is "block" displayed. I have some checkboxes in a table, and this caused them to align squarely to the upper left of their cell, not obeying the vertical-align coming from the table. * Some
Read the rest
elements are given spurious inner padding or margins, so they cause extra space. Tables blow up because of this. I had to hunt this down and kill it. * Speaking of tables, the CSS has a rule for TD and TH that text is left-aligned. Firstly, why when that is the default? This caused a middle align given inline in the table itself to be overridden. I had to hunt this down and remove it to re-enable the middle alignment in a table column. * The h1, h2, h3, ... guys were sized way too large. The author of Skeleton seems to think that the purpose of headings is to have a crescendo of font sizes, whereby h6 is normally sized, and things get geometrically bigger from that, culminating in h1 being a billboard on an interstate freeway. This is not the case. The h elements are for document structure. While you don't want h<n> to be smaller than h<n+1> it doesn't always have to be bigger. Styling can use other clues to indicate the hierarchy to the user, such as depth of section numbers or indentation. And who the heck even uses h6 and do they really still want that heading to be smaller than h3, h4 and h5? Needless to say, I had to tweak all those sizes. In the end I got a nice appearance, but still with way too much left-over cruft for what is supposed to be a minimal CSS skeleton. So I put this into a branch for later contemplation, and reset my master branch back. That later contemplation probably won't take place, and so this was a waste of the better part of an hour. Which tends to confirm my earlier view: don't spend time tweaking something that isn't approximately right as-is.
In Milligram: A minimalist CSS framework
Looks really awesome! One piece of feedback I have is that I don't think it's wise to put "maximum-scale=1" in the viewport meta-tag because it makes pages hard to read for people with less-than-perfect vision (because it prevents zooming in on phones). I created a github issue about this too: https://github.com/dhg/Skeleton/issues/173 Is there an actual benefit to having this on web pages? I see it a lot (unfortunately -- makes it very difficult when I'm on my iphone sometimes), and am not sure why people do this. Is it just "common wisdom" that has been copy-and-pasted down through the ages without anyone questioning it, or does it provide some benefit that outweighs the (pretty big) drawback of reduced accessibility? Thanks!
In Skeleton 2.0 CSS Framework

MAKE YOURSELF AT HOME

A few shortcuts

/
Search the collection
?
Open this guide
Esc
Close dialogs and navigation

Your saved repositories and interests stay in this browser.