You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: _posts/2010-01-26-a-suitable-alternativeon-proper-use-of-alt-attributes.markdown
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -127,7 +127,7 @@ Writing proper `alt` text is incredibly simple, yet a little more time consuming
127
127
128
128
129
129
130
-
Also, for any pages that use similar images repeatedly but are slightly different to one another, make sure your alt attributes reflect these differences. A good example would be [my portfolio page](/portfolio/). Instead of using `alt="Screenshot"` over and over again I used text like `alt="Screenshot of Suzanna Haworth’s website"` and `alt="Screenshot of RAAMaudio UK Ltd."` etc.
130
+
Also, for any pages that use similar images repeatedly but are slightly different to one another, make sure your alt attributes reflect these differences. A good example would be my portfolio page. Instead of using `alt="Screenshot"` over and over again I used text like `alt="Screenshot of Suzanna Haworth’s website"` and `alt="Screenshot of RAAMaudio UK Ltd."` etc.
Copy file name to clipboardExpand all lines: _posts/2010-01-31-iphone-css-tips-for-building-iphone-websites.markdown
+3-3Lines changed: 3 additions & 3 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -55,7 +55,7 @@ Now, both when browsing and saving your site to their home screen, a user will o
55
55
56
56
#### The home screen icon
57
57
58
-
Actually making the icon is very simple. All you need to do is upload a 57x57px icon (usually a larger version of your favicon) to your server root. The icon must be named `apple-touch-icon.png`, and the iPhone will sort the rest out. See [my icon](/apple-touch-icon.png).
58
+
Actually making the icon is very simple. All you need to do is upload a 57x57px icon (usually a larger version of your favicon) to your server root. The icon must be named `apple-touch-icon.png`, and the iPhone will sort the rest out.
59
59
60
60
### Stopping user pinch-zooming
61
61
@@ -79,7 +79,7 @@ The first thing you need to do is make sure the HTML link element that points to
79
79
80
80
<link rel="stylesheet" href="/path/to/style.css">
81
81
82
-
Next, we're going to use [Quick Tip #15](/quick-tips/#tip-15) that I wrote on my Quick Tips page. This means that we can just add our iPhone styles directly onto the end of the main stylesheet, and inherit all the styles set for desktop viewing:
82
+
Next, we're going to use Quick Tip #15 that I wrote on my Quick Tips page. This means that we can just add our iPhone styles directly onto the end of the main stylesheet, and inherit all the styles set for desktop viewing:
83
83
84
84
/*--- Main CSS here ---*/
85
85
@@ -179,6 +179,6 @@ As images inherently have a set pixel width (i.e. their own width) there is a hi
179
179
}
180
180
}
181
181
182
-
Other than elements very specific to my site, that is pretty much [all the CSS I use to quickly size and linearise my content](/wp-content/themes/default/style.css). Any elements specific to your own site will obviously need considering on a case-by-case basis, but if you remember to not set absolute widths and to always linearise your content then it should be a doddle. Oh and it's a great time to use some guaranteed CSS3.
182
+
Other than elements very specific to my site, that is pretty much all the CSS I use to quickly size and linearise my content. Any elements specific to your own site will obviously need considering on a case-by-case basis, but if you remember to not set absolute widths and to always linearise your content then it should be a doddle. Oh and it's a great time to use some guaranteed CSS3.
183
183
184
184
Do you have an iPhone version of your site? Have you any more tips you'd like to add? Please do so in the comments below.
0 commit comments