corenominal

Full stack web developer, interested in all the things, but especially the web, code, design, Linux, OS X, PHP, WordPress, JavaScript & robots.

Tagged: css

HTML & CSS Is Hard – A friendly web development tutorial image/svg+xml

Learning HTML and CSS is hard, but it doesn’t have to be. This 14-chapter tutorial is one of the friendliest HTML and CSS guides on the Internet. We’ll walk you through everything from selecting a good text editor (which is surprisingly important) to building full-fledged, professional-quality web pages from scratch.

This is possibly the most comprehensive guide to web development ever. OK, possibly not, but it is really rather good. The next time somebody asks me where to start, I’ll know where to point them.

Align SVG Icons to Text and Say Goodbye to Font Icons image/svg+xml

With an SVG icon system you can better meet accessibility standards, render higher quality visuals, and add/remove/modify icons in the library with ease. At Pivotal we’ve created an SVG icon system with React for use on our suite of products. This article is about my approach to styling the SVG icon system with CSS to make it easy and effective to use.

Aligning SVG icons alongside text can be tricky, so it’s good to see how somebody else is tackling it.

sanitize.css image/svg+xml

sanitize.css is a CSS library that corrects broken and missing styles in all browsers, preserving useful defaults rather than unstyling everything. It’s developed alongside normalize.css, so every normalization includes the browsers or browser versions being targeted, and every opinionated change is marked and documented.

I heard about this when listening to an episode of ShopTalkShow. I’ve recently been using both reset.css and normalize.css (not on the same projects, obviously), but this looks like it warrants further investigation. See the GitHub page for details of the opinionated differences.