简介：Roger Johansson is a web professional specialising in web standards, accessibility, and usability.

原站：http://www.456bereastreet.com/

“456 Berea Street”的内容更新

累计：279 篇（自 2007-09-04 起）

更新：约1篇/周，最后更新7 天前

456 Berea Street

Using max-width on images can make them disappear in

i recently ran into a problem that was really hard to figure out. i was working on a responsive design where i used img {max-width:100%;} to make sure that images would be downsized rather than overflow in narrower viewports.it worked great everywhere… until i went to check in ie8. the site’s logo was gone! none of the usual ie bug fixes cured the pro... (7 天前)

http://inezha.com/w/lvhd7y82

456 Berea Street

How to adjust an iframe element’s height to fit its

in an ideal world there would always be a clean way of displaying data supplied by a third party on your site. two examples would be getting the data in json or xml format from a web service and having an api to code against. but you don’t always have any of those options.sometimes the only way of incorporating data from a third party is by loading it ... (62 天前)

http://inezha.com/w/k5z16y80

456 Berea Street

Visited links can only be differentiated by colour

showing whether a link on a web page has been visited or not can be very useful. one example that many will be familiar with is how it helps you know which links you have already followed from a google search results page – links to pages you have already visited are a different colour than the other links.changing only the colour can be a bit subtle t... (62 天前)

http://inezha.com/w/dw8sly8o

456 Berea Street

The difference between width:auto and width:100%

when adapting a layout for different viewport widths (a.k.a. responsive design) or media (like print), it’s common to reset any float and width values on major layout blocks to linearise their display.unfloating a floated element is as simple as specifying float:none. width doesn’t seem to be quite as straightforward – lately i’ve come across severa... (62 天前)

http://inezha.com/w/ipht5y8i

456 Berea Street

Styling buttons in iOS WebKit and -webkit-appearance

i just recently ran into an issue when styling buttons that had me pulling my hair for a while. i had my buttons looking the way they were supposed to look in desktop browsers, but when i went to have a look in safari for ios, much of my css wasn’t applied.this was pretty puzzling as i couldn’t remember having any problems with buttons in safari for i... (62 天前)

http://inezha.com/w/vr4gil8b

456 Berea Street

Screen readers and CSS

as i have noted in a couple of blog posts recently, there are some cases when css has quite unexpected results in screen readers (or the way web browsers create the accessibility information they hand over to screen readers). if you haven’t read them, the posts are screen readers, list items and list-style:none and using display:table has semantic effec... (62 天前)

http://inezha.com/w/mgpr1l8z

456 Berea Street

JavaScript-created markup also needs to be semantic

back in the day you used to be able to view source on a web page to see the markup used to create it. these days, on many sites, a large portion of the markup is not visible when you view source because it is inserted by javascript functions.that isn't necessarily a problem provided that you use progressive enhancement and unobtrusive javascript. if you... (62 天前)

http://inezha.com/w/7tfpbl8x

订阅者 ( 1 )

相关订阅源