Hey,
what a week, heh? If you’re a sysadmin I hope you got at least some sleep in the past days. OpenSSL contained a serious bug which was leaked on tuesday, right when the official support for Windows XP (and therefore IE <=8) ended. But also as a user you need to be strong now—and you’ll likely need to reset all your passwords everywhere soon. But first you need to manually check if the site has already fixed the bug before you change your password. If not, you need to avoid the site until they fixed the security leak.
However, I catched up with the internet once again and collected a series of links for you all around front-end development:
News
- If you need or want to use Comic Sans as typeface, just use Comic Neue instead. A new, free and better font.
- Microsoft to offer enterprises an IE-Frame a la Chrome-Frame for IE6/7/8/9.
Git
Design
- About creating style guides for your projects and how you can do this.
Tools
- How to use Sublime Text like a pro.
- Glyphter is a new free service that helps you build your custom icon font from random SVGs in no time.
- Keep your browsers in sync to test your websites.
- DeckSetApp is a Markdown-file driven slidedeck app. Looks great, maybe worth a try if you search for a new tool?
- Create your own ebooks with this little tool.
- SiteEffect.io is an attempt to build a full blown regression testing framework. It enables you to easily detect and understand layout, style and content changes caused by your latest implemented features or general code updates (extensions, libs, patches, etc.).
Web Performance
- The need for Speed—How to improve your website performance.
HTML
- The Art of HTML Semantics Part 1. Learn how to use the proper elements for your use case.
JavaScript
- Superhero.js: Creating, testing and maintaining a large JavaScript code base is not easy — especially since great resources on how to do this are hard to find. Here’s a collection.
- Chrome DevTools offer you a way to track asynchronous JavaScript—here’s how.
- Here are some responsive table patterns.
CSS / Scss
- How components work AKA CSS Architecture on a shoestring.
- CSSDig indicates if it’s time to refactor your CSS, available as node module.
- A good guide to learn CSS: The magic of CSS by Adam Schwartz.
- Start Kerning in the Web with CSS.
- About Flexbox in the real world. Because you still have to support older browsers.
- By the way, we have a cool new interactive Flexbox tool here.
- Create circular progess buttons in CSS.
- How Sass’
@content
property can ease your work with mixins and pseudo-elements.
Go beyond…
- Why you can ignore sentences like “You can’t do that“.
To support this project, Flattr or gratipay me or share this resource with other people.
Thanks and all the best,
Anselm