| $('#animateMe').click(function() { | |
| $('#me .avatar').animate({ | |
| height: "80", | |
| width: "80", | |
| left: "0", | |
| top: "100" | |
| }, 1000, function() { | |
| // Animation complete. | |
| }); | |
| }); |
Web fonts may be the best thing to happen to web design in years, but that doesn't mean there aren't some tricky issues to overcome. One of the most annoying things is dealing with what's become known as the FOUT or 'Flash of Unstyled Text'. It's what happens in some browsers while waiting for fonts to download.
Typekit is introducing Font Events to put you back in control when using web
Web fonts may be the best thing to happen to web design in years, but that doesn't mean there aren't some tricky issues to overcome. One of the most annoying things is dealing with what's become known as the FOUT or 'Flash of Unstyled Text'. It's what happens in some browsers while waiting for fonts to download.
Typekit is introducing Font Events to put you back in control when using web
Web fonts may be the best thing to happen to web design in years, but that doesn't mean there aren't some tricky issues to overcome. One of the most annoying things is dealing with what's become known as the FOUT or 'Flash of Unstyled Text'. It's what happens in some browsers while waiting for fonts to download.
Typekit is introducing Font Events to put you back in control when using web
Web fonts may be the best thing to happen to web design in years, but that doesn't mean there aren't some tricky issues to overcome. One of the most annoying things is dealing with what's become known as the FOUT or 'Flash of Unstyled Text'. It's what happens in some browsers while waiting for fonts to download.
Typekit is introducing Font Events to put you back in control when using web
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>test</title> | |
| <style> | |
| body, h1 | |
| { | |
| margin: 0; | |
| padding: 0; |
| #overlay | |
| position: fixed | |
| top: -212px | |
| left: 0 | |
| height: 200px | |
| width: 400px | |
| height: 400px | |
| z-index: 0 | |
| background: url(../images/yeah.png) no-repeat 0 0 | |
| padding: 24px 0 0 24px |