You can use Cascading Style Sheets (CSS) is to modify the font or typography of the page. There are several ways to describe font sizes. In the font-size property, you'll know that there are many different measurements to use when defining the size of the font. Relative lengths xx-small through xx-large - relative to the... Continue Reading →
Snippet — Custom Fonts Fix
Font embedding enables fonts used in the creation of a document to travel with that document, which ensures that a user views the document exactly as the author intended. Modern browsers support the W3C standard for custom fonts, WOFF, at http://caniuse.com/#search=wof. WOFF is compressed TrueType/OpenType font that contains information about the font's source. You can... Continue Reading →
HTML5 Tutorial – SVG Basic Shapes, Viewport, Path, Text, Fonts
SVG is a widely-deployed royalty-free graphics format developed and maintained by the W3C SVG Working Group. It is a language for describing 2D-graphics and graphical applications in XML. You can find an overview of SVG in our previous post. In this section, you’ll learn about Basic Shapes, Path, Text, and Fonts. With SVG, you can... Continue Reading →
CSS3 Tutorial – Which Style Your Browser Chooses
One of the key features in using Cascading Style Sheets is that you set a style then override it. And you can override just part of the display or all of it. Knowing how a browser chooses and applies your styles is invaluable knowledge. In the previous post, you learned how you could reset the... Continue Reading →
CSS3 Tutorial – Custom Fonts
Font embedding enables fonts used in the creation of a document to travel with that document, which ensures that a user views the document exactly as the author intended. For browsers that font embedding, fonts can be temporarily installed on a user's computer so that a Web page is displayed exactly as the you intend.Microsoft... Continue Reading →
HTML5, CSS3 Tip – Boilerplates
As you have seen in our introductory posts on HTML5, you will want to start with some sort of boilerplate. Boilerplates help you remember all of the items you need to be successful. HTML5Boilerplate helps you start your project with a lean, mobile-friendly HTML template; optimized Google Analytics snippet; placeholder touch-device icon; and docs covering... Continue Reading →
CSS3, jQuery Tutorial – Selectors Reference
Use pattern matching rules to select elements in your HTML document when using CSS and jQuery. These pattern rules are , called selectors. They can be simple element names up through rich contextual patterns. If all conditions in the pattern are true for a certain element, the selector matches the element.Selectors may apply to: All... Continue Reading →
CSS3 Tutorial – CSS Box Model
Every element in web design is a rectangular box. IN a previous post, Positioning & Inline, you learned about where the box is displayed. But that is only part of the story. The other part is about padding, border, and margin and how they affect where the box is displayed. When you type in F12... Continue Reading →
CSS3 Tutorial – Positioning & Inline
You can do quite a bit with positioning. And until you understand positioning, you will just be hacking at your code. I learned a lot from Learn CSS Positioning in Ten Steps. I owe him at least a beer. Check out his example that I have wholesale adopted. There are three positioning schemes: Normal flow.... Continue Reading →