FlowType.JS — Responsive web typography at its finest: font-size and line-height based on element width. Tech Time: In Defense Of Rem Units. Over the past couple weeks, I’ve had the opportunity to design and build Harvest’s 2012 Year In Work, which afforded me a chance to try out something new: the rem unit of measurement.
You’re probably already familiar with em units – they’ve been a common feature of CSS for the past decade – but a crash course: elements specified using em units are sized relative to the font-size of their parent element. For example, if a paragraph has a specified font-size of 2em, and the div it’s inside of has a font-size of 10px, then the effective font-size of the paragraph is 10px × 2em, which is 20px.
“Rem” stands for “root em”. Similar to em units, they calculate size based on an ancestor element’s font-size, except rem units always calculate against the html/root element’s base size. So if the html element has a font-size of 16px, then a paragraph with font-size of 2rem will always be 32px, regardless of the its parent div or any other element. This is incredibly compelling, particularly because... Fontello - icon fonts generator.
Font Awesome, the iconic font designed for use with Twitter Bootstrap. ❍ IcoMoon. IcoMoon is striving to build and provide the best iconography and icon management tool for perfectionists.
IcoMoon's icon library features only the very best icon sets out there. All of our icons are designed on a precise pixel grid. The IcoMoon app lets you build and use your own icon sets in many different formats including SVG, Polymer, PDF, XAML, CSH, icon font or simple PNG/CSS sprites. IcoMoon was first built and released back in the November of 2011. Since its release, it has changed the way icon fonts (and icons in general) are being used in web today. IcoMoon was also the first to solve a big problem with icon fonts: Compatibility with screen readers.
IcoMoon is constantly improving and it offers many unique features. With over 4000 free and open source icons available in IcoMoon's library, and by allowing you to generate crisp icon fonts and SVG sprites locally/offline, this service is far ahead of any similar one. Need to contact us? Special Characters for HTML, CSS and JS. My name is Neal Chester and I'm a web developer and consultant.
Sometimes I use special characters as an alternative to images; many of these characters I never knew existed. When I surfed the Web, I always ran into 3 problems with character listings: They contained tons of characters I didn't useThere was no one list that brought together all the characters I neededThe fonts were too small and the page was difficult to use So I made my own listing page containing the best HTML characters I felt would be useful to everyone, especially web developers. I grouped them into sections and included the HTML, CSS and JS name & number codes for your convenience. Rendering Characters As you'll notice, some characters will render differently depending on the browser.
Depending on the browser, some characters won't display. Therefore, it's important to view the characters in different browsers and mobile devices to determine if you want to use that character. Next, markup your HTML as follows.