Autopopulating text input fields with JavaScript | 456 Berea Street
For both accessibility and usability reasons, all input fields and other form controls except buttons should have an associated label that clearly states what the purpose of the control is, or what kind of input the user is expected to fill it with. Sometimes the visual design places restrictions on those labels, in some cases to the extent that there is no room for a label. Perhaps one of the mor
Helping your client maintain markup quality | 456 Berea Street
One thing that is particularly frustrating with caring about Web standards and accessibility is what often happens after your work is done and a site is handed over to the client. I’m sure most of you have been there. Despite your hard work to educate the client’s editor(s), regardless of the style guide you wrote, and no matter how much time you spent patching the CMS they use, there will be prob
Are we designers or developers? | 456 Berea Street
On the about page of this site I used to call myself a "developer/designer/occasional writer". It's a bit confusing, and I still find it hard to know what to answer when someone asks me what I do for a living. Am I a Web designer? A Web developer? A Web programmer? All of them? Neither? It really is a difficult question to give a simple answer to. My answer depends on who is asking, when, why, and
Simple PHP randomizer | 456 Berea Street
On a regular basis I get questions about the randomized books and music albums that are displayed on this site. A common question is if I use a plugin for that, and the answer is no, I use a custom PHP script. The script is quite simple, but since I do get questions about it I think a quick explanation of how it works is in place, if only to serve as something to refer future questions to. The scr
Styling form controls with CSS, revisited | 456 Berea Street
Over two years ago, in September 2004, I posted an article called Styling form controls. My intention with that article (and its follow-up, Styling even more form controls) was to show that attempting to use CSS to make form controls look similar across browsers and operating systems in an exercise in futility. It simply cannot be done. Since discussions about applying CSS to form controls continu
Six things that suck about the Web in 2006 | 456 Berea Street
With 2006 coming to an end I wanted to post a little rant about some of the trends that I find really annoying about the Web this year. All in my personal opinion, of course, and with a healthy dose of exaggeration (meaning that you shouldn't take every word literally - really, don't). You have been warned. Overuse of JavaScript frameworks/libraries. Back to the 90's, baby, except they were called
IE expressions ignore CSS media types | 456 Berea Street
A client recently reported that there was a problem with their print stylesheet causing content to be cut off at the right margin. I had a look at it and couldn’t see a problem until I tried printing from Internet Explorer. There was a problem alright. It was really puzzling since all the print CSS for that site does is basically hide parts that are irrelevant when printing. There shouldn’t be any
Opening new windows with JavaScript, version 1.2 | 456 Berea Street
Update: The technique described here is not ideal. Read why in New windows with JavaScript and the target attribute. My script for opening new windows without using the target attribute became more popular than I thought it would. A lot of people commented on the post, Using JavaScript instead of target to open new windows, with suggestions for improvement. A few days after the original post, I up
CSS Frames v2, full-height | 456 Berea Street
Way back in August of 2003 I wrote a short article called CSS Frames, in which I described a technique to emulate the visual appearance of HTML frames with CSS. That is more than three years ago, so I think it’s about time to revisit the technique and improve it a bit, especially as the original CSS Frames demo page has been receiving loads of traffic lately. I only had to take a quick look at the
Build your own PHP style sheet switcher | 456 Berea Street
Want to have a style switcher that lets your site's visitors choose a different style sheet? Want it to work even if there is no JavaScript support? The trick is to use a server-side language like PHP, which is what I used to use for my style switcher. Note: I have now taken the style switcher offline since I kept forgetting to maintain multiple stylesheets. It's not because having a style switche
Light text on dark background vs. readability | 456 Berea Street
What’s up with the current design trend of light text on dark backgrounds? Many web designers seem to favour inverted colour schemes, but what happened to readability and usability? I know I am not the only person to find it very uncomfortable to read text on sites with inverted, high contrast designs. Light-on-dark designs aren’t new. What’s new is that they have been appearing more frequently in
Levels of HTML knowledge | 456 Berea Street
Inspired by Emil Stenström’s Levels of CSS knowledge, I started thinking about the extreme difference in HTML knowledge among people working in the web industry. It spans all the way from people who know next to nothing about it to those who know it well enough to write the actual HTML specifications. I thought I’d describe a few different levels of HTML knowledge. For some people, these levels ar
Opening new windows with JavaScript, version 1.1 | 456 Berea Street
Update: The technique described here is not ideal. Read why in New windows with JavaScript and the target attribute. After considering the suggestions made in the comments on my article Using JavaScript instead of target to open new windows and thinking some more about it, I've made some changes to the script. For the full story, please read the original article if you haven't already. The revised
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Reveal new window links and links to non-HTML files with a user stylesheet | 456 Berea Street
Version control with Subversion on Mac OS X | 456 Berea Street
http://www.456bereastreet.com/archive/200705/accessible_expanding_and_collapsing_menu/
How to prevent HTML tables from becoming too wide | 456 Berea Street
Poll results: 50.4% of respondents maximise windows | 456 Berea Street
Worst code ever | 456 Berea Street
http://www.456bereastreet.com/archive/200607/readspeaker_podcaster_listen_to_456_berea_street/