Mark Otto, co-creator of Bootstrap and a GitHub designer, writes about front-end design, CSS toolkits, and GitHub interface work.
HN mentions it as the blog of the Bootstrap creator, and quotes his posts on GitHub's Primer toolkit and design and development overlapping.
I really loved Mark Otto's sentiment here — design and development aren't separate jobs like, say, deep-sea oil drilling and copyright lawyering are. We're all working on the same spectrum with an increasing amount of overlap. http://markdotto.com/2013/04/22/designer-developer-spectrum/
There's definitely room for specialisation but our work is so much richer when we learn about the full stack. If you want to know more about design — just ask a designer :). We don't bite, we've just been a bit lazy with learning resources recently. HackDesign is a great start but the design community are well aware that learning to design at the moment is a mix of formal education, figuring shit out over years of making mistakes and a sprinkling of black magic. There's no Railscast to grok typography, and that sucks. We're working on it though :)
1. Please do not import external resources from Google Fonts if you don’t have to. (Hint: You never really have to.)
2. If you want to use as little CSS as possible, simply use `sans-serif`. Otherwise try this font stack: http://markdotto.com/2018/02/07/github-system-fonts/
2. Fira Sans is actually quite nice, but please do not use `font-weight`s below `400` for continuous text. That’s really hard to read.
3. Since only the `300` weight is imported, the entire text will be thin – even headlines and `strong`.
4. Please leave the link text underlines for accessibility: https://webaim.org/techniques/hypertext/link_text#underlining
bettermotherfuckingwebsite.com did a better job.
Here is my list of solo developer blogs. Usually they are on topic. This does not include personal blogs I follow that happen to be developers.
@mdo (Bootstrop) - http://markdotto.com/
Keith Cirkel - https://www.keithcirkel.co.uk/
Coding – Corbin's Treehouse - https://www.corbinstreehouse.com/blog
Aaditya Purani – Ethical Hacker - https://aadityapurani.com/
Ben Balter - http://ben.balter.com/
fulldecent - https://privacylog.blogspot.com
Orange - http://blog.orange.tw/
Cocoa with Love - http://www.cocoawithlove.com/
Mark Otto - http://markdotto.com/
Moxie Marlinspike's Blog - http://www.thoughtcrime.org/blog/
hueniverse - http://hueniverse.com/
Miscellaneous technical stuff:
- https://danluu.com/
- https://blog.jessfraz.com/
- https://adamwathan.me/
- https://jvns.ca/
- https://rachelbythebay.com/w/
- https://dankim.org/
- https://mtlynch.io/
- https://rgz.ee/
- https://markdotto.com/
- https://thorstenball.com/
- https://sarahdrasnerdesign.com/writing/
- https://lukesmith.xyz/ - Quirky minimalist linux & free software stuff. I don't agree with many of his opinions but his rants are entertaining + offer a refreshing view on certain things.
Non-technical:
- https://bernoid.com/
Hi Nick! Thanks for making this, I'm going to add it to a project right now.
One quick note -- it'd be cool if you had a big "find me on Github" button near the top, just for convenience. And so that people understand right away that it is a project they can easily download and mess around with.
You could even go for something snazzy like an unofficial Github watch or fork button:
http://www.markdotto.com/2011/11/26/introducing-unofficial-github-buttons/
And seriously, why not a responsive design instead of having 3 different versions of the same site (normal, mobile, mini)?
Checkout Twitter Bootstrap 2 (uut next week) or Foundation. It will make your live so much easier, and the site will be a lot more readable.
http://www.markdotto.com/2012/01/24/bootstrap-2-ready-for-testing-and-feedback/
and
http://foundation.zurb.com/