Readlein - Fast, pure, beautiful & mobile
I made this theme for my personal blog. I had some clear goals in mind, that no theme so far had addressed to my satisfaction. I wanted my blog to be seriously fast and really mobile first. So I (again) had to make my own theme. And this is it.
It scores 99/100 in the Google Developer Speed Test (I could have 100/100, but for that I would have to minify the HTML, what would create some difficulties in modifying the theme, so I didn't do that. But it is easy if you want to do it yourself.). Everything is optimised to not block rendering of the webpage.
It is pure and minimal, heavily optimised for mobile usage. No decoration, no clutter. Its a delightful reading experience, as fast and clear as possible.
A more detailed description of my thoughts and reasons behind creating this theme check out my blog post on it: http://www.svenread.com/readlein-ghost-theme/
Features:
- Real Mobile-First Design Approach
- Automatic usage of Sans-Serif system fonts, even on mobile, to optimise performance
- Fully Responsive layout
- Valid HTML5/CSS3
- OpenGraph & Twitter Cards meta's
- WAI-ARIA & Rich Snippets(microdata) roles
- Harmonies based on Golden Ratio & Modular Scaling
- Designed for Readability & Sharability
- Works with the Ghost Hosting platform
- Automatic Syntax Highlighting via Highlight JS (& lots of themes to choose from)
- Embeds work for Vimeo, Youtube, Soundcloud, Instagram and many more
- Footnotes designed
- Handles static pages (small navigation already included)
- Handles featured posts
- Automatic image captions (uses image alt text)
- Analytics integrated
- FontAwesome implemented for easy use of icons fonts
Thanks to these guys for their awesome work:
- FontAwesome by Dave Gandy
- The HighlightJS guys
- @riplexus & @unverbraucht for their JS help
- the awesome guys that make Ghost
Version 1.1:
- Fixed how navigational and social elements behave if you add to much of them and the screen size gets to small
- Added Soundcloud-Embeds
- Extended readme documentation
0 comments: